@apify/ui-library 1.97.2 → 1.98.0

package/dist/src/components/simple_markdown/simple_markdown.stories.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, } from '../box.js';
+import { SimpleMarkdown, } from './simple_markdown.js';
+const testMarkdown = `
+Lorem ipsum **with bold** text and some *italic text*.
+
+Now a paragraph with an [internal link](/admin-internal)
+and with an [external link](https://www.google.com) (we hade the external icon in Markdown).
+
+* List item
+* **List item bold**
+* *List item italic*
+
+Some \`inline code\` and **\`bold inline code\`**
+
+\`\`\`javascript
+http://www.example.com/search?do[load]=1
+\`\`\`
+
+\`\`\`javascript
+async function pageFunction(context) {
+    // jQuery is handy for finding DOM elements and extracting data from them.
+    // To use it, make sure to enable the "Inject jQuery" option.
+    const $ = context.jQuery;
+    const pageTitle = $('title').first().text();
+}
+\`\`\`
+
+# Title 1
+## Title 2
+### Title 3
+#### Title 4
+##### Title 5
+###### Title 6
+
+## Title [with link](/admin-internal)
+## Title \`with code\`
+
+> Blockquote lorem ipsum **with bold** text and some *italic text*.
+> Some \`inline code\` inside quote
+> > And some nested quote as well
+
+Video as link
+[![Watch Web Scraper video](https://img.youtube.com/vi/K76Hib0cY0k/0.jpg)](https://youtu.be/K76Hib0cY0k)
+
+Video as plain text
+https://youtu.be/K76Hib0cY0k
+
+`;
+const Template = (props) => {
+    return (_jsx(Box, { px: 'space32', py: 'space40', style: { maxWidth: '850px' }, children: _jsx(SimpleMarkdown, { ...props }) }));
+};
+export default {
+    title: 'UI-Library/Markdown',
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    component: SimpleMarkdown,
+};
+export const MarkdownRegular = () => _jsx(Template, { size: 'regular', children: testMarkdown });
+export const MarkdownSmall = () => _jsx(Template, { size: 'small', children: testMarkdown });
+//# sourceMappingURL=simple_markdown.stories.js.map

package/dist/src/components/simple_markdown/simple_markdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple_markdown.stories.js","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,GAAG,GACN,MAAM,WAAW,CAAC;AACnB,OAAO,EACH,cAAc,GAEjB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CpB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5C,OAAO,CACH,KAAC,GAAG,IAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YACvD,KAAC,cAAc,OAAK,KAAK,GAAI,GAC3B,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,8DAA8D;IAC9D,SAAS,EAAE,cAAqB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,SAAS,YAAE,YAAY,GAAY,CAAC;AACxF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,YAAE,YAAY,GAAY,CAAC"}

package/dist/src/components/tabs/tab.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAM7C,OAAO,EAAE,GAAG,IAAI,YAAY,EAAmB,MAAM,UAAU,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AA8BpB,eAAO,MAAM,WAAW;WAAU;QAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDA,CAAC"}
+{"version":3,"file":"tab.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAM7C,OAAO,EAAE,GAAG,IAAI,YAAY,EAAmB,MAAM,UAAU,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAqBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AA8BpB,eAAO,MAAM,WAAW;WAAU;QAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDA,CAAC"}

package/dist/src/components/tabs/tab.stories.js

@@ -7,6 +7,7 @@ import { Tabs as TabsComponent } from './tabs.js';
 const meta = {
     title: 'UI-Library/Tab',
     component: TabComponent,
+    tags: ['new'],
     parameters: {
         design: {
             type: 'figma',

package/dist/src/components/tabs/tab.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/text/text.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./text_shared.js").SharedTextProps & import("react").RefAttributes<HTMLElement | undefined>>;
+    args: {};
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const HeadingExtras: () => import("react/jsx-runtime").JSX.Element;
+export declare const TextExtras: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text.stories.d.ts.map

package/dist/src/components/text/text.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQE;AAEF,eAAO,MAAM,OAAO,+CAwBb,CAAC;AAER,eAAO,MAAM,aAAa,+CAQnB,CAAC;AAER,eAAO,MAAM,UAAU,+CAShB,CAAC"}

package/dist/src/components/text/text.stories.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading, Text, } from './index.js';
+export default {
+    title: 'UI-Library/Text',
+    component: Text,
+    args: {},
+    parameters: {
+        layout: 'centered',
+    },
+};
+export const Default = () => (_jsxs("div", { children: [_jsx(Heading, { type: "title3xl", mb: 'space24', children: "Title 3XL" }), _jsx(Heading, { type: "title2xl", children: "Title 2XL" }), _jsx(Heading, { type: "titleXl", children: "Title XL" }), _jsx(Heading, { type: "titleL", children: "Title L" }), _jsx(Heading, { type: "titleM", children: "Title M" }), _jsx(Heading, { type: "titleS", children: "Title S" }), _jsx(Heading, { type: "titleXs", children: "Title XS" }), _jsx("br", {}), _jsx(Text, { type: "body", children: "Body default" }), _jsx(Text, { type: "body", size: 'small', children: "Body size=small" }), _jsx(Text, { type: "body", size: 'big', children: "Body size=big" }), _jsx("br", {}), _jsx(Text, { type: "code", children: "Code default" }), _jsx(Text, { type: "code", size: 'small', children: "Code size=small" }), _jsx(Text, { type: "code", size: 'big', children: "Code size=big" }), _jsx("br", {}), _jsx(Text, { type: "body", weight: 'bold', children: "Body weight=bold" }), _jsx(Text, { type: "body", weight: 'bold', size: 'small', children: "Body size=small weight=bold" }), _jsx(Text, { type: "body", weight: 'bold', size: 'big', children: "Body size=big weight=bold" }), _jsx("br", {}), _jsx(Text, { type: "code", weight: 'bold', children: "Code default weight=bold" }), _jsx(Text, { type: "code", weight: 'bold', size: 'small', children: "Code size=small weight=bold" }), _jsx(Text, { type: "code", weight: 'bold', size: 'big', children: "Code size=big weight=bold" })] }));
+export const HeadingExtras = () => (_jsxs("div", { style: { minWidth: '20rem' }, children: [_jsx(Heading, { align: 'left', children: "Heading align=left" }), _jsx(Heading, { align: 'center', children: "Heading align=center" }), _jsx(Heading, { align: 'right', children: "Heading align=right" }), _jsx("br", {}), _jsx(Heading, { color: "deeppink", children: "Heading color=deeppink" }), _jsx("br", {}), _jsx(Heading, { type: 'titleL', as: "h2", children: "Heading type=titleL as=h2" })] }));
+export const TextExtras = () => (_jsxs("div", { style: { minWidth: '20rem' }, children: [_jsx(Text, { align: 'left', children: "Text align=left" }), _jsx(Text, { align: 'center', children: "Text align=center" }), _jsx(Text, { align: 'right', children: "Text align=right" }), _jsx("br", {}), _jsx(Text, { color: 'deeppink', children: "Text color=deeppink" }), _jsx("br", {}), _jsx(Text, { italic: true, children: "Text italic=true" }), _jsx(Text, { uppercase: true, children: "Text uppercase=true" })] }));
+//# sourceMappingURL=text.stories.js.map

package/dist/src/components/text/text.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/text/text.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/design_system/tokens/radiuses.d.ts

@@ -7,6 +7,8 @@
  * @property {'8px'} radius8
  * @property {'12px'} radius12
  * @property {'16px'} radius16
+ * @property {'20px'} radius20
+ * @property {'100px'} radiusFull
  */
 /**
  * @type {Radius}

package/dist/src/design_system/tokens/radiuses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radiuses.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAC"}
+{"version":3,"file":"radiuses.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAC"}

package/dist/src/design_system/tokens/radiuses.js

@@ -7,6 +7,8 @@
  * @property {'8px'} radius8
  * @property {'12px'} radius12
  * @property {'16px'} radius16
+ * @property {'20px'} radius20
+ * @property {'100px'} radiusFull
  */
 /**
  * @type {Radius}

package/dist/src/design_system/tokens/radiuses.js.map

@@ -1 +1 @@
-{"version":3,"file":"radiuses.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,OAAO;CACtB,CAAC"}
+{"version":3,"file":"radiuses.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,OAAO;CACtB,CAAC"}

package/dist/src/design_system/tokens/radiuses.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=radiuses.stories.d.ts.map

package/dist/src/design_system/tokens/radiuses.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiuses.stories.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;wBA0CvD,IAAI;AATT,wBASU;AAEV,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/design_system/tokens/radiuses.stories.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '../theme.js';
+import { radiuses } from './radiuses.js';
+const RadiusesShowcase = () => (_jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: '16px', padding: '20px', backgroundColor: theme.color.neutral.background }, children: Object.entries(radiuses).map(([key, value]) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }, children: [_jsx("div", { style: {
+                    width: '60px',
+                    height: '60px',
+                    backgroundColor: theme.color.neutral.cardBackground,
+                    border: `1px solid ${theme.color.neutral.border}`,
+                    borderRadius: value,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    color: theme.color.neutral.text,
+                    fontSize: '11px',
+                    fontWeight: 'bold',
+                }, children: key.replace('radius', '') }), _jsx("span", { style: { fontSize: '12px', color: theme.color.neutral.text, fontWeight: '500' }, children: value }), _jsx("span", { style: { fontSize: '11px', color: theme.color.neutral.textMuted }, children: key })] }, key))) }));
+export default {
+    title: 'Design Tokens/Radiuses',
+    component: RadiusesShowcase,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=1425-8220&t=qBdt7hpVWImfc9T3-1',
+        },
+    },
+};
+export const Default = {
+    render: () => _jsx(RadiusesShowcase, {}),
+};
+//# sourceMappingURL=radiuses.stories.js.map

package/dist/src/design_system/tokens/radiuses.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiuses.stories.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC3B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,YAChJ,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC5C,eAAe,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAChG,cACI,KAAK,EAAE;oBACH,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;oBACnD,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;oBACjD,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;oBAC/B,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;iBACrB,YAEA,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,GACxB,EACN,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,KAAK,GAAQ,EACrG,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,YAAG,GAAG,GAAQ,KAnB/E,GAAG,CAoBP,CACT,CAAC,GACA,CACT,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wHAAwH;SAChI;KACJ;CACI,CAAC;AAIV,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,gBAAgB,KAAG;CACrC,CAAC"}

package/dist/src/design_system/tokens/shadows.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=shadows.stories.d.ts.map

package/dist/src/design_system/tokens/shadows.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.stories.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/shadows.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;wBAmDvD,IAAI;AATT,wBASU;AAEV,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/design_system/tokens/shadows.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { theme } from '../theme.js';
+import { shadows } from './shadows.js';
+const ShadowsShowcase = () => (_jsx("div", { style: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(6, 1fr)',
+        gap: '16px',
+        padding: '20px',
+        backgroundColor: theme.color.neutral.background,
+    }, children: Object.entries(shadows).map(([key, value]) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '6px' }, children: [_jsx("div", { style: {
+                    width: '60px',
+                    height: '60px',
+                    backgroundColor: theme.color.neutral.cardBackground,
+                    border: `1px solid ${theme.color.neutral.border}`,
+                    borderRadius: theme.radius.radius8,
+                    boxShadow: value,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    color: theme.color.neutral.text,
+                    fontSize: '11px',
+                    fontWeight: 'bold',
+                } }), _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("div", { style: { fontSize: '12px', color: theme.color.neutral.text, fontWeight: '500' }, children: key }), _jsx("div", { style: { fontSize: '10px', color: theme.color.neutral.textMuted, fontFamily: 'monospace' }, children: value })] })] }, key))) }));
+export default {
+    title: 'Design Tokens/Shadows',
+    component: ShadowsShowcase,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=3295-4467&t=qBdt7hpVWImfc9T3-1',
+        },
+    },
+};
+export const Default = {
+    render: () => _jsx(ShadowsShowcase, {}),
+};
+//# sourceMappingURL=shadows.stories.js.map

package/dist/src/design_system/tokens/shadows.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.stories.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/shadows.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC1B,cACI,KAAK,EAAE;QACH,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,gBAAgB;QACrC,GAAG,EAAE,MAAM;QACX,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;KAClD,YAEA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC3C,eAAe,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAChG,cACI,KAAK,EAAE;oBACH,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;oBACnD,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;oBACjD,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;oBAClC,SAAS,EAAE,KAAK;oBAChB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;oBAC/B,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;iBACrB,GACH,EACF,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAC/B,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,GAAG,GAAO,EACjG,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAG,KAAK,GAAO,IAC5G,KApBA,GAAG,CAqBP,CACT,CAAC,GACA,CACT,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wHAAwH;SAChI;KACJ;CACI,CAAC;AAIV,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,KAAG;CACpC,CAAC"}

package/dist/src/design_system/tokens/spaces.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { spaces } from './spaces.js';
+declare const SpacesShowcase: ({ space }: {
+    space: keyof typeof spaces;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: Meta<typeof SpacesShowcase>;
+export default _default;
+type Story = StoryObj<typeof SpacesShowcase>;
+export declare const Default: Story;
+//# sourceMappingURL=spaces.stories.d.ts.map

package/dist/src/design_system/tokens/spaces.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.stories.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/spaces.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,QAAA,MAAM,cAAc,cAAe;IAAE,KAAK,EAAE,MAAM,OAAO,MAAM,CAAA;CAAE,4CAmGhE,CAAC;wBAkBG,IAAI,CAAC,OAAO,cAAc,CAAC;AAhBhC,wBAgBiC;AAEjC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/src/design_system/tokens/spaces.stories.js

@@ -0,0 +1,92 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { theme } from '../theme.js';
+import { spaces } from './spaces.js';
+const SpacesShowcase = ({ space }) => {
+    const value = spaces[space];
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '16px',
+            padding: '20px',
+            backgroundColor: theme.color.neutral.background,
+            minHeight: '80vh',
+            justifyContent: 'center',
+            alignItems: 'center',
+        }, children: [_jsxs("div", { style: { fontSize: '18px', color: theme.color.neutral.text, fontWeight: '600' }, children: [space, ": ", value] }), _jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: '12px',
+                    backgroundColor: theme.color.neutral.cardBackground,
+                    border: `1px solid ${theme.color.neutral.border}`,
+                    borderRadius: theme.radius.radius8,
+                }, children: [_jsx("div", { style: {
+                            width: '50px',
+                            height: '50px',
+                            backgroundColor: theme.color.neutral.background,
+                            border: `1px solid ${theme.color.neutral.border}`,
+                            borderRadius: theme.radius.radius4,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontSize: '12px',
+                            fontWeight: '500',
+                            color: theme.color.neutral.text,
+                        }, children: "Card 1" }), _jsx("div", { style: {
+                            width: value,
+                            height: '50px',
+                            backgroundColor: 'rgba(239, 68, 68, 0.1)',
+                            borderRadius: '0',
+                        } }), _jsx("div", { style: {
+                            width: '50px',
+                            height: '50px',
+                            backgroundColor: theme.color.neutral.background,
+                            border: `1px solid ${theme.color.neutral.border}`,
+                            borderRadius: theme.radius.radius4,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontSize: '12px',
+                            fontWeight: '500',
+                            color: theme.color.neutral.text,
+                        }, children: "Card 2" }), _jsx("div", { style: {
+                            width: value,
+                            height: '50px',
+                            backgroundColor: 'rgba(239, 68, 68, 0.1)',
+                            borderRadius: '0',
+                        } }), _jsx("div", { style: {
+                            width: '50px',
+                            height: '50px',
+                            backgroundColor: theme.color.neutral.background,
+                            border: `1px solid ${theme.color.neutral.border}`,
+                            borderRadius: theme.radius.radius4,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontSize: '12px',
+                            fontWeight: '500',
+                            color: theme.color.neutral.text,
+                        }, children: "Card 3" })] })] }));
+};
+export default {
+    title: 'Design Tokens/Spaces',
+    component: SpacesShowcase,
+    argTypes: {
+        space: {
+            control: 'select',
+            options: Object.keys(spaces),
+            defaultValue: 'space8',
+        },
+    },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=1425-7789&t=qBdt7hpVWImfc9T3-1',
+        },
+    },
+};
+export const Default = {
+    args: {
+        space: 'space32',
+    },
+};
+//# sourceMappingURL=spaces.stories.js.map

package/dist/src/design_system/tokens/spaces.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.stories.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/spaces.stories.tsx"],"names":[],"mappings":"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"}