@soul-refiner/design-system 0.1.33 → 0.1.34

package/dist/components/surfaces/accordion/accordion.stories.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { P } from 'components';
-import { Accordion } from './accordion';
-const meta = {
-    title: 'Surfaces/Accordion',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => (React.createElement(Accordion, { ...args }, [1, 2, 3, 4].map((item) => (React.createElement(Accordion.Item, { key: item, sx: "max-width: 464px; padding: 0px 16px 16px 16px;", trigger: React.createElement(P, null, "Accordion title") },
-    React.createElement(P, null, "Assertively build functional intellectual capital via distinctive niche markets. Professionally provide access to leveraged e-commerce after professional users. Collaboratively network high."))))));
-export const Default = Story.bind({});
-Default.args = {
-    sx: 'max-width: 464px;',
-};
-export default meta;

package/dist/components/surfaces/comment/comment.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { CommentProps } from './comment';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<CommentProps, "content" | "createdDate" | "userImageUri" | "userName" | "userProfileUri">>;
-export default meta;

package/dist/components/surfaces/comment/comment.stories.js

@@ -1,82 +0,0 @@
-import React from 'react';
-import { Comment } from './comment';
-const meta = {
-    title: 'Surfaces/Comment',
-};
-const Story = (args) => {
-    const [reactions, setReactions] = React.useState({
-        '✋': 12,
-        '👋': 1,
-        '💯': 501,
-        '😀': 6,
-        '😁': 1,
-        '😃': 8,
-        '😊': 2,
-        '😎': 7,
-        '🤚': 2,
-        '🤣': 24,
-        '🫲': 15,
-        '🫳': 1,
-    });
-    const [userReactions, setUserReactions] = React.useState(['💯']);
-    const handleReaction = (reaction) => {
-        setReactions((prev) => ({
-            ...prev,
-            [reaction]: prev?.[reaction] ? prev[reaction] + 1 : 1,
-        }));
-        setUserReactions((prev) => {
-            if (prev.includes(reaction)) {
-                return prev.filter((item) => item !== reaction);
-            }
-            else {
-                return [...prev, reaction];
-            }
-        });
-    };
-    return (React.createElement(Comment, { onCommentClick: () => undefined, onReact: handleReaction, replies: [
-            {
-                content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempus, leo, id mi proin aenean gravida. Suspendisse auctor rutrum porttitor viverra convallis neque. Ipsum, aliquet sed laoreet tincidunt.',
-                createdDate: new Date(new Date('16 June 2023').getTime() - 500024),
-                onCommentClick: () => undefined,
-                onReact: () => undefined,
-                reactions: {
-                    '✋': 12,
-                    '👋': 1,
-                    '💯': 501,
-                    '😀': 6,
-                    '😁': 1,
-                    '😃': 8,
-                    '😊': 2,
-                    '😎': 7,
-                    '🤚': 2,
-                    '🤣': 24,
-                    '🫲': 15,
-                    '🫳': 1,
-                },
-                replies: [
-                    {
-                        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempus, leo, id mi proin aenean gravida. Suspendisse auctor rutrum porttitor viverra convallis neque. Ipsum, aliquet sed laoreet tincidunt.',
-                        createdDate: new Date(new Date('16 June 2023').getTime() - 500024),
-                        onCommentClick: () => undefined,
-                        onReact: () => undefined,
-                        userName: 'Bohdan Popkov',
-                        userImageUri: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-                        userProfileUri: '#',
-                    },
-                ],
-                userName: 'Bohdan Popkov',
-                userImageUri: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-                userProfileUri: '#',
-            },
-        ], reactions: reactions, userReactions: userReactions, ...args }));
-};
-export const Default = Story.bind({});
-Default.argTypes = {};
-Default.args = {
-    content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempus, leo, id mi proin aenean gravida. Suspendisse auctor rutrum porttitor viverra convallis neque. Ipsum, aliquet sed laoreet tincidunt.',
-    createdDate: new Date('June 6, 2023'),
-    userName: 'Bohdan Popkov',
-    userImageUri: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-    userProfileUri: '#',
-};
-export default meta;

package/dist/components/surfaces/drawer/drawer.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { DrawerProps } from './drawer';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
-export default meta;

package/dist/components/surfaces/drawer/drawer.stories.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Button, H, P } from 'components';
-import { Drawer } from './drawer';
-const meta = {
-    title: 'Surfaces/Drawer',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Header = styled.div `
-  height: 60px;
-  padding: 16px 24px;
-`;
-const Footer = styled.div `
-  height: 60px;
-  padding: 16px 24px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 8px;
-`;
-const Content = styled.div `
-  margin: 32px 0px;
-  padding: 16px;
-  border-radius: 8px;
-  background-color: var(--color-white);
-`;
-const Story = (args) => (React.createElement(Drawer, { ...args },
-    React.createElement(Drawer.Trigger, null,
-        React.createElement(Button, null, "Open Drawer")),
-    React.createElement(Drawer.Header, null,
-        React.createElement(Header, null,
-            React.createElement(H.Six, { "$bold": true }, "Let\u2019s setup your community!"),
-            React.createElement(P, null, "This just takes a few minutes."))),
-    React.createElement(Drawer.Content, null,
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes.")),
-        React.createElement(Content, null,
-            React.createElement(P, null, "This just takes a few minutes."),
-            React.createElement(P, null, "This just takes a few minutes."))),
-    React.createElement(Drawer.Footer, null,
-        React.createElement(Footer, null,
-            React.createElement(Drawer.Trigger, null,
-                React.createElement(Button, { size: "small", type: "outlined" }, "Cancel")),
-            React.createElement(Button, { size: "small" }, "Create")))));
-export const Default = Story.bind({});
-Default.args = {};
-export default meta;

package/dist/components/surfaces/message/message.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { MessageProps } from './message';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MessageProps>;
-export default meta;

package/dist/components/surfaces/message/message.stories.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Message } from './message';
-const meta = {
-    title: 'Surfaces/Message',
-};
-const Wrapper = styled.div `
-  max-width: 1200px;
-  margin: 0px auto;
-`;
-const Story = () => (React.createElement(Wrapper, null,
-    React.createElement(Message, { messages: [
-            {
-                content: 'There should be a max quote bubble of 330 px, then it should wrap to the next line like this. And then if you type more it should just keep wrapping.',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: '',
-                senderHref: '#',
-                senderId: 'user1',
-                senderName: 'You',
-            },
-            {
-                content: 'There should be a max quote bubble of 330 px, then it should wrap to the next line like this. And then if you type more it should just keep wrapping.',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: '',
-                senderHref: '#',
-                senderId: 'user1',
-                senderName: 'You',
-            },
-            {
-                content: 'A shorter response.',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-                senderHref: '#',
-                senderId: 'user2',
-                senderName: 'Ben Merritt',
-            },
-            {
-                content: 'There should be a max quote bubble of 330 px, then it should wrap to the next line like this. And then if you type more it should just keep wrapping.',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-                senderHref: '#',
-                senderId: 'user2',
-                senderName: 'Ben Merritt',
-            },
-            {
-                content: 'ok',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-                senderHref: '#',
-                senderId: 'user2',
-                senderName: 'Ben Merritt',
-            },
-            {
-                content: 'There should be a max quote bubble of 330 px, then it should wrap to the next line like this. And then if you type more it should just keep wrapping.',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: '',
-                senderHref: '#',
-                senderId: 'user1',
-                senderName: 'You',
-            },
-            {
-                content: 'There should be a max quote bubble of 330 px, then it should wrap to the next line like this. And then if you type more it should just keep wrapping.',
-                createdDate: new Date('16 June 2023'),
-                senderAvatarURI: '',
-                senderHref: '#',
-                senderId: 'user1',
-                senderName: 'You',
-            },
-        ], userId: "user1" })));
-export const Default = Story.bind({});
-export default meta;

package/dist/components/surfaces/modal/modal.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ModalProps } from './modal';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;
-export default meta;

package/dist/components/surfaces/modal/modal.stories.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Box, Button, H, P } from 'components';
-import { Modal } from './modal';
-const meta = {
-    title: 'Surfaces/Modal',
-};
-const Story = (args) => (React.createElement(Modal, { ...args },
-    React.createElement(Modal.Trigger, null,
-        React.createElement(Button, null, "Open Modal")),
-    React.createElement(Modal.Content, { footer: React.createElement(Box, { "$display": "flex", "$justify": "center", "$gap": 16, sx: "position: relative; width: 100%;" },
-            React.createElement(Button, { fluid: true, size: "small", type: "outlined" }, "Action 1"),
-            React.createElement(Button, { fluid: true, size: "small" }, "Action 2")), header: React.createElement(H, { "$bold": true, "$color": "grey-2", "$fontSize": 20 }, "This is a header") },
-        React.createElement(Box, { "$align": "flex-start", "$display": "flex", "$dir": "column", "$gap": 32, sx: "width: 500px" },
-            React.createElement(P, { "$textClampLines": 10 }, "Assertively synthesize diverse value after enterprise data. Authoritatively embrace enterprise \"outside the box\" thinking without excellent imperatives. Rapidiously scale multidisciplinary innovation before proactive total linkage"),
-            React.createElement(Modal.Dismiss, null,
-                React.createElement(Button, null, "Dismiss"))))));
-export const Default = Story.bind({});
-export default meta;

package/dist/components/table/table/table.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { TableProps } from './table';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TableProps>;
-export default meta;

package/dist/components/table/table/table.stories.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Table } from './table';
-const meta = {
-    title: 'Table/Table',
-};
-const Story = (args) => (React.createElement(Table, { ...args, sx: "min-width: 650px;" },
-    React.createElement(Table.Head, null,
-        React.createElement(Table.Row, null,
-            React.createElement(Table.HeaderCell, { width: 4, textAlign: "left" }, "Period"),
-            React.createElement(Table.HeaderCell, { width: 2, textAlign: "center" }, "Payments"),
-            React.createElement(Table.HeaderCell, { width: 2, textAlign: "center" }, "Revenue"),
-            React.createElement(Table.HeaderCell, { width: 2, textAlign: "center" }, "Refunds"),
-            React.createElement(Table.HeaderCell, { width: 2, textAlign: "center" }, "Products"))),
-    React.createElement(Table.Body, null,
-        React.createElement(Table.Row, { href: "#" },
-            React.createElement(Table.Cell, { lines: 1 }, "May 12, 2022 - May 19, 2022"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "1"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "$199.99"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "1"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "11")),
-        React.createElement(Table.Row, { href: "#" },
-            React.createElement(Table.Cell, { lines: 1 }, "May 12, 2022 - May 19, 2022"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "21"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "$19.99"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "1"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "196")),
-        React.createElement(Table.Row, { href: "#" },
-            React.createElement(Table.Cell, { lines: 1 }, "May 12, 2022 - May 19, 2022"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "27"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "$9.99"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "0"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "19")),
-        React.createElement(Table.Row, { disabled: true, href: "#" },
-            React.createElement(Table.Cell, { lines: 1 }, "May 12, 2022 - May 19, 2022"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "27"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "$9.99"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "0"),
-            React.createElement(Table.Cell, { textAlign: "center" }, "19")))));
-export const Default = Story.bind({});
-Default.args = {
-    compact: false,
-    separated: false,
-    striped: false,
-};
-export default meta;