@apify/ui-library 1.112.4 → 1.113.0
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/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -4
- 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,63 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo, useState } from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { theme, } from '../../../design_system/theme.js';
|
|
5
|
-
import { CodeBlockWithTabs, } from './code_block_with_tabs.js';
|
|
6
|
-
export default {
|
|
7
|
-
title: 'UI-Library/Code/CodeBlockWithTabs',
|
|
8
|
-
parameters: {
|
|
9
|
-
design: {
|
|
10
|
-
type: 'figma',
|
|
11
|
-
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/Shared-library?node-id=5266-34497&t=aaAINB9GEUOOBZVl-4',
|
|
12
|
-
},
|
|
13
|
-
layout: 'centered',
|
|
14
|
-
},
|
|
15
|
-
component: CodeBlockWithTabs,
|
|
16
|
-
};
|
|
17
|
-
const Container = styled.div `
|
|
18
|
-
width: 360px;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
justify-content: center;
|
|
22
|
-
|
|
23
|
-
@media ${theme.device.tablet} {
|
|
24
|
-
width: 840px;
|
|
25
|
-
}
|
|
26
|
-
`;
|
|
27
|
-
export const Default = ({ tabs, ...args }) => {
|
|
28
|
-
const [currentTabKey, setCurrentTabKey] = useState(tabs[0]?.key);
|
|
29
|
-
const extendedTabs = useMemo(() => tabs.map((tab) => ({
|
|
30
|
-
...tab,
|
|
31
|
-
onClick: () => setCurrentTabKey(tab.key),
|
|
32
|
-
})), [tabs]);
|
|
33
|
-
return (_jsx(Container, { children: _jsx(CodeBlockWithTabs, { currentTabKey: currentTabKey, tabs: extendedTabs, ...args }) }));
|
|
34
|
-
};
|
|
35
|
-
Default.args = {
|
|
36
|
-
tabs: [
|
|
37
|
-
{
|
|
38
|
-
key: 'python',
|
|
39
|
-
content: `
|
|
40
|
-
a = 1
|
|
41
|
-
b = 2
|
|
42
|
-
c = a + b
|
|
43
|
-
print(c)`,
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
key: 'javascript',
|
|
47
|
-
content: `
|
|
48
|
-
const a = 1;
|
|
49
|
-
const b = 2;
|
|
50
|
-
const c = a + b;
|
|
51
|
-
console.log(c);`,
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
key: 'typescript',
|
|
55
|
-
content: `
|
|
56
|
-
const a: number = 1;
|
|
57
|
-
const b: number = 2;
|
|
58
|
-
const c: number = a + b;
|
|
59
|
-
console.log(c);`,
|
|
60
|
-
},
|
|
61
|
-
],
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=code_block_with_tabs.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"code_block_with_tabs.stories.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACH,KAAK,GACR,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAEH,iBAAiB,GACpB,MAAM,2BAA2B,CAAC;AAEnC,eAAe;IACX,KAAK,EAAE,mCAAmC;IAC1C,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,4GAA4G;SACpH;QACD,MAAM,EAAE,UAAU;KACrB;IACD,SAAS,EAAE,iBAAiB;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMf,KAAK,CAAC,MAAM,CAAC,MAAM;;;CAG/B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAiD,EAAE,EAAE;IACxF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAClD,GAAG,GAAG;QACN,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;KAC3C,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,KAAC,SAAS,cACN,KAAC,iBAAiB,IACd,aAAa,EAAE,aAAgC,EAC/C,IAAI,EAAE,YAAY,KACd,IAAI,GACV,GACM,CACf,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE;QACF;YACI,GAAG,EAAE,QAAQ;YACb,OAAO,EAAE;;;;SAIZ;SACA;QACD;YACI,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE;;;;gBAIL;SACP;QACD;YACI,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE;;;;gBAIL;SAEP;KACJ;CACJ,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import type { InlineCodeProps } from './inline_code.js';
|
|
3
|
-
/**
|
|
4
|
-
* Stories for the InlineCode component. This file showcases the
|
|
5
|
-
* various states and configurations of the inline code component,
|
|
6
|
-
* including different sizes and copy button functionality.
|
|
7
|
-
*/
|
|
8
|
-
declare const _default: Meta<InlineCodeProps>;
|
|
9
|
-
export default _default;
|
|
10
|
-
type Story = StoryObj<InlineCodeProps>;
|
|
11
|
-
/**
|
|
12
|
-
* Comprehensive comparison of all InlineCode variants side by side.
|
|
13
|
-
* Shows different sizes, copy button states, and various code examples.
|
|
14
|
-
*/
|
|
15
|
-
export declare const AllVariants: Story;
|
|
16
|
-
//# sourceMappingURL=inline_code.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inline_code.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD;;;;GAIG;wBA0BE,IAAI,CAAC,eAAe,CAAC;AAzB1B,wBAyB2B;AAE3B,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA4CzB,CAAC"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { InlineCode } from './inline_code.js';
|
|
3
|
-
/**
|
|
4
|
-
* Stories for the InlineCode component. This file showcases the
|
|
5
|
-
* various states and configurations of the inline code component,
|
|
6
|
-
* including different sizes and copy button functionality.
|
|
7
|
-
*/
|
|
8
|
-
export default {
|
|
9
|
-
title: 'ui-library/InlineCode',
|
|
10
|
-
component: InlineCode,
|
|
11
|
-
tags: [],
|
|
12
|
-
argTypes: {
|
|
13
|
-
children: {
|
|
14
|
-
control: 'text',
|
|
15
|
-
description: 'The code content to display',
|
|
16
|
-
},
|
|
17
|
-
size: {
|
|
18
|
-
control: 'select',
|
|
19
|
-
options: ['regular', 'small', 'big'],
|
|
20
|
-
description: 'Size of the inline code text',
|
|
21
|
-
},
|
|
22
|
-
withCopyButton: {
|
|
23
|
-
control: 'boolean',
|
|
24
|
-
description: 'Whether to show a copy button',
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
parameters: {
|
|
28
|
-
design: {
|
|
29
|
-
type: 'figma',
|
|
30
|
-
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=2132-2425&t=tH2x12cMH5yh0fuf-0',
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* Comprehensive comparison of all InlineCode variants side by side.
|
|
36
|
-
* Shows different sizes, copy button states, and various code examples.
|
|
37
|
-
*/
|
|
38
|
-
export const AllVariants = {
|
|
39
|
-
render: () => (_jsxs("div", { style: {
|
|
40
|
-
display: 'grid',
|
|
41
|
-
gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',
|
|
42
|
-
gap: '24px',
|
|
43
|
-
padding: '24px',
|
|
44
|
-
maxWidth: '1200px',
|
|
45
|
-
}, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Size Variants" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Small" }), _jsx(InlineCode, { size: "small", children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Regular" }), _jsx(InlineCode, { size: "regular", children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Big" }), _jsx(InlineCode, { size: "big", children: "npm install @apify/ui-library" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "With Copy Button" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Small" }), _jsx(InlineCode, { size: "small", withCopyButton: true, children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Regular" }), _jsx(InlineCode, { size: "regular", withCopyButton: true, children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Big" }), _jsx(InlineCode, { size: "big", withCopyButton: true, children: "npm install @apify/ui-library" })] })] })] })),
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=inline_code.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inline_code.stories.js","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;GAIG;AACH,eAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC7C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;YACpC,WAAW,EAAE,8BAA8B;SAC9C;QACD,cAAc,EAAE;YACZ,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+BAA+B;SAC/C;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wHAAwH;SAChI;KACJ;CACqB,CAAC;AAI3B;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE;YACR,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,sCAAsC;YAC3D,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACrB,aAEG,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACjE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,8BAAoB,EAC3F,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAW,EAC7E,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,8CAA2C,IACjE,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAa,EAC/E,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,8CAA2C,IACnE,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAS,EAC3E,KAAC,UAAU,IAAC,IAAI,EAAC,KAAK,8CAA2C,IAC/D,IACJ,EAGN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACjE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,iCAAuB,EAC9F,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAW,EAC7E,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,cAAc,oDAA2C,IAChF,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAa,EAC/E,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,cAAc,oDAA2C,IAClF,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAS,EAC3E,KAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,cAAc,oDAA2C,IAC9E,IACJ,IACJ,CACT;CACJ,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { type OneLineCodeProps } from './one_line_code.js';
|
|
3
|
-
/**
|
|
4
|
-
* Stories for the OneLineCode component. This file showcases the
|
|
5
|
-
* various states and configurations of the one line code component,
|
|
6
|
-
* including different languages, HTTP methods, and interactive features.
|
|
7
|
-
*/
|
|
8
|
-
declare const _default: Meta<OneLineCodeProps>;
|
|
9
|
-
export default _default;
|
|
10
|
-
type Story = StoryObj<OneLineCodeProps>;
|
|
11
|
-
/**
|
|
12
|
-
* Comprehensive comparison of all OneLineCode variants side by side.
|
|
13
|
-
* Shows different languages, HTTP methods, and interactive features.
|
|
14
|
-
*/
|
|
15
|
-
export declare const AllVariants: Story;
|
|
16
|
-
//# sourceMappingURL=one_line_code.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"one_line_code.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/one_line_code/one_line_code.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE;;;;GAIG;wBA4DE,IAAI,CAAC,gBAAgB,CAAC;AA3D3B,wBA2D4B;AAE5B,KAAK,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAgGzB,CAAC"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { OneLineCode } from './one_line_code.js';
|
|
3
|
-
/**
|
|
4
|
-
* Stories for the OneLineCode component. This file showcases the
|
|
5
|
-
* various states and configurations of the one line code component,
|
|
6
|
-
* including different languages, HTTP methods, and interactive features.
|
|
7
|
-
*/
|
|
8
|
-
export default {
|
|
9
|
-
title: 'ui-library/OneLineCode',
|
|
10
|
-
component: OneLineCode,
|
|
11
|
-
tags: [],
|
|
12
|
-
argTypes: {
|
|
13
|
-
children: {
|
|
14
|
-
control: 'text',
|
|
15
|
-
description: 'The code content to display',
|
|
16
|
-
},
|
|
17
|
-
language: {
|
|
18
|
-
control: 'select',
|
|
19
|
-
options: ['javascript', 'python', 'bash', 'http', 'json', 'sql'],
|
|
20
|
-
description: 'Programming language for syntax highlighting',
|
|
21
|
-
},
|
|
22
|
-
size: {
|
|
23
|
-
control: 'select',
|
|
24
|
-
options: ['regular', 'small', 'big'],
|
|
25
|
-
description: 'Size of the code text',
|
|
26
|
-
},
|
|
27
|
-
httpMethod: {
|
|
28
|
-
control: 'select',
|
|
29
|
-
options: ['GET', 'POST', 'PUT', 'DELETE', 'HEAD', 'PATCH'],
|
|
30
|
-
description: 'HTTP method for API calls',
|
|
31
|
-
},
|
|
32
|
-
actionButtonLabel: {
|
|
33
|
-
control: 'text',
|
|
34
|
-
description: 'Label for the action button',
|
|
35
|
-
},
|
|
36
|
-
onActionButtonClick: {
|
|
37
|
-
action: 'actionButtonClicked',
|
|
38
|
-
description: 'Action button click handler',
|
|
39
|
-
},
|
|
40
|
-
fullWidth: {
|
|
41
|
-
control: 'boolean',
|
|
42
|
-
description: 'Whether the component should take full width',
|
|
43
|
-
},
|
|
44
|
-
secret: {
|
|
45
|
-
control: 'text',
|
|
46
|
-
description: 'Secret value to replace placeholder with',
|
|
47
|
-
},
|
|
48
|
-
secretPlaceholder: {
|
|
49
|
-
control: 'text',
|
|
50
|
-
description: 'Placeholder text for secrets',
|
|
51
|
-
},
|
|
52
|
-
disabled: {
|
|
53
|
-
control: 'boolean',
|
|
54
|
-
description: 'Whether the component is disabled',
|
|
55
|
-
},
|
|
56
|
-
hideCopyButton: {
|
|
57
|
-
control: 'boolean',
|
|
58
|
-
description: 'Whether to hide the copy button',
|
|
59
|
-
},
|
|
60
|
-
},
|
|
61
|
-
parameters: {
|
|
62
|
-
design: {
|
|
63
|
-
type: 'figma',
|
|
64
|
-
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=2131-885&t=tH2x12cMH5yh0fuf-0',
|
|
65
|
-
},
|
|
66
|
-
},
|
|
67
|
-
};
|
|
68
|
-
/**
|
|
69
|
-
* Comprehensive comparison of all OneLineCode variants side by side.
|
|
70
|
-
* Shows different languages, HTTP methods, and interactive features.
|
|
71
|
-
*/
|
|
72
|
-
export const AllVariants = {
|
|
73
|
-
render: () => (_jsxs("div", { style: {
|
|
74
|
-
display: 'flex',
|
|
75
|
-
flexDirection: 'column',
|
|
76
|
-
padding: '24px',
|
|
77
|
-
gap: '24px',
|
|
78
|
-
maxWidth: '1200px',
|
|
79
|
-
}, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Basic Examples" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "JavaScript" }), _jsx(OneLineCode, { language: "javascript", children: "const foo = 'bar';" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Python" }), _jsx(OneLineCode, { language: "python", children: "foo = 'bar'" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Bash" }), _jsx(OneLineCode, { language: "bash", children: "curl -X GET https://api.example.com" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "HTTP Methods" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "GET" }), _jsx(OneLineCode, { language: "http", httpMethod: "GET", children: "https://api.example.com/users" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "POST" }), _jsx(OneLineCode, { language: "http", httpMethod: "POST", children: "https://api.example.com/users" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "PUT" }), _jsx(OneLineCode, { language: "http", httpMethod: "PUT", children: "https://api.example.com/users/123" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "DELETE" }), _jsx(OneLineCode, { language: "http", httpMethod: "DELETE", children: "https://api.example.com/users/123" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Interactive" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "With Action Button" }), _jsx(OneLineCode, { language: "javascript", actionButtonLabel: "Try it", onActionButtonClick: () => console.log('Try it clicked'), children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "With Secret" }), _jsx(OneLineCode, { language: "http", secret: "VERY_SECRET_TOKEN", httpMethod: "GET", children: "https://api.example.com?token=***" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Disabled" }), _jsx(OneLineCode, { language: "bash", disabled: true, children: "curl -X GET https://api.example.com" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Size Variants" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Small" }), _jsx(OneLineCode, { language: "javascript", size: "small", children: "const foo = 'bar';" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Regular" }), _jsx(OneLineCode, { language: "javascript", size: "regular", children: "const foo = 'bar';" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Big" }), _jsx(OneLineCode, { language: "javascript", size: "big", children: "const foo = 'bar';" })] })] })] })),
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=one_line_code.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"one_line_code.stories.js","sourceRoot":"","sources":["../../../../../src/components/code/one_line_code/one_line_code.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { type ColorWheelGradientProps } from './color_wheel_gradient.js';
|
|
3
|
-
declare const _default: Meta<ColorWheelGradientProps>;
|
|
4
|
-
export default _default;
|
|
5
|
-
type Story = StoryObj<ColorWheelGradientProps>;
|
|
6
|
-
/**
|
|
7
|
-
* Default color wheel gradient with standard settings
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* Small color wheel gradient
|
|
12
|
-
*/
|
|
13
|
-
export declare const Small: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Medium color wheel gradient
|
|
16
|
-
*/
|
|
17
|
-
export declare const Medium: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Large color wheel gradient
|
|
20
|
-
*/
|
|
21
|
-
export declare const Large: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Color wheel gradient with custom translation in both directions
|
|
24
|
-
*/
|
|
25
|
-
export declare const Translated: Story;
|
|
26
|
-
/**
|
|
27
|
-
* Color wheel gradient with minimal blur
|
|
28
|
-
*/
|
|
29
|
-
export declare const MinimalBlur: Story;
|
|
30
|
-
/**
|
|
31
|
-
* Color wheel gradient with no blur (sharp edges)
|
|
32
|
-
*/
|
|
33
|
-
export declare const NoBlur: Story;
|
|
34
|
-
/**
|
|
35
|
-
* Animated rotating color wheel gradient
|
|
36
|
-
*/
|
|
37
|
-
export declare const AnimatedRotation: Story;
|
|
38
|
-
//# sourceMappingURL=color_wheel_gradient.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color_wheel_gradient.stories.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAgB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;wBA4DxF,IAAI,CAAC,uBAAuB,CAAC;AAlClC,wBAkCmC;AAEnC,KAAK,KAAK,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAC"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ColorWheelGradient } from './color_wheel_gradient.js';
|
|
3
|
-
const Wrapper = ({ children }) => (_jsxs("div", { style: {
|
|
4
|
-
position: 'relative',
|
|
5
|
-
width: '400px',
|
|
6
|
-
height: '400px',
|
|
7
|
-
backgroundColor: '#f5f5f5',
|
|
8
|
-
border: '1px solid #ddd',
|
|
9
|
-
borderRadius: '8px',
|
|
10
|
-
overflow: 'hidden',
|
|
11
|
-
}, children: [_jsx("style", { children: `
|
|
12
|
-
@keyframes rotate {
|
|
13
|
-
from { transform: rotate(0deg); }
|
|
14
|
-
to { transform: rotate(360deg); }
|
|
15
|
-
}
|
|
16
|
-
` }), children] }));
|
|
17
|
-
export default {
|
|
18
|
-
title: 'UI-Library/ColorWheelGradient',
|
|
19
|
-
tags: ['deprecated'],
|
|
20
|
-
component: ColorWheelGradient,
|
|
21
|
-
decorators: [
|
|
22
|
-
(Story, _context) => (_jsx(Wrapper, { children: _jsx(Story, {}) })),
|
|
23
|
-
],
|
|
24
|
-
argTypes: {
|
|
25
|
-
translateX: {
|
|
26
|
-
control: 'number',
|
|
27
|
-
},
|
|
28
|
-
translateY: {
|
|
29
|
-
control: 'number',
|
|
30
|
-
},
|
|
31
|
-
rotation: {
|
|
32
|
-
control: 'number',
|
|
33
|
-
},
|
|
34
|
-
radius: {
|
|
35
|
-
control: 'number',
|
|
36
|
-
},
|
|
37
|
-
blurSize: {
|
|
38
|
-
control: 'number',
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
parameters: {
|
|
42
|
-
design: {
|
|
43
|
-
type: 'figma',
|
|
44
|
-
url: 'TODO: Add Figma URL',
|
|
45
|
-
},
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
/**
|
|
49
|
-
* Default color wheel gradient with standard settings
|
|
50
|
-
*/
|
|
51
|
-
export const Default = {
|
|
52
|
-
args: {
|
|
53
|
-
radius: 200,
|
|
54
|
-
},
|
|
55
|
-
};
|
|
56
|
-
/**
|
|
57
|
-
* Small color wheel gradient
|
|
58
|
-
*/
|
|
59
|
-
export const Small = {
|
|
60
|
-
args: {
|
|
61
|
-
radius: 100,
|
|
62
|
-
},
|
|
63
|
-
};
|
|
64
|
-
/**
|
|
65
|
-
* Medium color wheel gradient
|
|
66
|
-
*/
|
|
67
|
-
export const Medium = {
|
|
68
|
-
args: {
|
|
69
|
-
radius: 150,
|
|
70
|
-
},
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* Large color wheel gradient
|
|
74
|
-
*/
|
|
75
|
-
export const Large = {
|
|
76
|
-
args: {
|
|
77
|
-
radius: 250,
|
|
78
|
-
},
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* Color wheel gradient with custom translation in both directions
|
|
82
|
-
*/
|
|
83
|
-
export const Translated = {
|
|
84
|
-
args: {
|
|
85
|
-
radius: 150,
|
|
86
|
-
translateX: 30,
|
|
87
|
-
translateY: -30,
|
|
88
|
-
},
|
|
89
|
-
};
|
|
90
|
-
/**
|
|
91
|
-
* Color wheel gradient with minimal blur
|
|
92
|
-
*/
|
|
93
|
-
export const MinimalBlur = {
|
|
94
|
-
args: {
|
|
95
|
-
radius: 200,
|
|
96
|
-
blurSize: 10,
|
|
97
|
-
},
|
|
98
|
-
};
|
|
99
|
-
/**
|
|
100
|
-
* Color wheel gradient with no blur (sharp edges)
|
|
101
|
-
*/
|
|
102
|
-
export const NoBlur = {
|
|
103
|
-
args: {
|
|
104
|
-
radius: 200,
|
|
105
|
-
blurSize: 0,
|
|
106
|
-
},
|
|
107
|
-
};
|
|
108
|
-
/**
|
|
109
|
-
* Animated rotating color wheel gradient
|
|
110
|
-
*/
|
|
111
|
-
export const AnimatedRotation = {
|
|
112
|
-
args: {
|
|
113
|
-
radius: 180,
|
|
114
|
-
},
|
|
115
|
-
render: (args) => (_jsx(ColorWheelGradient, { ...args, style: {
|
|
116
|
-
animation: 'rotate 4s linear infinite',
|
|
117
|
-
} })),
|
|
118
|
-
parameters: {
|
|
119
|
-
docs: {
|
|
120
|
-
description: {
|
|
121
|
-
story: 'This story demonstrates a continuously rotating color wheel gradient using CSS animation.',
|
|
122
|
-
},
|
|
123
|
-
},
|
|
124
|
-
},
|
|
125
|
-
};
|
|
126
|
-
//# sourceMappingURL=color_wheel_gradient.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color_wheel_gradient.stories.js","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAgC,MAAM,2BAA2B,CAAC;AAE7F,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC7D,eACI,KAAK,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,QAAQ;KACrB,aAED,0BACK;;;;;aAKA,GACG,EACP,QAAQ,IACP,CACT,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,IAAI,EAAE,CAAC,YAAY,CAAC;IACpB,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE;QACR,CAAC,KAAkB,EAAE,QAAsB,EAAE,EAAE,CAAC,CAC5C,KAAC,OAAO,cACJ,KAAC,KAAK,KAAG,GACH,CACb;KACJ;IACD,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,QAAQ;SACpB;QACD,UAAU,EAAE;YACR,OAAO,EAAE,QAAQ;SACpB;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,QAAQ;SACpB;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,QAAQ;SACpB;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,QAAQ;SACpB;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,qBAAqB;SAC7B;KACJ;CAC6B,CAAC;AAInC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,CAAC,EAAE;KAClB;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,EAAE;KACf;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,CAAC;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,kBAAkB,OACX,IAAI,EACR,KAAK,EAAE;YACH,SAAS,EAAE,2BAA2B;SACzC,GACH,CACL;IACD,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,KAAK,EAAE,2FAA2F;aACrG;SACJ;KACJ;CACJ,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react-vite';
|
|
2
|
-
import { IconButton, type IconButtonProps } from './icon_button.js';
|
|
3
|
-
declare const _default: Meta<typeof IconButton>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: (props: IconButtonProps<"button">) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const Playground: {
|
|
7
|
-
(props: IconButtonProps<"button">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
args: {
|
|
9
|
-
variant: "DEFAULT";
|
|
10
|
-
size: string;
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
isLoading: boolean;
|
|
13
|
-
};
|
|
14
|
-
argTypes: {
|
|
15
|
-
variant: {
|
|
16
|
-
options: {
|
|
17
|
-
readonly DEFAULT: "DEFAULT";
|
|
18
|
-
readonly BORDERED: "BORDERED";
|
|
19
|
-
readonly DANGER: "DANGER";
|
|
20
|
-
readonly DANGER_BORDERED: "DANGER_BORDERED";
|
|
21
|
-
};
|
|
22
|
-
control: string;
|
|
23
|
-
};
|
|
24
|
-
size: {
|
|
25
|
-
options: string[];
|
|
26
|
-
control: string;
|
|
27
|
-
};
|
|
28
|
-
disabled: {
|
|
29
|
-
control: string;
|
|
30
|
-
};
|
|
31
|
-
isLoading: {
|
|
32
|
-
control: string;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
//# sourceMappingURL=icon_button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon_button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon_button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAUlD,OAAO,EAEH,UAAU,EACV,KAAK,eAAe,EACvB,MAAM,kBAAkB,CAAC;wBAcrB,IAAI,CAAC,OAAO,UAAU,CAAC;AAZ5B,wBAY6B;AAS7B,eAAO,MAAM,OAAO,UAAW,eAAe,CAAC,QAAQ,CAAC,4CAsKvD,CAAC;AAQF,eAAO,MAAM,UAAU;YAAW,eAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe1D,CAAC"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
// eslint-disable-next-line import/extensions
|
|
3
|
-
import { action } from 'storybook/actions';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { BellIcon, DeleteIcon, PeopleIcon, } from '@apify/ui-icons';
|
|
6
|
-
import { ICON_BUTTON_VARIANTS, IconButton, } from './icon_button.js';
|
|
7
|
-
export default {
|
|
8
|
-
title: 'UI-Library/IconButton',
|
|
9
|
-
component: IconButton,
|
|
10
|
-
args: {
|
|
11
|
-
onClick: action('onClick'),
|
|
12
|
-
},
|
|
13
|
-
parameters: {
|
|
14
|
-
design: {
|
|
15
|
-
type: 'figma',
|
|
16
|
-
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=5236-40552&t=fCZgSCLJK79g0Omo-4',
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
const Table = styled.table `
|
|
21
|
-
td {
|
|
22
|
-
padding: 8px;
|
|
23
|
-
}
|
|
24
|
-
margin-bottom: 32px;
|
|
25
|
-
`;
|
|
26
|
-
export const Default = (props) => {
|
|
27
|
-
return (_jsx(_Fragment, { children: _jsx(Table, { children: _jsx("tbody", { children: Object.values(ICON_BUTTON_VARIANTS).map((variant) => (_jsxs("tr", { children: [_jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'extraLarge', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'large', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'medium', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'small', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, size: 'extraSmall', title: 'Delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'extraLarge', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'large', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'medium', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'small', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, disabled: true, size: 'extraSmall', title: 'Disabled delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'extraLarge', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'extraLarge', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'large', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'medium', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'small', title: 'Loading delete example' }) }), _jsx("td", { children: _jsx(IconButton, { ...props, variant: variant, Icon: DeleteIcon, isLoading: true, size: 'extraSmall', title: 'Loading delete example' }) })] }, variant))) }) }) }));
|
|
28
|
-
};
|
|
29
|
-
const StyledPlayground = styled.div `
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: row;
|
|
32
|
-
gap: 8px;
|
|
33
|
-
`;
|
|
34
|
-
export const Playground = (props) => {
|
|
35
|
-
return (_jsxs(StyledPlayground, { children: [_jsx(IconButton, { ...props, Icon: PeopleIcon }), _jsx(IconButton, { ...props, Icon: DeleteIcon }), _jsx(IconButton, { ...props, Icon: BellIcon })] }));
|
|
36
|
-
};
|
|
37
|
-
Playground.args = {
|
|
38
|
-
variant: ICON_BUTTON_VARIANTS.DEFAULT,
|
|
39
|
-
size: 'medium',
|
|
40
|
-
disabled: false,
|
|
41
|
-
isLoading: false,
|
|
42
|
-
};
|
|
43
|
-
Playground.argTypes = {
|
|
44
|
-
variant: {
|
|
45
|
-
options: ICON_BUTTON_VARIANTS,
|
|
46
|
-
control: 'select',
|
|
47
|
-
},
|
|
48
|
-
size: {
|
|
49
|
-
options: ['medium', 'small'],
|
|
50
|
-
control: 'select',
|
|
51
|
-
},
|
|
52
|
-
disabled: {
|
|
53
|
-
control: 'boolean',
|
|
54
|
-
},
|
|
55
|
-
isLoading: {
|
|
56
|
-
control: 'boolean',
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=icon_button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon_button.stories.js","sourceRoot":"","sources":["../../../src/components/icon_button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { type LinkProps } from './link.js';
|
|
3
|
-
declare const _default: Meta<LinkProps>;
|
|
4
|
-
export default _default;
|
|
5
|
-
type Story = StoryObj<LinkProps>;
|
|
6
|
-
/**
|
|
7
|
-
* Default internal link behavior
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* External link with automatic external icon
|
|
12
|
-
*/
|
|
13
|
-
export declare const ExternalLink: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Long link text to test wrapping behavior
|
|
16
|
-
*/
|
|
17
|
-
export declare const LongText: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Link with additional styling props
|
|
20
|
-
*/
|
|
21
|
-
export declare const WithStyling: Story;
|
|
22
|
-
//# sourceMappingURL=link.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAgB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;wBA2E5C,IAAI,CAAC,SAAS,CAAC;AAvDpB,wBAuDqB;AAErB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}
|