@soul-refiner/design-system 2.5.0-alpha.5 → 2.5.0-alpha.7

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

@@ -1,88 +0,0 @@
-import React from 'react';
-import { Tabs } from './tabs';
-import { Folder } from '../../../icons';
-const meta = {
-    title: 'Navigation/Tabs',
-    argTypes: {
-        size: {
-            options: ['large', 'medium', 'small'],
-            control: 'select',
-        },
-    },
-};
-// eslint-disable-next-line
-const Story = (args) => {
-    const [activeIndex, setActiveIndex] = React.useState(0);
-    return (React.createElement(Tabs, { activeIndex: activeIndex, onChange: (number) => setActiveIndex(number), items: [
-            {
-                label: 'Tab Title',
-            },
-            {
-                label: 'Tab Title',
-            },
-            {
-                label: 'Tab Title',
-            },
-            {
-                label: 'Tab Title',
-            },
-        ], ...args }));
-};
-export const Default = Story.bind({});
-const StoryWithIcons = (args) => {
-    const [activeIndex, setActiveIndex] = React.useState(0);
-    return (React.createElement(Tabs, { activeIndex: activeIndex, onChange: (number) => setActiveIndex(number), items: [
-            {
-                color: 'blue',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'green',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'mint',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'ocean',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'orange',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'pink',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'purple',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'red',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                color: 'yellow',
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-            {
-                disabled: true,
-                icon: React.createElement(Folder, null),
-                label: 'Tab Title',
-            },
-        ], ...args }));
-};
-export const Icons = StoryWithIcons.bind({});
-export default meta;

package/dist/src/components/surfaces/accordion/accordion.stories.d.ts

@@ -1,6 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { AccordionProps } from './accordion';
-declare const meta: Meta;
-declare const Story: StoryFn<AccordionProps>;
-export declare const Default: typeof Story;
-export default meta;

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

@@ -1,17 +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 = {
-    defaultOpen: 1,
-    sx: 'max-width: 464px;',
-};
-export default meta;

package/dist/src/components/surfaces/calendar_date/calendar_date.stories.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { CalendarDate } from './calendar_date';
-const meta = {
-    title: 'Surfaces/CalendarDate',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => {
-    return React.createElement(CalendarDate, { ...args });
-};
-export const Default = Story.bind({});
-Default.args = {
-    monthAbbreviation: 'NOV',
-    date: 4,
-    dayOfWeek: 'Monday',
-    isDisabled: false,
-    startTime: '12:00 PM',
-    endTime: '1:00 PM',
-};
-export default meta;

package/dist/src/components/surfaces/carousel/card/card.stories.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { CardCarousel } from './card';
-import { Box, P } from '../../../atoms';
-import { Avatar } from '../../../iconography';
-import { Card } from '../../../card';
-const meta = {
-    title: 'Carousel/Card Carousel',
-    args: {
-        scrollDistance: 800,
-        sx: 'margin-top: 48px;',
-    },
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-const AudioExample = () => (React.createElement(Card, { type: "audio-episode", content: "The Conquer Series, unrivaled in its scope and authority, lays out the process to permanently stop watching porn with proven strategies and tools that have helped thousands and lorem ipsum il dunc morem estem link", cta: React.createElement(Box, { "$dir": "column" },
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Watch with Soul Refiner"),
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Rent $129")), image: "https://f005.backblazeb2.com/file/sr-platform/card.jpg", logo: React.createElement(Avatar, { as: "div", image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 }), numRating: 15, rating: 66, subtitle: "6 ep", supportLabel: "Text", title: "Legacy" }));
-const VideoExample = () => (React.createElement(Card, { actions: [], content: "The Conquer Series, unrivaled in its scope and authority, lays out the process to permanently stop watching porn with proven strategies and tools that have helped thousands and lorem ipsum il dunc morem estem link", cta: React.createElement(Box, { "$dir": "row", "$justify": "space-between", sx: "width: 100%;" },
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Watch with Soul Refiner"),
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Rent $129")), image: "https://f005.backblazeb2.com/file/sr-platform/card.jpg", logo: React.createElement(Avatar, { as: "div", image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 }), numRating: 15, rating: 66, subtitle: "by Soul Refiner", supportLabel: "6 episodes", title: "Warpath", type: "video-episode" }));
-const WrittenExample = () => (React.createElement(Card, { type: "written-episode", actions: [], content: "The Conquer Series, unrivaled in its scope and authority, lays out the process to permanently stop watching porn with proven strategies and tools that have helped thousands and lorem ipsum il dunc morem estem link", cta: React.createElement(Box, { "$dir": "column" },
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Watch with Soul Refiner"),
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Rent $129")), image: "https://f005.backblazeb2.com/file/sr-platform/card.jpg", logo: React.createElement(Avatar, { as: "div", image: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", size: 40 }), numRating: 15, rating: 66, subtitle: "6 ep", supportLabel: "Text", title: "Legacy" }));
-const Story = (args) => (React.createElement(CardCarousel, { ...args },
-    React.createElement(AudioExample, null),
-    React.createElement(VideoExample, null),
-    React.createElement(WrittenExample, null),
-    React.createElement(AudioExample, null),
-    React.createElement(AudioExample, null),
-    React.createElement(WrittenExample, null),
-    React.createElement(AudioExample, null),
-    React.createElement(VideoExample, null),
-    React.createElement(WrittenExample, null),
-    React.createElement(AudioExample, null),
-    React.createElement(AudioExample, null),
-    React.createElement(WrittenExample, null)));
-export const Default = Story.bind({});
-export default meta;

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

@@ -1,80 +0,0 @@
-import React from 'react';
-import { Comment } from './comment';
-import { Button, Dropdown } from 'components/actions';
-import { EllipsisHorizontal } from 'icons';
-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, { onComment: () => undefined, onReact: handleReaction, hasMoreReplies: true, dropdown: React.createElement(Dropdown, { trigger: React.createElement(Button, { icon: React.createElement(EllipsisHorizontal, null), type: "special" }) }), replies: [
-            React.createElement(Comment, { key: 123124, 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), onComment: () => undefined, onReact: () => undefined, reactions: {
-                    '✋': 12,
-                    '👋': 1,
-                    '💯': 501,
-                    '😀': 6,
-                    '😁': 1,
-                    '😃': 8,
-                    '😊': 2,
-                    '😎': 7,
-                    '🤚': 2,
-                    '🤣': 24,
-                    '🫲': 15,
-                    '🫳': 1,
-                }, userName: "Bohdan Popkov", userImageUri: "https://f005.backblazeb2.com/file/sr-platform/avatar.jpg", userProfileUri: "#" }),
-            React.createElement(Comment, { key: 123125, 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), onComment: () => undefined, onReact: () => undefined, reactions: {
-                    '✋': 12,
-                    '👋': 1,
-                    '💯': 501,
-                    '😀': 6,
-                    '😁': 1,
-                    '😃': 8,
-                    '😊': 2,
-                    '😎': 7,
-                    '🤚': 2,
-                    '🤣': 24,
-                    '🫲': 15,
-                    '🫳': 1,
-                }, replies: [
-                    React.createElement(Comment, { 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), onComment: () => 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/src/components/surfaces/discuss_post/discuss_post.stories.d.ts

@@ -1,6 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { DiscussPostProps } from './discuss_post';
-declare const meta: Meta;
-declare const Story: StoryFn<Omit<DiscussPostProps, 'content'>>;
-export declare const Default: typeof Story;
-export default meta;

package/dist/src/components/surfaces/discuss_post/discuss_post.stories.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { useState } from '@storybook/preview-api';
-import { DiscussPost } from './discuss_post';
-import { Button } from '../../../components/actions/button/button';
-import { Reply } from '../../../icons/arrow/reply';
-import { EllipsisHorizontal } from '../../../icons/basic/ellipsis_horizontal';
-import { Pencil } from '../../../icons/basic/pencil';
-import { EmojiAdd } from '../../../icons/emoji/emoji_add';
-const meta = {
-    title: 'Surfaces/DiscussPost',
-    parameters: {
-        layout: 'padded',
-    },
-};
-const DEFAULT_CONTENT = `I'm fascinated by the power of data to solve complex problems and reveal hidden insights. I combine my expertise in statistics, machine learning, and programming to build innovative solutions across various industries. 
-In my free time, I enjoy volunteering with organizations that leverage data science for social good, like predicting disease outbreaks and optimizing disaster relief efforts.`;
-const Story = (args) => {
-    const [content, setContent] = useState(DEFAULT_CONTENT);
-    return (React.createElement(DiscussPost, { content: content, handleContentChange: setContent, ...args }));
-};
-export const Default = Story.bind({});
-Default.args = {
-    avatarSx: '',
-    createdDate: new Date(new Date().getTime() - 360000000),
-    editActions: (React.createElement(React.Fragment, null,
-        React.createElement(Button, { icon: React.createElement(EmojiAdd, { size: 24 }), sx: "box-shadow: none; background-color: var(--color-grey-10);", type: "raised" }),
-        React.createElement(Button, { size: "small", type: "outlined" }, "Cancel"),
-        React.createElement(Button, { size: "small", sx: "margin-right: 4px;" }, "Save"))),
-    editing: false,
-    firstNewPost: false,
-    id: '7',
-    popupActions: (React.createElement(React.Fragment, null,
-        React.createElement(Button, { icon: React.createElement(EmojiAdd, { size: 20 }), size: "small", sx: "border-radius: 4px;", type: "raised" }),
-        React.createElement(Button, { icon: React.createElement(Reply, { size: 20 }), size: "small", sx: "border-radius: 4px;", type: "raised" }),
-        React.createElement(Button, { icon: React.createElement(Pencil, { size: 20 }), size: "small", sx: "border-radius: 4px;", type: "raised" }),
-        React.createElement(Button, { icon: React.createElement(EllipsisHorizontal, { size: 20 }), size: "small", sx: "border-radius: 4px;", type: "raised" }))),
-    reactions: {
-        '✋': 12,
-        '👋': 1,
-        '💯': 501,
-        '😀': 6,
-        '😁': 1,
-        '😃': 8,
-        '😊': 2,
-        '😎': 7,
-        '🤚': 2,
-        '🤣': 24,
-        '🫲': 15,
-        '🫳': 1,
-    },
-    replyContent: `I'm fascinated by the power of data to solve complex problems and reveal hidden insights. I combine my expertise in statistics, machine learning, and programming to build innovative solutions across various industries. 
-  In my free time, I enjoy volunteering with organizations that leverage data science for social good, like predicting disease outbreaks and optimizing disaster relief efforts.`,
-    replyUserHref: '#',
-    replyUserImageUri: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-    replyUserName: 'Ben Merritt',
-    sx: 'margin-top: 150px;',
-    userHref: '#',
-    userImageUri: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-    userName: 'Ben Merritt',
-    userReactions: ['💯'],
-};
-export default meta;

package/dist/src/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/src/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/src/components/surfaces/modal/modal.stories.js

@@ -1,21 +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({});
-Default.args = {
-    alwaysRender: false,
-};
-export default meta;

package/dist/src/components/surfaces/post/post.stories.d.ts

@@ -1,6 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { PostProps } from './post';
-declare const meta: Meta;
-declare const Story: StoryFn<Omit<PostProps, 'children' | 'actions' | 'dropdown'>>;
-export declare const Default: typeof Story;
-export default meta;

package/dist/src/components/surfaces/post/post.stories.js

@@ -1,69 +0,0 @@
-import React from 'react';
-import { styled } from 'styled-components';
-import { Post } from './post';
-import { Comment } from '../comment';
-import { Button } from '../../actions/button';
-import { Dropdown } from '../../actions/dropdown';
-import { ThumbsUp, Comment as CommentIcon, EllipsisHorizontal, ForwardBold, } from '../../../icons';
-const meta = {
-    title: 'Surfaces/Post',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Action = styled.button `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-family: var(--font-inter);
-  font-size: 14px;
-  line-height: 20px;
-  color: var(--color-grey-4);
-  background-color: transparent;
-  outline: none;
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-`;
-const Story = (args) => {
-    const [showComments, setShowComments] = React.useState(false);
-    return (React.createElement(Post, { actions: [
-            React.createElement(Action, null,
-                React.createElement(ThumbsUp, { color: "primary-blue-2", size: 24 }),
-                "25 Likes"),
-            React.createElement(Action, { onClick: () => setShowComments((prev) => !prev) },
-                React.createElement(CommentIcon, { color: "primary-blue-2", size: 24 }),
-                "25 Comments"),
-            React.createElement(Action, null,
-                React.createElement(ForwardBold, { color: "primary-blue-2", size: 24 }),
-                "25 Comments"),
-        ], dropdown: React.createElement(Dropdown, { trigger: React.createElement(Button, { icon: React.createElement(EllipsisHorizontal, null), type: "special" }) }), ...args }, showComments && (React.createElement(React.Fragment, null,
-        React.createElement(Comment, { 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: "#", onComment: () => undefined, onReact: () => undefined, reactions: {
-                '✋': 12,
-                '👋': 1,
-                '💯': 501,
-            }, userReactions: ['💯'] }),
-        React.createElement(Comment, { 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: "#", onComment: () => undefined, onReact: () => undefined, reactions: {
-                '✋': 12,
-                '👋': 1,
-                '💯': 501,
-            }, userReactions: [] })))));
-};
-export const Default = Story.bind({});
-Default.args = {
-    author: 'Ben Merritt',
-    authorHref: '#',
-    isPaidUser: true,
-    authorImage: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-    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('2 August 2023').toISOString(),
-    images: [
-        'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-        'https://f005.backblazeb2.com/file/sr-platform/Header+banner.jpg',
-        'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-        'https://f005.backblazeb2.com/file/sr-platform/conquer-series-banner.jpg',
-        'https://f005.backblazeb2.com/file/sr-platform/community-avatar.png',
-    ],
-    isPaywalled: false,
-};
-export default meta;

package/dist/src/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;