@apify/ui-library 1.112.4 → 1.113.1-featjsonschemaviewerv2-1b0d8e.56
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/src/components/card_container.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -4
- package/src/components/card_container.tsx +1 -1
- package/src/components/code/code_block/code_block.stories.jsx +0 -1
- package/src/components/tabs/tab.stories.tsx +1 -1
- package/src/components/tag.stories.jsx +0 -1
- package/dist/src/components/action_link.stories.d.ts +0 -50
- package/dist/src/components/action_link.stories.d.ts.map +0 -1
- package/dist/src/components/action_link.stories.js +0 -129
- package/dist/src/components/action_link.stories.js.map +0 -1
- package/dist/src/components/actor_template_card.stories.d.ts +0 -49
- package/dist/src/components/actor_template_card.stories.d.ts.map +0 -1
- package/dist/src/components/actor_template_card.stories.js +0 -154
- package/dist/src/components/actor_template_card.stories.js.map +0 -1
- package/dist/src/components/banner.stories.d.ts +0 -53
- package/dist/src/components/banner.stories.d.ts.map +0 -1
- package/dist/src/components/banner.stories.js +0 -132
- package/dist/src/components/banner.stories.js.map +0 -1
- package/dist/src/components/blog_article.stories.d.ts +0 -33
- package/dist/src/components/blog_article.stories.d.ts.map +0 -1
- package/dist/src/components/blog_article.stories.js +0 -92
- package/dist/src/components/blog_article.stories.js.map +0 -1
- package/dist/src/components/button.stories.d.ts +0 -6
- package/dist/src/components/button.stories.d.ts.map +0 -1
- package/dist/src/components/button.stories.js +0 -46
- package/dist/src/components/button.stories.js.map +0 -1
- package/dist/src/components/card_container.stories.d.ts +0 -10
- package/dist/src/components/card_container.stories.d.ts.map +0 -1
- package/dist/src/components/card_container.stories.js +0 -33
- package/dist/src/components/card_container.stories.js.map +0 -1
- package/dist/src/components/chip.stories.d.ts +0 -98
- package/dist/src/components/chip.stories.d.ts.map +0 -1
- package/dist/src/components/chip.stories.js +0 -251
- package/dist/src/components/chip.stories.js.map +0 -1
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts +0 -23
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts.map +0 -1
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.js +0 -63
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.js.map +0 -1
- package/dist/src/components/code/inline_code/inline_code.stories.d.ts +0 -16
- package/dist/src/components/code/inline_code/inline_code.stories.d.ts.map +0 -1
- package/dist/src/components/code/inline_code/inline_code.stories.js +0 -47
- package/dist/src/components/code/inline_code/inline_code.stories.js.map +0 -1
- package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts +0 -16
- package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts.map +0 -1
- package/dist/src/components/code/one_line_code/one_line_code.stories.js +0 -81
- package/dist/src/components/code/one_line_code/one_line_code.stories.js.map +0 -1
- package/dist/src/components/color_wheel_gradient.stories.d.ts +0 -38
- package/dist/src/components/color_wheel_gradient.stories.d.ts.map +0 -1
- package/dist/src/components/color_wheel_gradient.stories.js +0 -126
- package/dist/src/components/color_wheel_gradient.stories.js.map +0 -1
- package/dist/src/components/icon_button.stories.d.ts +0 -36
- package/dist/src/components/icon_button.stories.d.ts.map +0 -1
- package/dist/src/components/icon_button.stories.js +0 -59
- package/dist/src/components/icon_button.stories.js.map +0 -1
- package/dist/src/components/link.stories.d.ts +0 -22
- package/dist/src/components/link.stories.d.ts.map +0 -1
- package/dist/src/components/link.stories.js +0 -112
- package/dist/src/components/link.stories.js.map +0 -1
- package/dist/src/components/rating.stories.d.ts +0 -32
- package/dist/src/components/rating.stories.d.ts.map +0 -1
- package/dist/src/components/rating.stories.js +0 -95
- package/dist/src/components/rating.stories.js.map +0 -1
- package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts +0 -8
- package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts.map +0 -1
- package/dist/src/components/simple_markdown/simple_markdown.stories.js +0 -60
- package/dist/src/components/simple_markdown/simple_markdown.stories.js.map +0 -1
- package/dist/src/components/spinner.stories.d.ts +0 -8
- package/dist/src/components/spinner.stories.d.ts.map +0 -1
- package/dist/src/components/spinner.stories.js +0 -24
- package/dist/src/components/spinner.stories.js.map +0 -1
- package/dist/src/components/tabs/tab.stories.d.ts +0 -38
- package/dist/src/components/tabs/tab.stories.d.ts.map +0 -1
- package/dist/src/components/tabs/tab.stories.js +0 -88
- package/dist/src/components/tabs/tab.stories.js.map +0 -1
- package/dist/src/components/text/text.stories.d.ts +0 -13
- package/dist/src/components/text/text.stories.d.ts.map +0 -1
- package/dist/src/components/text/text.stories.js +0 -14
- package/dist/src/components/text/text.stories.js.map +0 -1
- package/dist/src/design_system/tokens/radiuses.stories.d.ts +0 -6
- package/dist/src/design_system/tokens/radiuses.stories.d.ts.map +0 -1
- package/dist/src/design_system/tokens/radiuses.stories.js +0 -30
- package/dist/src/design_system/tokens/radiuses.stories.js.map +0 -1
- package/dist/src/design_system/tokens/shadows.stories.d.ts +0 -6
- package/dist/src/design_system/tokens/shadows.stories.d.ts.map +0 -1
- package/dist/src/design_system/tokens/shadows.stories.js +0 -37
- package/dist/src/design_system/tokens/shadows.stories.js.map +0 -1
- package/dist/src/design_system/tokens/spaces.stories.d.ts +0 -10
- package/dist/src/design_system/tokens/spaces.stories.d.ts.map +0 -1
- package/dist/src/design_system/tokens/spaces.stories.js +0 -92
- package/dist/src/design_system/tokens/spaces.stories.js.map +0 -1
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Link } from './link.js';
|
|
3
|
-
// eslint-disable-next-line max-len
|
|
4
|
-
const longText = 'This is a very long link text that might wrap to multiple lines depending on the container width. It is used to test how the Link component handles overflow and wrapping in different scenarios.';
|
|
5
|
-
// Mock the UI dependencies provider for Storybook
|
|
6
|
-
const MockUIProvider = ({ children }) => {
|
|
7
|
-
const mockDependencies = {
|
|
8
|
-
windowLocationHost: 'localhost:6006',
|
|
9
|
-
isHrefTrusted: (href) => !href.includes('untrusted'),
|
|
10
|
-
trackClick: (trackingId, trackingData) => {
|
|
11
|
-
console.log('Tracked click:', trackingId, trackingData);
|
|
12
|
-
},
|
|
13
|
-
InternalLink: 'a', // Use regular anchor for Storybook
|
|
14
|
-
};
|
|
15
|
-
// Inject mock context (in real implementation, this would use React Context)
|
|
16
|
-
return _jsx("div", { "data-mock-ui-provider": JSON.stringify(mockDependencies), children: children });
|
|
17
|
-
};
|
|
18
|
-
export default {
|
|
19
|
-
title: 'UI-Library/Link',
|
|
20
|
-
component: Link,
|
|
21
|
-
decorators: [
|
|
22
|
-
(Story, _context) => (_jsx(MockUIProvider, { children: _jsx(Story, {}) })),
|
|
23
|
-
],
|
|
24
|
-
argTypes: {
|
|
25
|
-
to: {
|
|
26
|
-
control: 'text',
|
|
27
|
-
description: 'The destination URL or path object. Can be internal (/path) or external (https://example.com)',
|
|
28
|
-
},
|
|
29
|
-
hideExternalIcon: {
|
|
30
|
-
control: 'boolean',
|
|
31
|
-
description: 'Hide the external link icon even for external URLs',
|
|
32
|
-
},
|
|
33
|
-
showExternalIcon: {
|
|
34
|
-
control: 'boolean',
|
|
35
|
-
description: 'Force show the external link icon even for internal links',
|
|
36
|
-
},
|
|
37
|
-
rel: {
|
|
38
|
-
control: 'text',
|
|
39
|
-
description: 'Custom rel attribute for the link (e.g., "sponsored", "nofollow")',
|
|
40
|
-
},
|
|
41
|
-
target: {
|
|
42
|
-
control: 'select',
|
|
43
|
-
options: ['_self', '_blank', '_parent', '_top'],
|
|
44
|
-
description: 'Where to open the link. External links default to "_blank"',
|
|
45
|
-
},
|
|
46
|
-
trackingId: {
|
|
47
|
-
control: 'text',
|
|
48
|
-
description: 'Unique identifier for tracking link clicks in analytics',
|
|
49
|
-
},
|
|
50
|
-
trackingData: {
|
|
51
|
-
control: 'object',
|
|
52
|
-
description: 'Additional data to send with tracking events (object format)',
|
|
53
|
-
},
|
|
54
|
-
onClick: {
|
|
55
|
-
action: 'clicked',
|
|
56
|
-
description: 'Callback function fired when the link is clicked',
|
|
57
|
-
},
|
|
58
|
-
children: {
|
|
59
|
-
control: 'text',
|
|
60
|
-
description: 'The link text or content to display',
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
parameters: {
|
|
64
|
-
design: {
|
|
65
|
-
type: 'figma',
|
|
66
|
-
url: 'TODO: Add Figma URL',
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
};
|
|
70
|
-
/**
|
|
71
|
-
* Default internal link behavior
|
|
72
|
-
*/
|
|
73
|
-
export const Default = {
|
|
74
|
-
args: {
|
|
75
|
-
to: '/dashboard',
|
|
76
|
-
children: 'Go to Dashboard',
|
|
77
|
-
},
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* External link with automatic external icon
|
|
81
|
-
*/
|
|
82
|
-
export const ExternalLink = {
|
|
83
|
-
args: {
|
|
84
|
-
to: 'https://apify.com',
|
|
85
|
-
children: 'Visit Apify Website',
|
|
86
|
-
},
|
|
87
|
-
};
|
|
88
|
-
/**
|
|
89
|
-
* Long link text to test wrapping behavior
|
|
90
|
-
*/
|
|
91
|
-
export const LongText = {
|
|
92
|
-
args: {
|
|
93
|
-
to: 'https://apify.com/very-long-url-path',
|
|
94
|
-
showExternalIcon: true,
|
|
95
|
-
children: `${longText} ${longText}`,
|
|
96
|
-
},
|
|
97
|
-
};
|
|
98
|
-
/**
|
|
99
|
-
* Link with additional styling props
|
|
100
|
-
*/
|
|
101
|
-
export const WithStyling = {
|
|
102
|
-
args: {
|
|
103
|
-
to: '/settings',
|
|
104
|
-
children: 'Account Settings',
|
|
105
|
-
style: {
|
|
106
|
-
fontWeight: 'bold',
|
|
107
|
-
fontSize: '16px',
|
|
108
|
-
color: '#2563eb',
|
|
109
|
-
},
|
|
110
|
-
},
|
|
111
|
-
};
|
|
112
|
-
//# sourceMappingURL=link.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../../src/components/link.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
interface RatingProps {
|
|
3
|
-
rating: number | undefined;
|
|
4
|
-
color?: string;
|
|
5
|
-
}
|
|
6
|
-
interface SingleStarRatingProps {
|
|
7
|
-
color?: string;
|
|
8
|
-
}
|
|
9
|
-
interface RatingStatsProps {
|
|
10
|
-
ratingStats: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
11
|
-
}
|
|
12
|
-
declare const _default: Meta<RatingProps>;
|
|
13
|
-
export default _default;
|
|
14
|
-
type Story = StoryObj<RatingProps>;
|
|
15
|
-
type SingleStarStory = StoryObj<SingleStarRatingProps>;
|
|
16
|
-
type RatingStatsStory = StoryObj<RatingStatsProps>;
|
|
17
|
-
/**
|
|
18
|
-
* Default rating showing 4.2 stars out of 5
|
|
19
|
-
*/
|
|
20
|
-
export declare const Default: Story;
|
|
21
|
-
/**
|
|
22
|
-
* Rating with custom orange color
|
|
23
|
-
*/
|
|
24
|
-
export declare const CustomColor: Story;
|
|
25
|
-
/**
|
|
26
|
-
* All rating variations from 0.5 to 5 stars
|
|
27
|
-
*/
|
|
28
|
-
export declare const AllRatings: Story;
|
|
29
|
-
export declare const SingleStarDefault: SingleStarStory;
|
|
30
|
-
export declare const RatingStatsDefault: RatingStatsStory;
|
|
31
|
-
export declare const RatingStatsEmpty: RatingStatsStory;
|
|
32
|
-
//# sourceMappingURL=rating.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rating.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,UAAU,WAAW;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAgB;IACtB,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;CAClD;wBAmBI,IAAI,CAAC,WAAW,CAAC;AAjBtB,wBAiBuB;AAEvB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AACnC,KAAK,eAAe,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AACvD,KAAK,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,eAU/B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,gBAkBhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,gBAkB9B,CAAC"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Rating, RatingStats, SingleStarRating } from './rating.js';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'UI-Library/Rating',
|
|
5
|
-
component: Rating,
|
|
6
|
-
argTypes: {
|
|
7
|
-
rating: {
|
|
8
|
-
control: 'number',
|
|
9
|
-
},
|
|
10
|
-
color: {
|
|
11
|
-
control: 'text',
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
parameters: {
|
|
15
|
-
design: {
|
|
16
|
-
type: 'figma',
|
|
17
|
-
url: 'TODO: Add Figma URL',
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Default rating showing 4.2 stars out of 5
|
|
23
|
-
*/
|
|
24
|
-
export const Default = {
|
|
25
|
-
args: {
|
|
26
|
-
rating: 4.2,
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* Rating with custom orange color
|
|
31
|
-
*/
|
|
32
|
-
export const CustomColor = {
|
|
33
|
-
args: {
|
|
34
|
-
rating: 4.2,
|
|
35
|
-
color: '#FF8C00',
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
/**
|
|
39
|
-
* All rating variations from 0.5 to 5 stars
|
|
40
|
-
*/
|
|
41
|
-
export const AllRatings = {
|
|
42
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "0:" }), _jsx(Rating, { rating: 0 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "0.5:" }), _jsx(Rating, { rating: 0.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "1.0:" }), _jsx(Rating, { rating: 1 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "1.5:" }), _jsx(Rating, { rating: 1.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "2.0:" }), _jsx(Rating, { rating: 2 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "2.5:" }), _jsx(Rating, { rating: 2.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "3.0:" }), _jsx(Rating, { rating: 3 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "3.5:" }), _jsx(Rating, { rating: 3.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "4.0:" }), _jsx(Rating, { rating: 4 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "4.5:" }), _jsx(Rating, { rating: 4.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "5.0:" }), _jsx(Rating, { rating: 5 })] })] })),
|
|
43
|
-
};
|
|
44
|
-
// Single Star Rating Stories
|
|
45
|
-
export const SingleStarDefault = {
|
|
46
|
-
render: (args) => _jsx(SingleStarRating, { ...args }),
|
|
47
|
-
args: {},
|
|
48
|
-
parameters: {
|
|
49
|
-
docs: {
|
|
50
|
-
description: {
|
|
51
|
-
story: 'A single star rating component for simple positive indicators.',
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
};
|
|
56
|
-
// Rating Stats Stories
|
|
57
|
-
export const RatingStatsDefault = {
|
|
58
|
-
render: (args) => _jsx(RatingStats, { ...args }),
|
|
59
|
-
args: {
|
|
60
|
-
ratingStats: {
|
|
61
|
-
1: 5,
|
|
62
|
-
2: 10,
|
|
63
|
-
3: 15,
|
|
64
|
-
4: 30,
|
|
65
|
-
5: 40,
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
parameters: {
|
|
69
|
-
docs: {
|
|
70
|
-
description: {
|
|
71
|
-
story: 'Rating statistics showing distribution of ratings from 1 to 5 stars.',
|
|
72
|
-
},
|
|
73
|
-
},
|
|
74
|
-
},
|
|
75
|
-
};
|
|
76
|
-
export const RatingStatsEmpty = {
|
|
77
|
-
render: (args) => _jsx(RatingStats, { ...args }),
|
|
78
|
-
args: {
|
|
79
|
-
ratingStats: {
|
|
80
|
-
1: 0,
|
|
81
|
-
2: 0,
|
|
82
|
-
3: 0,
|
|
83
|
-
4: 0,
|
|
84
|
-
5: 0,
|
|
85
|
-
},
|
|
86
|
-
},
|
|
87
|
-
parameters: {
|
|
88
|
-
docs: {
|
|
89
|
-
description: {
|
|
90
|
-
story: 'Rating statistics with no ratings yet.',
|
|
91
|
-
},
|
|
92
|
-
},
|
|
93
|
-
},
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=rating.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rating.stories.js","sourceRoot":"","sources":["../../../src/components/rating.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: any;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const MarkdownRegular: () => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const MarkdownSmall: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=simple_markdown.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simple_markdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.stories.tsx"],"names":[],"mappings":";;eAkEiC,GAAG;;AAHpC,wBAIE;AAEF,eAAO,MAAM,eAAe,+CAA2D,CAAC;AACxF,eAAO,MAAM,aAAa,+CAAyD,CAAC"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Box, } from '../box.js';
|
|
3
|
-
import { SimpleMarkdown, } from './simple_markdown.js';
|
|
4
|
-
const testMarkdown = `
|
|
5
|
-
Lorem ipsum **with bold** text and some *italic text*.
|
|
6
|
-
|
|
7
|
-
Now a paragraph with an [internal link](/admin-internal)
|
|
8
|
-
and with an [external link](https://www.google.com) (we hade the external icon in Markdown).
|
|
9
|
-
|
|
10
|
-
* List item
|
|
11
|
-
* **List item bold**
|
|
12
|
-
* *List item italic*
|
|
13
|
-
|
|
14
|
-
Some \`inline code\` and **\`bold inline code\`**
|
|
15
|
-
|
|
16
|
-
\`\`\`javascript
|
|
17
|
-
http://www.example.com/search?do[load]=1
|
|
18
|
-
\`\`\`
|
|
19
|
-
|
|
20
|
-
\`\`\`javascript
|
|
21
|
-
async function pageFunction(context) {
|
|
22
|
-
// jQuery is handy for finding DOM elements and extracting data from them.
|
|
23
|
-
// To use it, make sure to enable the "Inject jQuery" option.
|
|
24
|
-
const $ = context.jQuery;
|
|
25
|
-
const pageTitle = $('title').first().text();
|
|
26
|
-
}
|
|
27
|
-
\`\`\`
|
|
28
|
-
|
|
29
|
-
# Title 1
|
|
30
|
-
## Title 2
|
|
31
|
-
### Title 3
|
|
32
|
-
#### Title 4
|
|
33
|
-
##### Title 5
|
|
34
|
-
###### Title 6
|
|
35
|
-
|
|
36
|
-
## Title [with link](/admin-internal)
|
|
37
|
-
## Title \`with code\`
|
|
38
|
-
|
|
39
|
-
> Blockquote lorem ipsum **with bold** text and some *italic text*.
|
|
40
|
-
> Some \`inline code\` inside quote
|
|
41
|
-
> > And some nested quote as well
|
|
42
|
-
|
|
43
|
-
Video as link
|
|
44
|
-
[](https://youtu.be/K76Hib0cY0k)
|
|
45
|
-
|
|
46
|
-
Video as plain text
|
|
47
|
-
https://youtu.be/K76Hib0cY0k
|
|
48
|
-
|
|
49
|
-
`;
|
|
50
|
-
const Template = (props) => {
|
|
51
|
-
return (_jsx(Box, { px: 'space32', py: 'space40', style: { maxWidth: '850px' }, children: _jsx(SimpleMarkdown, { ...props }) }));
|
|
52
|
-
};
|
|
53
|
-
export default {
|
|
54
|
-
title: 'UI-Library/Markdown',
|
|
55
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
56
|
-
component: SimpleMarkdown,
|
|
57
|
-
};
|
|
58
|
-
export const MarkdownRegular = () => _jsx(Template, { size: 'regular', children: testMarkdown });
|
|
59
|
-
export const MarkdownSmall = () => _jsx(Template, { size: 'small', children: testMarkdown });
|
|
60
|
-
//# sourceMappingURL=simple_markdown.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simple_markdown.stories.js","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,GAAG,GACN,MAAM,WAAW,CAAC;AACnB,OAAO,EACH,cAAc,GAEjB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CpB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5C,OAAO,CACH,KAAC,GAAG,IAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YACvD,KAAC,cAAc,OAAK,KAAK,GAAI,GAC3B,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,8DAA8D;IAC9D,SAAS,EAAE,cAAqB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,SAAS,YAAE,YAAY,GAAY,CAAC;AACxF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,YAAE,YAAY,GAAY,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react-vite';
|
|
2
|
-
import { Spinner, type SpinnerProps } from './spinner.js';
|
|
3
|
-
declare const _default: Meta<typeof Spinner>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Standalone: (args: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const WithinContainer: (args: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const Inline: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
//# sourceMappingURL=spinner.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAiB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;wBAOpE,IAAI,CAAC,OAAO,OAAO,CAAC;AALzB,wBAK0B;AAI1B,eAAO,MAAM,UAAU,SAFC,YAAY,4CAEO,CAAC;AAE5C,eAAO,MAAM,eAAe,SAAU,YAAY,4CAYjD,CAAC;AAEF,eAAO,MAAM,MAAM,+CAOlB,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { InlineSpinner, Spinner } from './spinner.js';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'UI-Library/Spinner',
|
|
5
|
-
parameters: { layout: 'padded' },
|
|
6
|
-
component: Spinner,
|
|
7
|
-
args: {},
|
|
8
|
-
};
|
|
9
|
-
const Template = (args) => _jsx(Spinner, { ...args });
|
|
10
|
-
export const Standalone = Template.bind({});
|
|
11
|
-
export const WithinContainer = (args) => {
|
|
12
|
-
return (_jsx("div", { style: {
|
|
13
|
-
minWidth: '100px',
|
|
14
|
-
minHeight: '200px',
|
|
15
|
-
border: 'solid 1px lightgray',
|
|
16
|
-
borderRadius: '1rem',
|
|
17
|
-
position: 'relative',
|
|
18
|
-
}, children: _jsx(Spinner, { ...args }) }));
|
|
19
|
-
};
|
|
20
|
-
export const Inline = () => {
|
|
21
|
-
const elements = ['h1', 'h2', 'h3', 'p'];
|
|
22
|
-
return (_jsx("div", { style: { width: '100%' }, children: elements.map((Element) => _jsxs(Element, { children: [Element, ": There was a ", _jsx(InlineSpinner, {}), " in New Orleans."] }, Element)) }));
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=spinner.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.stories.js","sourceRoot":"","sources":["../../../src/components/spinner.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAEzE,eAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,EAAE;CACa,CAAC;AAE1B,MAAM,QAAQ,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAkB,EAAE,EAAE;IAClD,OAAO,CACH,cAAK,KAAK,EAAE;YACR,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,MAAM,EAAE,qBAAqB;YAC7B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,UAAU;SACvB,YACG,KAAC,OAAO,OAAK,IAAI,GAAI,GACnB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IAC9D,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YACxB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,MAAC,OAAO,eAAgB,OAAO,oBAAe,KAAC,aAAa,KAAG,yBAAjD,OAAO,CAAoE,CAAC,GACnH,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
import { Tab as TabComponent } from './tab.js';
|
|
3
|
-
declare const meta: Meta<typeof TabComponent>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const TabVariants: {
|
|
6
|
-
(args: {
|
|
7
|
-
Icon?: boolean;
|
|
8
|
-
chip?: string;
|
|
9
|
-
rollout?: "alpha" | "beta" | "none";
|
|
10
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
args: {
|
|
12
|
-
Icon: boolean;
|
|
13
|
-
chip: string;
|
|
14
|
-
rollout: string;
|
|
15
|
-
};
|
|
16
|
-
argTypes: {
|
|
17
|
-
Icon: {
|
|
18
|
-
control: {
|
|
19
|
-
type: string;
|
|
20
|
-
};
|
|
21
|
-
description: string;
|
|
22
|
-
};
|
|
23
|
-
chip: {
|
|
24
|
-
control: {
|
|
25
|
-
type: string;
|
|
26
|
-
};
|
|
27
|
-
description: string;
|
|
28
|
-
};
|
|
29
|
-
rollout: {
|
|
30
|
-
control: {
|
|
31
|
-
type: string;
|
|
32
|
-
};
|
|
33
|
-
options: string[];
|
|
34
|
-
description: string;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=tab.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tab.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAM7C,OAAO,EAAE,GAAG,IAAI,YAAY,EAAmB,MAAM,UAAU,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AA8BpB,eAAO,MAAM,WAAW;WAAU;QAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDA,CAAC"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { PlaceholderIcon } from '@apify/ui-icons';
|
|
5
|
-
import { Tab as TabComponent } from './tab.js';
|
|
6
|
-
import { Tabs as TabsComponent } from './tabs.js';
|
|
7
|
-
const meta = {
|
|
8
|
-
title: 'UI-Library/Tab',
|
|
9
|
-
component: TabComponent,
|
|
10
|
-
parameters: {
|
|
11
|
-
design: {
|
|
12
|
-
type: 'figma',
|
|
13
|
-
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/Shared-library?node-id=5236-76563&p=f&t=FXAwKd9KH4obWP9V-0',
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
argTypes: {
|
|
17
|
-
variant: {
|
|
18
|
-
control: { type: 'select' },
|
|
19
|
-
options: ['default', 'boxed', 'buttoned'],
|
|
20
|
-
},
|
|
21
|
-
active: {
|
|
22
|
-
control: { type: 'boolean' },
|
|
23
|
-
description: 'Whether the tab is active',
|
|
24
|
-
defaultValue: false,
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
export default meta;
|
|
29
|
-
const Container = styled.div `
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: column;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
gap: 2rem;
|
|
34
|
-
`;
|
|
35
|
-
const TabRow = styled.div `
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
gap: 1rem;
|
|
39
|
-
`;
|
|
40
|
-
const TabRowLabel = styled.h3 `
|
|
41
|
-
font-size: 1.25rem;
|
|
42
|
-
font-weight: 600;
|
|
43
|
-
margin-bottom: 0.5rem;
|
|
44
|
-
`;
|
|
45
|
-
// Sample tab data for the variants story
|
|
46
|
-
const sampleTabs = [
|
|
47
|
-
{ id: 'tab-1', title: 'Dashboard', to: '#' },
|
|
48
|
-
{ id: 'tab-2', title: 'Analytics', to: '#' },
|
|
49
|
-
{ id: 'tab-3', title: 'Settings', to: '#' },
|
|
50
|
-
{ id: 'tab-4', title: 'Users', to: '#' },
|
|
51
|
-
{ id: 'tab-5', title: 'Reports', to: '#' },
|
|
52
|
-
];
|
|
53
|
-
export const TabVariants = (args) => {
|
|
54
|
-
const { Icon = false, chip = '', rollout = 'none' } = args;
|
|
55
|
-
const [activeTab, setActiveTab] = React.useState('tab-1');
|
|
56
|
-
const handleTabSelect = ({ id }) => {
|
|
57
|
-
setActiveTab(id);
|
|
58
|
-
};
|
|
59
|
-
// Create configurable tabs based on args
|
|
60
|
-
const configurableTabs = sampleTabs.map((tab) => ({
|
|
61
|
-
...tab,
|
|
62
|
-
...(Icon && { Icon: PlaceholderIcon }),
|
|
63
|
-
...(chip && { chip }),
|
|
64
|
-
...(rollout !== 'none' && { rollout }),
|
|
65
|
-
}));
|
|
66
|
-
return (_jsxs(Container, { children: [_jsxs(TabRow, { children: [_jsx(TabRowLabel, { children: "Default Variant" }), _jsx(TabsComponent, { variant: "default", tabs: configurableTabs, activeTab: activeTab, onSelect: handleTabSelect })] }), _jsxs(TabRow, { children: [_jsx(TabRowLabel, { children: "Boxed Variant" }), _jsx(TabsComponent, { variant: "boxed", tabs: configurableTabs, activeTab: activeTab, onSelect: handleTabSelect })] }), _jsxs(TabRow, { children: [_jsx(TabRowLabel, { children: "Buttoned Variant" }), _jsx(TabsComponent, { variant: "buttoned", tabs: configurableTabs, activeTab: activeTab, onSelect: handleTabSelect })] })] }));
|
|
67
|
-
};
|
|
68
|
-
TabVariants.args = {
|
|
69
|
-
Icon: false,
|
|
70
|
-
chip: '',
|
|
71
|
-
rollout: 'none',
|
|
72
|
-
};
|
|
73
|
-
TabVariants.argTypes = {
|
|
74
|
-
Icon: {
|
|
75
|
-
control: { type: 'boolean' },
|
|
76
|
-
description: 'Show icons on all tabs',
|
|
77
|
-
},
|
|
78
|
-
chip: {
|
|
79
|
-
control: { type: 'text' },
|
|
80
|
-
description: 'Chip value to show on all tabs (leave empty for no chips)',
|
|
81
|
-
},
|
|
82
|
-
rollout: {
|
|
83
|
-
control: { type: 'select' },
|
|
84
|
-
options: ['none', 'alpha', 'beta'],
|
|
85
|
-
description: 'Rollout badge to show on all tabs',
|
|
86
|
-
},
|
|
87
|
-
};
|
|
88
|
-
//# sourceMappingURL=tab.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tab.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: import("react").ForwardRefExoticComponent<import("./text_shared.js").SharedTextProps & import("react").RefAttributes<HTMLElement | undefined>>;
|
|
4
|
-
args: {};
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: string;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
export default _default;
|
|
10
|
-
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const HeadingExtras: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const TextExtras: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
//# sourceMappingURL=text.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQE;AAEF,eAAO,MAAM,OAAO,+CAwBb,CAAC;AAER,eAAO,MAAM,aAAa,+CAQnB,CAAC;AAER,eAAO,MAAM,UAAU,+CAShB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Heading, Text, } from './index.js';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'UI-Library/Text',
|
|
5
|
-
component: Text,
|
|
6
|
-
args: {},
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: 'centered',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export const Default = () => (_jsxs("div", { children: [_jsx(Heading, { type: "title3xl", mb: 'space24', children: "Title 3XL" }), _jsx(Heading, { type: "title2xl", children: "Title 2XL" }), _jsx(Heading, { type: "titleXl", children: "Title XL" }), _jsx(Heading, { type: "titleL", children: "Title L" }), _jsx(Heading, { type: "titleM", children: "Title M" }), _jsx(Heading, { type: "titleS", children: "Title S" }), _jsx(Heading, { type: "titleXs", children: "Title XS" }), _jsx("br", {}), _jsx(Text, { type: "body", children: "Body default" }), _jsx(Text, { type: "body", size: 'small', children: "Body size=small" }), _jsx(Text, { type: "body", size: 'big', children: "Body size=big" }), _jsx("br", {}), _jsx(Text, { type: "code", children: "Code default" }), _jsx(Text, { type: "code", size: 'small', children: "Code size=small" }), _jsx(Text, { type: "code", size: 'big', children: "Code size=big" }), _jsx("br", {}), _jsx(Text, { type: "body", weight: 'bold', children: "Body weight=bold" }), _jsx(Text, { type: "body", weight: 'bold', size: 'small', children: "Body size=small weight=bold" }), _jsx(Text, { type: "body", weight: 'bold', size: 'big', children: "Body size=big weight=bold" }), _jsx("br", {}), _jsx(Text, { type: "code", weight: 'bold', children: "Code default weight=bold" }), _jsx(Text, { type: "code", weight: 'bold', size: 'small', children: "Code size=small weight=bold" }), _jsx(Text, { type: "code", weight: 'bold', size: 'big', children: "Code size=big weight=bold" })] }));
|
|
12
|
-
export const HeadingExtras = () => (_jsxs("div", { style: { minWidth: '20rem' }, children: [_jsx(Heading, { align: 'left', children: "Heading align=left" }), _jsx(Heading, { align: 'center', children: "Heading align=center" }), _jsx(Heading, { align: 'right', children: "Heading align=right" }), _jsx("br", {}), _jsx(Heading, { color: "deeppink", children: "Heading color=deeppink" }), _jsx("br", {}), _jsx(Heading, { type: 'titleL', as: "h2", children: "Heading type=titleL as=h2" })] }));
|
|
13
|
-
export const TextExtras = () => (_jsxs("div", { style: { minWidth: '20rem' }, children: [_jsx(Text, { align: 'left', children: "Text align=left" }), _jsx(Text, { align: 'center', children: "Text align=center" }), _jsx(Text, { align: 'right', children: "Text align=right" }), _jsx("br", {}), _jsx(Text, { color: 'deeppink', children: "Text color=deeppink" }), _jsx("br", {}), _jsx(Text, { italic: true, children: "Text italic=true" }), _jsx(Text, { uppercase: true, children: "Text uppercase=true" })] }));
|
|
14
|
-
//# sourceMappingURL=text.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/text/text.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radiuses.stories.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;wBA0CvD,IAAI;AATT,wBASU;AAEV,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { theme } from '../theme.js';
|
|
3
|
-
import { radiuses } from './radiuses.js';
|
|
4
|
-
const RadiusesShowcase = () => (_jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: '16px', padding: '20px', backgroundColor: theme.color.neutral.background }, children: Object.entries(radiuses).map(([key, value]) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }, children: [_jsx("div", { style: {
|
|
5
|
-
width: '60px',
|
|
6
|
-
height: '60px',
|
|
7
|
-
backgroundColor: theme.color.neutral.cardBackground,
|
|
8
|
-
border: `1px solid ${theme.color.neutral.border}`,
|
|
9
|
-
borderRadius: value,
|
|
10
|
-
display: 'flex',
|
|
11
|
-
alignItems: 'center',
|
|
12
|
-
justifyContent: 'center',
|
|
13
|
-
color: theme.color.neutral.text,
|
|
14
|
-
fontSize: '11px',
|
|
15
|
-
fontWeight: 'bold',
|
|
16
|
-
}, children: key.replace('radius', '') }), _jsx("span", { style: { fontSize: '12px', color: theme.color.neutral.text, fontWeight: '500' }, children: value }), _jsx("span", { style: { fontSize: '11px', color: theme.color.neutral.textMuted }, children: key })] }, key))) }));
|
|
17
|
-
export default {
|
|
18
|
-
title: 'Design Tokens/Radiuses',
|
|
19
|
-
component: RadiusesShowcase,
|
|
20
|
-
parameters: {
|
|
21
|
-
design: {
|
|
22
|
-
type: 'figma',
|
|
23
|
-
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=1425-8220&t=qBdt7hpVWImfc9T3-1',
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export const Default = {
|
|
28
|
-
render: () => _jsx(RadiusesShowcase, {}),
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=radiuses.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radiuses.stories.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC3B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,YAChJ,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC5C,eAAe,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAChG,cACI,KAAK,EAAE;oBACH,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;oBACnD,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;oBACjD,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;oBAC/B,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;iBACrB,YAEA,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GACxB,EACN,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,KAAK,GAAQ,EACrG,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,YAAG,GAAG,GAAQ,KAnB/E,GAAG,CAoBP,CACT,CAAC,GACA,CACT,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wHAAwH;SAChI;KACJ;CACI,CAAC;AAIV,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,gBAAgB,KAAG;CACrC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shadows.stories.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/shadows.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;wBAmDvD,IAAI;AATT,wBASU;AAEV,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|