@apify/ui-library 1.97.2 → 1.98.1

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 (105) hide show
  1. package/dist/src/components/action_link.stories.d.ts +50 -0
  2. package/dist/src/components/action_link.stories.d.ts.map +1 -0
  3. package/dist/src/components/action_link.stories.js +129 -0
  4. package/dist/src/components/action_link.stories.js.map +1 -0
  5. package/dist/src/components/actor_template_card.stories.d.ts +49 -0
  6. package/dist/src/components/actor_template_card.stories.d.ts.map +1 -0
  7. package/dist/src/components/actor_template_card.stories.js +154 -0
  8. package/dist/src/components/actor_template_card.stories.js.map +1 -0
  9. package/dist/src/components/banner.stories.d.ts +53 -0
  10. package/dist/src/components/banner.stories.d.ts.map +1 -0
  11. package/dist/src/components/banner.stories.js +132 -0
  12. package/dist/src/components/banner.stories.js.map +1 -0
  13. package/dist/src/components/blog_article.stories.d.ts +33 -0
  14. package/dist/src/components/blog_article.stories.d.ts.map +1 -0
  15. package/dist/src/components/blog_article.stories.js +92 -0
  16. package/dist/src/components/blog_article.stories.js.map +1 -0
  17. package/dist/src/components/chip.stories.d.ts +98 -0
  18. package/dist/src/components/chip.stories.d.ts.map +1 -0
  19. package/dist/src/components/chip.stories.js +251 -0
  20. package/dist/src/components/chip.stories.js.map +1 -0
  21. package/dist/src/components/code/code_block/code_block_with_tabs.d.ts +1 -1
  22. package/dist/src/components/code/code_block/code_block_with_tabs.d.ts.map +1 -1
  23. package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts +23 -0
  24. package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts.map +1 -0
  25. package/dist/src/components/code/code_block/code_block_with_tabs.stories.js +63 -0
  26. package/dist/src/components/code/code_block/code_block_with_tabs.stories.js.map +1 -0
  27. package/dist/src/components/code/inline_code/inline_code.stories.d.ts +16 -0
  28. package/dist/src/components/code/inline_code/inline_code.stories.d.ts.map +1 -0
  29. package/dist/src/components/code/inline_code/inline_code.stories.js +47 -0
  30. package/dist/src/components/code/inline_code/inline_code.stories.js.map +1 -0
  31. package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts +16 -0
  32. package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts.map +1 -0
  33. package/dist/src/components/code/one_line_code/one_line_code.stories.js +81 -0
  34. package/dist/src/components/code/one_line_code/one_line_code.stories.js.map +1 -0
  35. package/dist/src/components/color_wheel_gradient.stories.d.ts +38 -0
  36. package/dist/src/components/color_wheel_gradient.stories.d.ts.map +1 -0
  37. package/dist/src/components/color_wheel_gradient.stories.js +126 -0
  38. package/dist/src/components/color_wheel_gradient.stories.js.map +1 -0
  39. package/dist/src/components/link.stories.d.ts +22 -0
  40. package/dist/src/components/link.stories.d.ts.map +1 -0
  41. package/dist/src/components/link.stories.js +112 -0
  42. package/dist/src/components/link.stories.js.map +1 -0
  43. package/dist/src/components/rating.stories.d.ts +32 -0
  44. package/dist/src/components/rating.stories.d.ts.map +1 -0
  45. package/dist/src/components/rating.stories.js +95 -0
  46. package/dist/src/components/rating.stories.js.map +1 -0
  47. package/dist/src/components/simple_markdown/simple_markdown.d.ts +2 -2
  48. package/dist/src/components/simple_markdown/simple_markdown.d.ts.map +1 -1
  49. package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts +8 -0
  50. package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts.map +1 -0
  51. package/dist/src/components/simple_markdown/simple_markdown.stories.js +60 -0
  52. package/dist/src/components/simple_markdown/simple_markdown.stories.js.map +1 -0
  53. package/dist/src/components/tabs/tab.stories.d.ts.map +1 -1
  54. package/dist/src/components/tabs/tab.stories.js +1 -0
  55. package/dist/src/components/tabs/tab.stories.js.map +1 -1
  56. package/dist/src/components/text/text.stories.d.ts +13 -0
  57. package/dist/src/components/text/text.stories.d.ts.map +1 -0
  58. package/dist/src/components/text/text.stories.js +14 -0
  59. package/dist/src/components/text/text.stories.js.map +1 -0
  60. package/dist/src/design_system/tokens/radiuses.d.ts +2 -0
  61. package/dist/src/design_system/tokens/radiuses.d.ts.map +1 -1
  62. package/dist/src/design_system/tokens/radiuses.js +2 -0
  63. package/dist/src/design_system/tokens/radiuses.js.map +1 -1
  64. package/dist/src/design_system/tokens/radiuses.stories.d.ts +6 -0
  65. package/dist/src/design_system/tokens/radiuses.stories.d.ts.map +1 -0
  66. package/dist/src/design_system/tokens/radiuses.stories.js +30 -0
  67. package/dist/src/design_system/tokens/radiuses.stories.js.map +1 -0
  68. package/dist/src/design_system/tokens/shadows.stories.d.ts +6 -0
  69. package/dist/src/design_system/tokens/shadows.stories.d.ts.map +1 -0
  70. package/dist/src/design_system/tokens/shadows.stories.js +37 -0
  71. package/dist/src/design_system/tokens/shadows.stories.js.map +1 -0
  72. package/dist/src/design_system/tokens/spaces.stories.d.ts +10 -0
  73. package/dist/src/design_system/tokens/spaces.stories.d.ts.map +1 -0
  74. package/dist/src/design_system/tokens/spaces.stories.js +92 -0
  75. package/dist/src/design_system/tokens/spaces.stories.js.map +1 -0
  76. package/dist/tsconfig.build.tsbuildinfo +1 -1
  77. package/package.json +3 -3
  78. package/src/components/action_link.stories.tsx +145 -0
  79. package/src/components/actor_template_card.stories.tsx +179 -0
  80. package/src/components/badge.doc.mdx +35 -0
  81. package/src/components/banner.stories.tsx +256 -0
  82. package/src/components/blog_article.stories.tsx +133 -0
  83. package/src/components/chip.stories.tsx +301 -0
  84. package/src/components/code/code_block/code_block.stories.jsx +133 -0
  85. package/src/components/code/code_block/code_block_with_tabs.stories.tsx +81 -0
  86. package/src/components/code/code_block/code_block_with_tabs.tsx +1 -1
  87. package/src/components/code/inline_code/inline_code.stories.tsx +88 -0
  88. package/src/components/code/one_line_code/one_line_code.stories.tsx +173 -0
  89. package/src/components/color_wheel_gradient.stories.tsx +157 -0
  90. package/src/components/floating/tooltip.stories.jsx +0 -1
  91. package/src/components/link.stories.tsx +127 -0
  92. package/src/components/message.stories.jsx +116 -0
  93. package/src/components/rating.stories.tsx +166 -0
  94. package/src/components/simple_markdown/simple_markdown.stories.tsx +71 -0
  95. package/src/components/simple_markdown/simple_markdown.tsx +1 -1
  96. package/src/components/tabs/tab.stories.tsx +1 -0
  97. package/src/components/tag.doc.mdx +38 -0
  98. package/src/components/text/text.stories.tsx +61 -0
  99. package/src/design_system/tokens/radiuses.doc.mdx +12 -0
  100. package/src/design_system/tokens/radiuses.stories.tsx +49 -0
  101. package/src/design_system/tokens/radiuses.ts +2 -0
  102. package/src/design_system/tokens/shadows.doc.mdx +16 -0
  103. package/src/design_system/tokens/shadows.stories.tsx +58 -0
  104. package/src/design_system/tokens/spaces.doc.mdx +18 -0
  105. package/src/design_system/tokens/spaces.stories.tsx +131 -0
@@ -0,0 +1,16 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,81 @@
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
@@ -0,0 +1 @@
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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"}
@@ -0,0 +1,38 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,126 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,22 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,112 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../../src/components/link.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,32 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,95 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rating.stories.js","sourceRoot":"","sources":["../../../src/components/rating.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAepE,eAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE,QAAQ;SACpB;QACD,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;SAClB;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,qBAAqB;SAC7B;KACJ;CACiB,CAAC;AAMvB;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACjE,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,mBAAW,EAC9D,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,IACnB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,IACrB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,IACnB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,IACrB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,IACnB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,IACrB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,IACnB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,IACrB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,IACnB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,GAAG,GAAI,IACrB,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9D,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAa,EAChE,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,GAAI,IACnB,IACJ,CACT;CACJ,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,iBAAiB,GAAoB;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,IAAI,GAAI;IAChD,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,KAAK,EAAE,gEAAgE;aAC1E;SACJ;KACJ;CACJ,CAAC;AAEF,uBAAuB;AACvB,MAAM,CAAC,MAAM,kBAAkB,GAAqB;IAChD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,GAAI;IAC3C,IAAI,EAAE;QACF,WAAW,EAAE;YACT,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACR;KACJ;IACD,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,KAAK,EAAE,sEAAsE;aAChF;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAqB;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,GAAI;IAC3C,IAAI,EAAE;QACF,WAAW,EAAE;YACT,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACP;KACJ;IACD,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,KAAK,EAAE,wCAAwC;aAClD;SACJ;KACJ;CACJ,CAAC"}
@@ -8,9 +8,9 @@ export declare const defaultAllowedElements: string[];
8
8
  export declare const defaultRehypePlugins: (typeof rehypeRaw)[];
9
9
  export declare const defaultRemarkPlugins: (typeof remarkGfm)[];
10
10
  type MarkdownSize = 'regular' | 'small';
11
- interface SimpleMarkdownProps extends ReactMarkdownOptions {
11
+ export type SimpleMarkdownProps = ReactMarkdownOptions & {
12
12
  size?: MarkdownSize;
13
- }
13
+ };
14
14
  export declare const SimpleMarkdown: React.FC<SimpleMarkdownProps>;
15
15
  export {};
16
16
  //# sourceMappingURL=simple_markdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"simple_markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAgClC,CAAC;AAsEF,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AA6ChD,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,UAAU,mBAAoB,SAAQ,oBAAoB;IACtD,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCxD,CAAC"}
1
+ {"version":3,"file":"simple_markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAgClC,CAAC;AAsEF,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AA6ChD,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB,CAAA;AAeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCxD,CAAC"}
@@ -0,0 +1,8 @@
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
@@ -0,0 +1 @@
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"}