@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.
Files changed (89) hide show
  1. package/dist/tsconfig.build.tsbuildinfo +1 -1
  2. package/package.json +4 -4
  3. package/src/components/code/code_block/code_block.stories.jsx +0 -1
  4. package/src/components/tabs/tab.stories.tsx +1 -1
  5. package/src/components/tag.stories.jsx +0 -1
  6. package/dist/src/components/action_link.stories.d.ts +0 -50
  7. package/dist/src/components/action_link.stories.d.ts.map +0 -1
  8. package/dist/src/components/action_link.stories.js +0 -129
  9. package/dist/src/components/action_link.stories.js.map +0 -1
  10. package/dist/src/components/actor_template_card.stories.d.ts +0 -49
  11. package/dist/src/components/actor_template_card.stories.d.ts.map +0 -1
  12. package/dist/src/components/actor_template_card.stories.js +0 -154
  13. package/dist/src/components/actor_template_card.stories.js.map +0 -1
  14. package/dist/src/components/banner.stories.d.ts +0 -53
  15. package/dist/src/components/banner.stories.d.ts.map +0 -1
  16. package/dist/src/components/banner.stories.js +0 -132
  17. package/dist/src/components/banner.stories.js.map +0 -1
  18. package/dist/src/components/blog_article.stories.d.ts +0 -33
  19. package/dist/src/components/blog_article.stories.d.ts.map +0 -1
  20. package/dist/src/components/blog_article.stories.js +0 -92
  21. package/dist/src/components/blog_article.stories.js.map +0 -1
  22. package/dist/src/components/button.stories.d.ts +0 -6
  23. package/dist/src/components/button.stories.d.ts.map +0 -1
  24. package/dist/src/components/button.stories.js +0 -46
  25. package/dist/src/components/button.stories.js.map +0 -1
  26. package/dist/src/components/card_container.stories.d.ts +0 -10
  27. package/dist/src/components/card_container.stories.d.ts.map +0 -1
  28. package/dist/src/components/card_container.stories.js +0 -33
  29. package/dist/src/components/card_container.stories.js.map +0 -1
  30. package/dist/src/components/chip.stories.d.ts +0 -98
  31. package/dist/src/components/chip.stories.d.ts.map +0 -1
  32. package/dist/src/components/chip.stories.js +0 -251
  33. package/dist/src/components/chip.stories.js.map +0 -1
  34. package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts +0 -23
  35. package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts.map +0 -1
  36. package/dist/src/components/code/code_block/code_block_with_tabs.stories.js +0 -63
  37. package/dist/src/components/code/code_block/code_block_with_tabs.stories.js.map +0 -1
  38. package/dist/src/components/code/inline_code/inline_code.stories.d.ts +0 -16
  39. package/dist/src/components/code/inline_code/inline_code.stories.d.ts.map +0 -1
  40. package/dist/src/components/code/inline_code/inline_code.stories.js +0 -47
  41. package/dist/src/components/code/inline_code/inline_code.stories.js.map +0 -1
  42. package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts +0 -16
  43. package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts.map +0 -1
  44. package/dist/src/components/code/one_line_code/one_line_code.stories.js +0 -81
  45. package/dist/src/components/code/one_line_code/one_line_code.stories.js.map +0 -1
  46. package/dist/src/components/color_wheel_gradient.stories.d.ts +0 -38
  47. package/dist/src/components/color_wheel_gradient.stories.d.ts.map +0 -1
  48. package/dist/src/components/color_wheel_gradient.stories.js +0 -126
  49. package/dist/src/components/color_wheel_gradient.stories.js.map +0 -1
  50. package/dist/src/components/icon_button.stories.d.ts +0 -36
  51. package/dist/src/components/icon_button.stories.d.ts.map +0 -1
  52. package/dist/src/components/icon_button.stories.js +0 -59
  53. package/dist/src/components/icon_button.stories.js.map +0 -1
  54. package/dist/src/components/link.stories.d.ts +0 -22
  55. package/dist/src/components/link.stories.d.ts.map +0 -1
  56. package/dist/src/components/link.stories.js +0 -112
  57. package/dist/src/components/link.stories.js.map +0 -1
  58. package/dist/src/components/rating.stories.d.ts +0 -32
  59. package/dist/src/components/rating.stories.d.ts.map +0 -1
  60. package/dist/src/components/rating.stories.js +0 -95
  61. package/dist/src/components/rating.stories.js.map +0 -1
  62. package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts +0 -8
  63. package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts.map +0 -1
  64. package/dist/src/components/simple_markdown/simple_markdown.stories.js +0 -60
  65. package/dist/src/components/simple_markdown/simple_markdown.stories.js.map +0 -1
  66. package/dist/src/components/spinner.stories.d.ts +0 -8
  67. package/dist/src/components/spinner.stories.d.ts.map +0 -1
  68. package/dist/src/components/spinner.stories.js +0 -24
  69. package/dist/src/components/spinner.stories.js.map +0 -1
  70. package/dist/src/components/tabs/tab.stories.d.ts +0 -38
  71. package/dist/src/components/tabs/tab.stories.d.ts.map +0 -1
  72. package/dist/src/components/tabs/tab.stories.js +0 -88
  73. package/dist/src/components/tabs/tab.stories.js.map +0 -1
  74. package/dist/src/components/text/text.stories.d.ts +0 -13
  75. package/dist/src/components/text/text.stories.d.ts.map +0 -1
  76. package/dist/src/components/text/text.stories.js +0 -14
  77. package/dist/src/components/text/text.stories.js.map +0 -1
  78. package/dist/src/design_system/tokens/radiuses.stories.d.ts +0 -6
  79. package/dist/src/design_system/tokens/radiuses.stories.d.ts.map +0 -1
  80. package/dist/src/design_system/tokens/radiuses.stories.js +0 -30
  81. package/dist/src/design_system/tokens/radiuses.stories.js.map +0 -1
  82. package/dist/src/design_system/tokens/shadows.stories.d.ts +0 -6
  83. package/dist/src/design_system/tokens/shadows.stories.d.ts.map +0 -1
  84. package/dist/src/design_system/tokens/shadows.stories.js +0 -37
  85. package/dist/src/design_system/tokens/shadows.stories.js.map +0 -1
  86. package/dist/src/design_system/tokens/spaces.stories.d.ts +0 -10
  87. package/dist/src/design_system/tokens/spaces.stories.d.ts.map +0 -1
  88. package/dist/src/design_system/tokens/spaces.stories.js +0 -92
  89. package/dist/src/design_system/tokens/spaces.stories.js.map +0 -1
@@ -1,33 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-vite';
2
- import type { ComponentProps } from 'react';
3
- import { BlogArticle } from './blog_article.js';
4
- type BlogArticleProps = ComponentProps<typeof BlogArticle>;
5
- declare const _default: Meta<BlogArticleProps>;
6
- export default _default;
7
- type Story = StoryObj<BlogArticleProps>;
8
- /**
9
- * Default story for BlogArticle.
10
- * Shows the component with a sample image, title, and default CTA text.
11
- */
12
- export declare const Default: Story;
13
- /**
14
- * Story for BlogArticle with a custom CTA title.
15
- * Demonstrates how the CTA text can be customized from the default "Read more".
16
- */
17
- export declare const CustomCTA: Story;
18
- /**
19
- * Story for BlogArticle with a long title.
20
- * Useful for testing text wrapping and layout with lengthy titles.
21
- */
22
- export declare const LongTitle: Story;
23
- /**
24
- * Story for BlogArticle with a short title.
25
- * Demonstrates the component behavior with minimal text content.
26
- */
27
- export declare const ShortTitle: Story;
28
- /**
29
- * Story for BlogArticle with a placeholder image.
30
- * Shows how the component handles when no actual image is provided.
31
- */
32
- export declare const PlaceholderImage: Story;
33
- //# sourceMappingURL=blog_article.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"blog_article.stories.d.ts","sourceRoot":"","sources":["../../../src/components/blog_article.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;wBAyBtD,IAAI,CAAC,gBAAgB,CAAC;AAvB3B,wBAuB4B;AAE5B,KAAK,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAC"}
@@ -1,92 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { BlogArticle } from './blog_article.js';
3
- export default {
4
- title: 'UI-Library/BlogArticle',
5
- component: BlogArticle,
6
- argTypes: {
7
- imageNode: {
8
- control: 'object',
9
- description: 'React node representing the article image or media.',
10
- },
11
- title: {
12
- control: 'text',
13
- description: 'Title of the blog article.',
14
- },
15
- ctaTitle: {
16
- control: 'text',
17
- description: 'Call-to-action text displayed in the read more section.',
18
- },
19
- },
20
- parameters: {
21
- design: {
22
- type: 'figma',
23
- url: 'TODO: Add Figma URL',
24
- },
25
- },
26
- };
27
- /**
28
- * Default story for BlogArticle.
29
- * Shows the component with a sample image, title, and default CTA text.
30
- */
31
- export const Default = {
32
- args: {
33
- imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=400&h=225&fit=crop&crop=faces", alt: "Sample blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
34
- title: 'How to Build Scalable Web Scrapers with Apify',
35
- ctaTitle: 'Read more',
36
- },
37
- };
38
- /**
39
- * Story for BlogArticle with a custom CTA title.
40
- * Demonstrates how the CTA text can be customized from the default "Read more".
41
- */
42
- export const CustomCTA = {
43
- args: {
44
- imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=400&h=225&fit=crop&crop=faces", alt: "Custom blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
45
- title: 'Introducing the New Apify SDK',
46
- ctaTitle: 'Learn more',
47
- },
48
- };
49
- /**
50
- * Story for BlogArticle with a long title.
51
- * Useful for testing text wrapping and layout with lengthy titles.
52
- */
53
- export const LongTitle = {
54
- args: {
55
- imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1551650975-87deedd944c3?w=400&h=225&fit=crop&crop=faces", alt: "Long title blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
56
- title: 'A Comprehensive Guide to Web Automation: Best Practices, Common Pitfalls, and Real-World Use Cases for Modern Developers',
57
- ctaTitle: 'Read more',
58
- },
59
- };
60
- /**
61
- * Story for BlogArticle with a short title.
62
- * Demonstrates the component behavior with minimal text content.
63
- */
64
- export const ShortTitle = {
65
- args: {
66
- imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=400&h=225&fit=crop&crop=faces", alt: "Short title blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
67
- title: 'Quick Tips',
68
- ctaTitle: 'Read more',
69
- },
70
- };
71
- /**
72
- * Story for BlogArticle with a placeholder image.
73
- * Shows how the component handles when no actual image is provided.
74
- */
75
- export const PlaceholderImage = {
76
- args: {
77
- imageNode: (_jsx("div", { style: {
78
- width: '100%',
79
- height: '100%',
80
- backgroundColor: '#f0f0f0',
81
- display: 'flex',
82
- alignItems: 'center',
83
- justifyContent: 'center',
84
- color: '#666',
85
- borderRadius: '12px',
86
- fontSize: '14px',
87
- }, children: "Image placeholder" })),
88
- title: 'Understanding Data Processing Pipelines',
89
- ctaTitle: 'Read more',
90
- },
91
- };
92
- //# sourceMappingURL=blog_article.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"blog_article.stories.js","sourceRoot":"","sources":["../../../src/components/blog_article.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,eAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,qDAAqD;SACrE;QACD,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;SAC5C;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yDAAyD;SACzE;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,qBAAqB;SAC7B;KACJ;CACsB,CAAC;AAI5B;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,8FAA8F,EAClG,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,+CAA+C;QACtD,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,2FAA2F,EAC/F,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,YAAY;KACzB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,2FAA2F,EAC/F,GAAG,EAAC,uBAAuB,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,0HAA0H;QACjI,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,8FAA8F,EAClG,GAAG,EAAC,wBAAwB,EAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,KAAK,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,SAAS;gBAC1B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;gBACpB,QAAQ,EAAE,MAAM;aACnB,kCAGC,CACT;QACD,KAAK,EAAE,yCAAyC;QAChD,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC"}
@@ -1,6 +0,0 @@
1
- import type { Meta } from '@storybook/react-vite';
2
- import { Button } from './button.js';
3
- declare const _default: Meta<typeof Button>;
4
- export default _default;
5
- export declare const Default: () => import("react/jsx-runtime").JSX.Element;
6
- //# sourceMappingURL=button.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAQlD,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;wBAWlD,IAAI,CAAC,OAAO,MAAM,CAAC;AATxB,wBASyB;AA6FzB,eAAO,MAAM,OAAO,+CAqCnB,CAAC"}
@@ -1,46 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } 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 { CrossIcon } from '@apify/ui-icons';
6
- import { theme } from '../design_system/theme.js';
7
- import { Button } from './button.js';
8
- export default {
9
- title: 'UI-Library/Button',
10
- component: Button,
11
- parameters: {
12
- design: {
13
- type: 'figma',
14
- url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=5235-24898&t=fCZgSCLJK79g0Omo-4',
15
- },
16
- },
17
- };
18
- const Wrapper = styled.div `
19
- background-color: ${theme.color.neutral.background};
20
- padding: 2rem;
21
- display: flex;
22
- flex-direction: column;
23
- align-items: flex-start;
24
- gap: 8px;
25
- `;
26
- const TwoColumns = styled.div `
27
- display: grid;
28
- grid-template-columns: repeat(5, auto);
29
- gap: 40px;
30
- `;
31
- const ButtonGrid = styled.div `
32
- display: flex;
33
- gap: 8px;
34
- margin-bottom: 16px;
35
- `;
36
- const ButtonSection = ({ ...rest }) => {
37
- const props = {
38
- ...rest,
39
- onClick: action('onClick'),
40
- };
41
- return (_jsxs(Wrapper, { children: [_jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With leading icon" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, LeftIcon: CrossIcon, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With trailing icon" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'primary', children: "Primary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, disabled: true, children: "Disabled" })] }), _jsx("h6", { children: "With both icons" }), _jsxs(ButtonGrid, { children: [_jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'primary', children: "Primary test" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'secondary', children: "Secondary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, variant: 'tertiary', children: "Tertiary" }), _jsx(Button, { ...props, RightIcon: CrossIcon, LeftIcon: CrossIcon, disabled: true, children: "Disabled" })] })] }));
42
- };
43
- export const Default = () => {
44
- return (_jsxs(Wrapper, { children: [_jsx("h4", { children: "Primary" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'default', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'default', size: 'large' }), _jsx(ButtonSection, { color: 'default', size: 'medium' }), _jsx(ButtonSection, { color: 'default', size: 'small' }), _jsx(ButtonSection, { color: 'default', size: 'extraSmall' })] }), _jsx("h4", { children: "Success" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'success', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'success', size: 'large' }), _jsx(ButtonSection, { color: 'success', size: 'medium' }), _jsx(ButtonSection, { color: 'success', size: 'small' }), _jsx(ButtonSection, { color: 'success', size: 'extraSmall' })] }), _jsx("h4", { children: "Danger" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'danger', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'danger', size: 'large' }), _jsx(ButtonSection, { color: 'danger', size: 'medium' }), _jsx(ButtonSection, { color: 'danger', size: 'small' }), _jsx(ButtonSection, { color: 'danger', size: 'extraSmall' })] }), _jsx("h4", { children: "Primary Black - WIP" }), _jsxs(TwoColumns, { children: [_jsx(ButtonSection, { color: 'primaryBlack', size: 'extraLarge' }), _jsx(ButtonSection, { color: 'primaryBlack', size: 'large' }), _jsx(ButtonSection, { color: 'primaryBlack', size: 'medium' }), _jsx(ButtonSection, { color: 'primaryBlack', size: 'small' }), _jsx(ButtonSection, { color: 'primaryBlack', size: 'extraSmall' })] })] }));
45
- };
46
- //# sourceMappingURL=button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../src/components/button.stories.tsx"],"names":[],"mappings":";AACA,6CAA6C;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AAEvD,eAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,yHAAyH;SACjI;KACJ;CACmB,CAAC;AAEzB,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;wBACF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;;;;CAMrD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5B,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,IAAI,EAAwB,EAAE,EAAE;IACxD,MAAM,KAAK,GAAgB;QACvB,GAAG,IAAI;QACP,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;KAC7B,CAAC;IAEF,OAAO,CACH,MAAC,OAAO,eACJ,MAAC,UAAU,eACP,KAAC,MAAM,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,wBAAiB,EACrD,KAAC,MAAM,OAAK,KAAK,EAAE,OAAO,EAAC,WAAW,0BAAmB,EACzD,KAAC,MAAM,OAAK,KAAK,EAAE,OAAO,EAAC,UAAU,yBAAkB,EACvD,KAAC,MAAM,OAAK,KAAK,EAAE,QAAQ,+BAAkB,IACpC,EAEb,6CAA0B,EAC1B,MAAC,UAAU,eACP,KAAC,MAAM,OAAK,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,wBAAiB,EAC1E,KAAC,MAAM,OAAK,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,0BAAmB,EAC9E,KAAC,MAAM,OAAK,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC,UAAU,yBAAkB,EAC5E,KAAC,MAAM,OAAK,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,+BAAkB,IACzD,EAEb,8CAA2B,EAC3B,MAAC,UAAU,eACP,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,SAAS,wBAAiB,EAC3E,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,0BAAmB,EAC/E,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,UAAU,yBAAkB,EAC7E,KAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,+BAAkB,IAC1D,EAEb,2CAAwB,EACxB,MAAC,UAAU,eACP,KAAC,MAAM,OACC,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAC,SAAS,6BAGZ,EACT,KAAC,MAAM,OACC,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAC,WAAW,0BAGd,EACT,KAAC,MAAM,OACC,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAC,UAAU,yBAGb,EACT,KAAC,MAAM,OACC,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,QAAQ,+BAGH,IACA,IACP,CACb,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,OAAO,CACH,MAAC,OAAO,eACJ,mCAAgB,EAChB,MAAC,UAAU,eACP,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,GAAG,EACnD,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAC9C,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,GAAG,EAC/C,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAC9C,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,GAAG,IAC1C,EACb,mCAAgB,EAChB,MAAC,UAAU,eACP,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,GAAG,EACnD,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAC9C,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,GAAG,EAC/C,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAC9C,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,GAAG,IAC1C,EACb,kCAAe,EACf,MAAC,UAAU,eACP,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,GAAG,EAClD,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,GAAG,EAC7C,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG,EAC9C,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,GAAG,EAC7C,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,GAAG,IACzC,EACb,+CAA4B,EAC5B,MAAC,UAAU,eACP,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,YAAY,GAAG,EACxD,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,GAAG,EACnD,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAG,EACpD,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,GAAG,EACnD,KAAC,aAAa,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,YAAY,GAAG,IAC/C,IACP,CACb,CAAC;AACN,CAAC,CAAC"}
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-vite';
2
- import { type CardContainerProps } from './card_container.js';
3
- declare const _default: Meta<CardContainerProps>;
4
- export default _default;
5
- type Story = StoryObj<CardContainerProps>;
6
- /**
7
- * Default color wheel gradient with standard settings
8
- */
9
- export declare const Default: Story;
10
- //# sourceMappingURL=card_container.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card_container.stories.d.ts","sourceRoot":"","sources":["../../../src/components/card_container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;wBAYxE,IAAI,CAAC,kBAAkB,CAAC;AAT7B,wBAS8B;AAE9B,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAO1C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAC"}
@@ -1,33 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import styled from 'styled-components';
3
- import { DragIndicatorIcon } from '@apify/ui-icons';
4
- import { CardContainer } from './card_container.js';
5
- import { IconButton } from './icon_button.js';
6
- export default {
7
- title: 'UI-Library/CardContainer',
8
- component: CardContainer,
9
- argTypes: {
10
- headerPlacement: {
11
- control: { type: 'select' },
12
- options: ['TOP', 'BOTTOM'],
13
- },
14
- },
15
- };
16
- const StoryWrapper = styled.div `
17
- display: grid;
18
- gap: 1rem;
19
- grid-template-columns: 1fr 1fr 1fr;
20
- `;
21
- /**
22
- * Default color wheel gradient with standard settings
23
- */
24
- export const Default = {
25
- args: {
26
- children: 'This is the content',
27
- header: 'Recently viewed',
28
- },
29
- render: (args) => {
30
- return _jsxs(StoryWrapper, { children: [_jsx(CardContainer, { ...args }), _jsx(CardContainer, { ...args, headerPlacement: 'BOTTOM' }), _jsx(CardContainer, { ...args, header: _jsxs(_Fragment, { children: [_jsx(CardContainer.Heading, { children: "TEst" }), _jsx(IconButton, { Icon: DragIndicatorIcon })] }) }), _jsx(CardContainer, { ...args, header: _jsx(_Fragment, { children: _jsxs("div", { children: [_jsx(CardContainer.Heading, { children: "# Videos with this hashtag" }), _jsx("code", { style: { marginLeft: 8 }, children: "Required" })] }) }) }), _jsx(CardContainer, { ...args, header: _jsx(_Fragment, { children: "Completely custom header content" }) })] });
31
- },
32
- };
33
- //# sourceMappingURL=card_container.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card_container.stories.js","sourceRoot":"","sources":["../../../src/components/card_container.stories.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,eAAe;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACN,eAAe,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;SAC7B;KACJ;CACwB,CAAC;AAI9B,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE,iBAAiB;KAC5B;IACD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE;QACjC,OAAO,MAAC,YAAY,eAChB,KAAC,aAAa,OAAK,IAAI,GAAI,EAC3B,KAAC,aAAa,OAAK,IAAI,EAAE,eAAe,EAAC,QAAQ,GAAE,EACnD,KAAC,aAAa,OACN,IAAI,EACR,MAAM,EAAE,8BACJ,KAAC,aAAa,CAAC,OAAO,uBAA6B,EACnD,KAAC,UAAU,IAAC,IAAI,EAAE,iBAAiB,GAAG,IACvC,GACL,EACF,KAAC,aAAa,OACN,IAAI,EACR,MAAM,EAAE,4BACJ,0BACI,KAAC,aAAa,CAAC,OAAO,6CAAmD,EACzE,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,yBAAiB,IAC7C,GACP,GACL,EACF,KAAC,aAAa,OACN,IAAI,EACR,MAAM,EAAE,iEAEL,GACL,IACS,CAAC;IACpB,CAAC;CACJ,CAAC"}
@@ -1,98 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-vite';
2
- import { type ChipProps } from './chip.js';
3
- declare const _default: Meta<ChipProps>;
4
- export default _default;
5
- type Story = StoryObj<ChipProps>;
6
- /**
7
- * Default chip with medium size and default type
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Extra small chip - the smallest size available
12
- */
13
- export declare const ExtraSmall: Story;
14
- /**
15
- * Small chip size
16
- */
17
- export declare const Small: Story;
18
- /**
19
- * Medium chip size (default)
20
- */
21
- export declare const Medium: Story;
22
- /**
23
- * Large chip size
24
- */
25
- export declare const Large: Story;
26
- /**
27
- * Primary chip type with brand colors
28
- */
29
- export declare const Primary: Story;
30
- /**
31
- * Success chip type for positive states
32
- */
33
- export declare const Success: Story;
34
- /**
35
- * Warning chip type for cautionary states
36
- */
37
- export declare const Warning: Story;
38
- /**
39
- * Danger chip type for error or critical states
40
- */
41
- export declare const Danger: Story;
42
- /**
43
- * Chip with an icon on the right side
44
- */
45
- export declare const WithIcon: Story;
46
- /**
47
- * Primary chip with check icon
48
- */
49
- export declare const PrimaryWithIcon: Story;
50
- /**
51
- * Success chip with check icon
52
- */
53
- export declare const SuccessWithIcon: Story;
54
- /**
55
- * Warning chip with warning icon
56
- */
57
- export declare const WarningWithIcon: Story;
58
- /**
59
- * Danger chip with error icon
60
- */
61
- export declare const DangerWithIcon: Story;
62
- /**
63
- * Clickable chip with pointer cursor
64
- */
65
- export declare const Clickable: Story;
66
- /**
67
- * Non-clickable chip with default cursor
68
- */
69
- export declare const NonClickable: Story;
70
- /**
71
- * Large primary clickable chip with icon
72
- */
73
- export declare const LargePrimaryClickableWithIcon: Story;
74
- /**
75
- * Small success chip showing status
76
- */
77
- export declare const SmallStatusChip: Story;
78
- /**
79
- * Extra small chip for compact layouts
80
- */
81
- export declare const ExtraSmallTag: Story;
82
- /**
83
- * Chip with longer text content
84
- */
85
- export declare const WithLongText: Story;
86
- /**
87
- * Multiple chips showcasing different types in one view
88
- */
89
- export declare const AllTypes: Story;
90
- /**
91
- * Multiple chips showcasing different sizes in one view
92
- */
93
- export declare const AllSizes: Story;
94
- /**
95
- * Chips with various icons demonstrating versatility
96
- */
97
- export declare const WithVariousIcons: Story;
98
- //# sourceMappingURL=chip.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;wBA4CpE,IAAI,CAAC,SAAS,CAAC;AAhCpB,wBAgCqB;AAErB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,KAQ3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC"}
@@ -1,251 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Chip, CHIP_SIZES, CHIP_TYPES } from './chip.js';
3
- const mockIcons = {
4
- star: _jsx("span", { style: { fontSize: '14px' }, children: "\u2B50" }),
5
- check: _jsx("span", { style: { fontSize: '14px' }, children: "\u2713" }),
6
- warning: _jsx("span", { style: { fontSize: '14px' }, children: "\u26A0\uFE0F" }),
7
- error: _jsx("span", { style: { fontSize: '14px' }, children: "\u274C" }),
8
- info: _jsx("span", { style: { fontSize: '14px' }, children: "\u2139\uFE0F" }),
9
- heart: _jsx("span", { style: { fontSize: '14px' }, children: "\u2764\uFE0F" }),
10
- tag: _jsx("span", { style: { fontSize: '14px' }, children: "#" }),
11
- };
12
- export default {
13
- title: 'UI-Library/Chip',
14
- tags: ['deprecated'],
15
- component: Chip,
16
- argTypes: {
17
- type: {
18
- control: 'select',
19
- options: Object.values(CHIP_TYPES),
20
- },
21
- size: {
22
- control: 'select',
23
- options: Object.values(CHIP_SIZES),
24
- },
25
- clickable: {
26
- control: 'boolean',
27
- },
28
- icon: {
29
- control: false,
30
- },
31
- children: {
32
- control: 'text',
33
- },
34
- className: {
35
- control: 'text',
36
- },
37
- },
38
- parameters: {
39
- design: {
40
- type: 'figma',
41
- url: 'TODO: Add Figma URL',
42
- },
43
- },
44
- };
45
- /**
46
- * Default chip with medium size and default type
47
- */
48
- export const Default = {
49
- args: {
50
- children: 'Default Chip',
51
- },
52
- };
53
- /**
54
- * Extra small chip - the smallest size available
55
- */
56
- export const ExtraSmall = {
57
- args: {
58
- size: CHIP_SIZES.EXTRA_SMALL,
59
- children: 'XS Chip',
60
- },
61
- };
62
- /**
63
- * Small chip size
64
- */
65
- export const Small = {
66
- args: {
67
- size: CHIP_SIZES.SMALL,
68
- children: 'Small Chip',
69
- },
70
- };
71
- /**
72
- * Medium chip size (default)
73
- */
74
- export const Medium = {
75
- args: {
76
- size: CHIP_SIZES.MEDIUM,
77
- children: 'Medium Chip',
78
- },
79
- };
80
- /**
81
- * Large chip size
82
- */
83
- export const Large = {
84
- args: {
85
- size: CHIP_SIZES.LARGE,
86
- children: 'Large Chip',
87
- },
88
- };
89
- /**
90
- * Primary chip type with brand colors
91
- */
92
- export const Primary = {
93
- args: {
94
- type: CHIP_TYPES.PRIMARY,
95
- children: 'Primary Chip',
96
- },
97
- };
98
- /**
99
- * Success chip type for positive states
100
- */
101
- export const Success = {
102
- args: {
103
- type: CHIP_TYPES.SUCCESS,
104
- children: 'Success Chip',
105
- },
106
- };
107
- /**
108
- * Warning chip type for cautionary states
109
- */
110
- export const Warning = {
111
- args: {
112
- type: CHIP_TYPES.WARNING,
113
- children: 'Warning Chip',
114
- },
115
- };
116
- /**
117
- * Danger chip type for error or critical states
118
- */
119
- export const Danger = {
120
- args: {
121
- type: CHIP_TYPES.DANGER,
122
- children: 'Danger Chip',
123
- },
124
- };
125
- /**
126
- * Chip with an icon on the right side
127
- */
128
- export const WithIcon = {
129
- args: {
130
- children: 'Starred',
131
- icon: mockIcons.star,
132
- },
133
- };
134
- /**
135
- * Primary chip with check icon
136
- */
137
- export const PrimaryWithIcon = {
138
- args: {
139
- type: CHIP_TYPES.PRIMARY,
140
- children: 'Completed',
141
- icon: mockIcons.check,
142
- },
143
- };
144
- /**
145
- * Success chip with check icon
146
- */
147
- export const SuccessWithIcon = {
148
- args: {
149
- type: CHIP_TYPES.SUCCESS,
150
- children: 'Verified',
151
- icon: mockIcons.check,
152
- },
153
- };
154
- /**
155
- * Warning chip with warning icon
156
- */
157
- export const WarningWithIcon = {
158
- args: {
159
- type: CHIP_TYPES.WARNING,
160
- children: 'Caution',
161
- icon: mockIcons.warning,
162
- },
163
- };
164
- /**
165
- * Danger chip with error icon
166
- */
167
- export const DangerWithIcon = {
168
- args: {
169
- type: CHIP_TYPES.DANGER,
170
- children: 'Error',
171
- icon: mockIcons.error,
172
- },
173
- };
174
- /**
175
- * Clickable chip with pointer cursor
176
- */
177
- export const Clickable = {
178
- args: {
179
- children: 'Click me',
180
- clickable: true,
181
- },
182
- };
183
- /**
184
- * Non-clickable chip with default cursor
185
- */
186
- export const NonClickable = {
187
- args: {
188
- children: 'Static chip',
189
- clickable: false,
190
- },
191
- };
192
- /**
193
- * Large primary clickable chip with icon
194
- */
195
- export const LargePrimaryClickableWithIcon = {
196
- args: {
197
- type: CHIP_TYPES.PRIMARY,
198
- size: CHIP_SIZES.LARGE,
199
- children: 'Premium Feature',
200
- icon: mockIcons.star,
201
- clickable: true,
202
- },
203
- };
204
- /**
205
- * Small success chip showing status
206
- */
207
- export const SmallStatusChip = {
208
- args: {
209
- type: CHIP_TYPES.SUCCESS,
210
- size: CHIP_SIZES.SMALL,
211
- children: 'Active',
212
- },
213
- };
214
- /**
215
- * Extra small chip for compact layouts
216
- */
217
- export const ExtraSmallTag = {
218
- args: {
219
- size: CHIP_SIZES.EXTRA_SMALL,
220
- children: 'Tag',
221
- icon: mockIcons.tag,
222
- },
223
- };
224
- /**
225
- * Chip with longer text content
226
- */
227
- export const WithLongText = {
228
- args: {
229
- children: 'This is a longer chip text',
230
- type: CHIP_TYPES.PRIMARY,
231
- },
232
- };
233
- /**
234
- * Multiple chips showcasing different types in one view
235
- */
236
- export const AllTypes = {
237
- render: () => (_jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [_jsx(Chip, { type: CHIP_TYPES.DEFAULT, children: "Default" }), _jsx(Chip, { type: CHIP_TYPES.PRIMARY, children: "Primary" }), _jsx(Chip, { type: CHIP_TYPES.SUCCESS, children: "Success" }), _jsx(Chip, { type: CHIP_TYPES.WARNING, children: "Warning" }), _jsx(Chip, { type: CHIP_TYPES.DANGER, children: "Danger" })] })),
238
- };
239
- /**
240
- * Multiple chips showcasing different sizes in one view
241
- */
242
- export const AllSizes = {
243
- render: () => (_jsxs("div", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'wrap' }, children: [_jsx(Chip, { size: CHIP_SIZES.EXTRA_SMALL, children: "XS" }), _jsx(Chip, { size: CHIP_SIZES.SMALL, children: "Small" }), _jsx(Chip, { size: CHIP_SIZES.MEDIUM, children: "Medium" }), _jsx(Chip, { size: CHIP_SIZES.LARGE, children: "Large" })] })),
244
- };
245
- /**
246
- * Chips with various icons demonstrating versatility
247
- */
248
- export const WithVariousIcons = {
249
- render: () => (_jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [_jsx(Chip, { type: CHIP_TYPES.SUCCESS, icon: mockIcons.check, children: "Approved" }), _jsx(Chip, { type: CHIP_TYPES.WARNING, icon: mockIcons.warning, children: "Pending" }), _jsx(Chip, { type: CHIP_TYPES.DANGER, icon: mockIcons.error, children: "Failed" }), _jsx(Chip, { type: CHIP_TYPES.PRIMARY, icon: mockIcons.heart, children: "Favorite" }), _jsx(Chip, { type: CHIP_TYPES.DEFAULT, icon: mockIcons.info, children: "Info" })] })),
250
- };
251
- //# sourceMappingURL=chip.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.stories.js","sourceRoot":"","sources":["../../../src/components/chip.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,23 +0,0 @@
1
- import { type CodeBlockWithTabsProps } from './code_block_with_tabs.js';
2
- declare const _default: {
3
- title: string;
4
- parameters: {
5
- design: {
6
- type: string;
7
- url: string;
8
- };
9
- layout: string;
10
- };
11
- component: ({ className, codeBlockProps, currentTabKey, tabs, optimisticCurrentTabKey, ...props }: CodeBlockWithTabsProps) => import("react/jsx-runtime").JSX.Element;
12
- };
13
- export default _default;
14
- export declare const Default: {
15
- ({ tabs, ...args }: Omit<CodeBlockWithTabsProps, "currentTabKey">): import("react/jsx-runtime").JSX.Element;
16
- args: {
17
- tabs: {
18
- key: string;
19
- content: string;
20
- }[];
21
- };
22
- };
23
- //# sourceMappingURL=code_block_with_tabs.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"code_block_with_tabs.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEgB,KAAK,sBAAsB,EACjD,MAAM,2BAA2B,CAAC;;;;;;;;;;;;AAEnC,wBAUE;AAaF,eAAO,MAAM,OAAO;wBAAuB,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAC;;;;;;;CAgBvF,CAAC"}