@apify/ui-library 1.112.4 → 1.113.0

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

@@ -1,37 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,92 +0,0 @@
-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

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