@soul-refiner/design-system 0.1.32 → 0.1.34

package/dist/components/atoms/typography/typography.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta } from '@storybook/react';
-import { DisplayProps } from './display';
-import { HeadingProps } from './heading';
-import { ParagraphProps } from './paragraph';
-declare const meta: Meta;
-export declare const Display: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DisplayProps>;
-interface HeadingStoryProps extends HeadingProps {
-    type: 'One' | 'Two' | 'Three' | 'Four' | 'Five' | 'Six' | 'Seven' | 'Eight';
-}
-export declare const Heading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, HeadingStoryProps>;
-export declare const Paragraph: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ParagraphProps>;
-export default meta;

package/dist/components/atoms/typography/typography.stories.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import { COLORS } from 'common';
-import { Display as DisplayComponent } from './display';
-import { H } from './heading';
-import { P } from './paragraph';
-const meta = {
-    title: 'Atoms/Typography',
-    argTypes: {
-        as: {
-            control: 'none',
-        },
-        $color: {
-            type: 'string',
-            options: COLORS,
-            control: 'select',
-        },
-        $bold: {
-            control: 'inline-radio',
-            options: [false, true],
-        },
-        $semiBold: {
-            control: 'inline-radio',
-            options: [false, true],
-        },
-        $mediumBold: {
-            control: 'inline-radio',
-            options: [false, true],
-        },
-        $italic: {
-            control: 'inline-radio',
-            options: [false, true],
-        },
-        $textAlign: {
-            type: 'string',
-            options: ['left', 'center', 'right', 'justify'],
-            control: 'select',
-        },
-        $strikethrough: {
-            control: 'inline-radio',
-            options: [false, true],
-        },
-        $underline: {
-            control: 'inline-radio',
-            options: [false, true],
-        },
-    },
-    args: {
-        children: 'This is some text',
-        $color: 'grey-3',
-        $bold: false,
-        $semiBold: false,
-        $mediumBold: false,
-        $italic: false,
-        $textAlign: 'left',
-        $strikethrough: false,
-        $underline: false,
-    },
-    parameters: {
-        layout: 'fullscreen',
-    },
-};
-const DisplayStory = (args) => (React.createElement(DisplayComponent, { ...args }));
-export const Display = DisplayStory.bind({});
-const HStory = ({ type, ...args }) => {
-    const Component = type === 'One'
-        ? H.One
-        : type === 'Two'
-            ? H.Two
-            : type === 'Three'
-                ? H.Three
-                : type === 'Four'
-                    ? H.Four
-                    : type === 'Five'
-                        ? H.Five
-                        : type === 'Six'
-                            ? H.Six
-                            : type === 'Seven'
-                                ? H.Seven
-                                : H.Eight;
-    return React.createElement(Component, { ...args });
-};
-export const Heading = HStory.bind({});
-Heading.args = {
-    type: 'One',
-};
-Heading.argTypes = {
-    type: {
-        type: 'string',
-        defaultValue: 'One',
-        options: ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight'],
-        control: 'select',
-    },
-};
-const PStory = (args) => React.createElement(P, { ...args });
-export const Paragraph = PStory.bind({});
-export default meta;

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

@@ -1,18 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { CardProps } from './card';
-/************************************************************************
- * Global config
- */
-declare const meta: Meta;
-/************************************************************************
- * Pages
- */
-export declare const Action: StoryFn<CardProps>;
-export declare const AudioEpisode: StoryFn<CardProps>;
-export declare const Feature: StoryFn<CardProps>;
-export declare const Person: StoryFn<CardProps>;
-export declare const Price: StoryFn<CardProps>;
-export declare const Regular: StoryFn<CardProps>;
-export declare const VideoEpisode: StoryFn<CardProps>;
-export declare const WrittenEpisode: StoryFn<CardProps>;
-export default meta;

package/dist/components/card/card.stories.js

@@ -1,284 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Card } from './card';
-import { Avatar, Box, Button, H, P } from 'components';
-import { Calendar, Clock, ForwardBold, GraduationCap, Play, Plus } from 'icons';
-/************************************************************************
- * Global config
- */
-const meta = {
-    title: 'Cards/Card',
-    parameters: {
-        layout: 'centered',
-    },
-};
-/************************************************************************
- * Example styled components
- */
-const Logo = styled.img `
-  border-radius: 50%;
-  width: 56px;
-  height: 56px;
-`;
-const IconButton = styled.button `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: none;
-  outline: none;
-  background-color: var(--color-white);
-  border-radius: 50%;
-  padding: 0px;
-  margin: 0px;
-  cursor: pointer;
-  &:hover {
-    background-color: var(--color-grey-10);
-  }
-`;
-/************************************************************************
- * Story function
- */
-const Story = (args) => React.createElement(Card, { ...args });
-/************************************************************************
- * Pages
- */
-export const Action = Story.bind({});
-Action.argTypes = {
-    actions: {
-        control: 'none',
-    },
-    logo: {
-        control: 'none',
-    },
-};
-Action.args = {
-    type: 'action',
-    editable: true,
-    href: '#',
-    actions: (React.createElement(Button, { size: "small", sx: "flex:1;" }, "Button")),
-    content: 'A group about the freedom we have in Christ. This is a short description about this group',
-    image: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-    logo: (React.createElement(Logo, { src: "https://f005.backblazeb2.com/file/sr-platform/logo.png", alt: "" })),
-    subtitle: '14 connections in common',
-    sx: 'width: 310px',
-    title: 'Card Label',
-};
-export const AudioEpisode = Story.bind({});
-AudioEpisode.argTypes = {
-    actions: {
-        control: 'none',
-    },
-    cta: {
-        control: 'none',
-    },
-    logo: {
-        control: 'none',
-    },
-    rating: {
-        type: 'number',
-        control: {
-            type: 'range',
-            min: 0,
-            max: 100,
-            step: 1,
-        },
-    },
-};
-AudioEpisode.args = {
-    type: 'audio-episode',
-    actions: [
-        React.createElement(IconButton, null,
-            React.createElement(Play, null)),
-        React.createElement(IconButton, null,
-            React.createElement(Plus, null)),
-        React.createElement(IconButton, null,
-            React.createElement(ForwardBold, null)),
-    ],
-    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',
-};
-export const Feature = Story.bind({});
-Feature.argTypes = {
-    uploadModal: {
-        control: 'none',
-    },
-};
-Feature.args = {
-    type: 'feature',
-    content: 'A group about the freedom we have in Christ. This is a short description about this group',
-    editable: true,
-    href: '#',
-    image: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-    // eslint-disable-next-line
-    onSave: (title, content) => undefined,
-    sx: '',
-    title: 'Card Label',
-    uploadModal: React.createElement(React.Fragment, null),
-};
-export const Person = Story.bind({});
-Person.argTypes = {
-    actions: {
-        control: 'none',
-    },
-    uploadModal: {
-        control: 'none',
-    },
-};
-Person.args = {
-    type: 'person',
-    actions: [
-        React.createElement(Button, { size: "small", sx: "flex:1;", type: "secondary" }, "Button"),
-        React.createElement(Button, { size: "small", sx: "flex:1;" }, "Button"),
-    ],
-    content: 'A group about the freedom we have in Christ. This is a short description about this group',
-    editable: true,
-    href: '#',
-    image: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-    // eslint-disable-next-line
-    onSave: (title, content) => undefined,
-    subtitle: '14 connections in common',
-    sx: '',
-    title: 'Card Label',
-    uploadModal: React.createElement(React.Fragment, null),
-};
-export const Price = Story.bind({});
-Price.argTypes = {
-    actions: {
-        control: 'none',
-    },
-};
-Price.args = {
-    type: 'price',
-    actions: (React.createElement(Button, { size: "small", sx: "flex:1;" }, "Button")),
-    content: 'Credibly reintermediate client focused growth strategies with functional initiatives.',
-    featureTitle: 'Title',
-    features: [
-        '911 people responded',
-        '911 people responded',
-        '911 people responded',
-        '911 people responded',
-        '911 people responded',
-    ],
-    price: '$15.00',
-    title: 'Pro',
-};
-export const Regular = Story.bind({});
-Regular.argTypes = {
-    children: {
-        control: 'none',
-    },
-};
-Regular.args = {
-    type: 'regular',
-    children: (React.createElement(React.Fragment, null,
-        React.createElement(H.Six, { "$textAlign": "center" }, "Card Label"),
-        React.createElement(Box, { "$dir": "column", "$gap": 8 },
-            React.createElement(Box, { "$align": "center", "$gap": 8 },
-                React.createElement(GraduationCap, null),
-                React.createElement(P, null, "911 People responded")),
-            React.createElement(Box, { "$align": "center", "$gap": 8 },
-                React.createElement(Calendar, null),
-                React.createElement(P, null, "911 People responded")),
-            React.createElement(Box, { "$align": "center", "$gap": 8 },
-                React.createElement(Clock, null),
-                React.createElement(P, null, "911 People responded"))))),
-    href: '#',
-    image: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-    sx: 'width: 352px;',
-};
-export const VideoEpisode = Story.bind({});
-VideoEpisode.argTypes = {
-    actions: {
-        control: 'none',
-    },
-    cta: {
-        control: 'none',
-    },
-    logo: {
-        control: 'none',
-    },
-    rating: {
-        type: 'number',
-        control: {
-            type: 'range',
-            min: 0,
-            max: 100,
-            step: 1,
-        },
-    },
-};
-VideoEpisode.args = {
-    actions: [
-        React.createElement(IconButton, null,
-            React.createElement(Play, null)),
-        React.createElement(IconButton, null,
-            React.createElement(Plus, null)),
-        React.createElement(IconButton, null,
-            React.createElement(ForwardBold, null)),
-    ],
-    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',
-};
-export const WrittenEpisode = Story.bind({});
-WrittenEpisode.argTypes = {
-    actions: {
-        control: 'none',
-    },
-    cta: {
-        control: 'none',
-    },
-    logo: {
-        control: 'none',
-    },
-    rating: {
-        type: 'number',
-        control: {
-            type: 'range',
-            min: 0,
-            max: 100,
-            step: 1,
-        },
-    },
-};
-WrittenEpisode.args = {
-    type: 'written-episode',
-    actions: [
-        React.createElement(IconButton, null,
-            React.createElement(Play, null)),
-        React.createElement(IconButton, null,
-            React.createElement(Plus, null)),
-        React.createElement(IconButton, null,
-            React.createElement(ForwardBold, null)),
-    ],
-    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',
-};
-export default meta;

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

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

package/dist/components/editor/editor.stories.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Editor } from './editor';
-const meta = {
-    title: 'Editor/Rich Text Editor',
-    parameters: {
-        layout: 'padded',
-    },
-};
-const Story = (args) => {
-    return React.createElement(Editor, { ...args });
-};
-export const Default = Story.bind({});
-Default.args = {
-    editable: true,
-};
-export default meta;

package/dist/components/feedback/badge/badge.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-import { BadgeProps } from './badge';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BadgeProps & {
-    hasDismissFn?: boolean | undefined;
-}>;
-export default meta;

package/dist/components/feedback/badge/badge.stories.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Badge } from './badge';
-const meta = {
-    title: 'Feedback/Badge',
-    parameters: {
-        layout: 'centered',
-    },
-};
-// eslint-disable-next-line
-const Story = ({ hasDismissFn, 
-// eslint-disable-next-line
-onDismiss, ...args }) => (React.createElement(Badge, { onDismiss: hasDismissFn ? () => undefined : undefined, ...args }, "Badge"));
-export const Default = Story.bind({});
-Default.argTypes = {
-    color: {
-        options: ['blue', 'red', 'green', 'purple', 'orange'],
-        control: 'select',
-    },
-};
-Default.args = {
-    color: 'blue',
-    hasDismissFn: true,
-    dot: true,
-};
-export default meta;

package/dist/components/feedback/banner/banner.stories.d.ts

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

package/dist/components/feedback/banner/banner.stories.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Banner } from './banner';
-const meta = {
-    title: 'Feedback/Banner',
-};
-const Story = (args) => React.createElement(Banner, { ...args });
-export const Default = Story.bind({});
-Default.argTypes = {
-    content: {
-        type: 'string',
-    },
-    href: {
-        type: 'string',
-    },
-    title: {
-        type: 'string',
-    },
-    type: {
-        type: 'string',
-        options: ['error', 'info', 'success', 'warning'],
-        control: 'select',
-    },
-};
-Default.args = {
-    content: 'Notification message.',
-    href: '',
-    title: 'Notification title.',
-    type: 'success',
-};
-Default.parameters = {
-    layout: 'padded',
-};
-export default meta;

package/dist/components/feedback/chip/chip.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ChipProps } from './chip';
-declare const meta: Meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ChipProps & {
-    hasDismissFn?: boolean | undefined;
-}>;
-export default meta;

package/dist/components/feedback/chip/chip.stories.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Chip } from './chip';
-const meta = {
-    title: 'Feedback/Chip',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = ({ hasDismissFn, 
-// eslint-disable-next-line
-onDismiss, ...args }) => (React.createElement(Chip, { onDismiss: hasDismissFn ? () => undefined : undefined, ...args }, "Chips Name"));
-export const Default = Story.bind({});
-Default.argTypes = {
-    color: {
-        options: [
-            'grey',
-            'blue',
-            'red',
-            'green',
-            'turquoise',
-            'purple',
-            'yellow',
-            'orange',
-            'primary-blue',
-        ],
-        control: 'select',
-    },
-    size: {
-        options: ['small', 'large'],
-        control: 'select',
-    },
-};
-Default.args = {
-    color: 'blue',
-    hasDismissFn: true,
-    size: 'large',
-    dot: true,
-};
-export default meta;

package/dist/components/feedback/loader/loader.stories.d.ts

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

package/dist/components/feedback/loader/loader.stories.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Loader } from './loader';
-import { COLORS } from 'common';
-const meta = {
-    title: 'Feedback/Loader',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => React.createElement(Loader, { ...args });
-export const Default = Story.bind({});
-Default.argTypes = {
-    size: {
-        type: 'number',
-        control: {
-            type: 'range',
-            min: 4,
-            max: 64,
-            step: 4,
-        },
-    },
-    color: {
-        type: 'string',
-        options: COLORS,
-        control: 'select',
-    },
-};
-Default.args = {};
-export default meta;

package/dist/components/feedback/notification/notificition.stories.d.ts

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

package/dist/components/feedback/notification/notificition.stories.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Notification } from './notification';
-const meta = {
-    title: 'Feedback/Notification',
-};
-const Story = (args) => (React.createElement(Notification, { sx: "max-width: 480px;", ...args }));
-export const Default = Story.bind({});
-Default.argTypes = {
-    content: {
-        type: 'string',
-    },
-    href: {
-        type: 'string',
-    },
-    title: {
-        type: 'string',
-    },
-    type: {
-        type: 'string',
-        options: ['error', 'info', 'success', 'warning'],
-        control: 'select',
-    },
-};
-Default.args = {
-    content: 'Monotonectally syndicate multifunctional functionalities and low-risk high-yield infrastructures. Continually revolutionize functional channels after user-centric imperatives.',
-    href: '',
-    title: 'Notification title.',
-    type: 'success',
-};
-export default meta;

package/dist/components/feedback/progress/progress.stories.d.ts

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

package/dist/components/feedback/progress/progress.stories.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Progress } from './progress';
-const meta = {
-    title: 'Feedback/Progress Bar',
-    parameters: {
-        layout: 'centered',
-    },
-};
-const Story = (args) => (React.createElement(Progress, { sx: "min-width: 452px;", ...args }));
-export const Default = Story.bind({});
-Default.argTypes = {
-    hasError: {
-        type: 'boolean',
-    },
-    progress: {
-        type: 'number',
-        control: 'range',
-        step: 1,
-    },
-    type: {
-        options: ['compact', 'detailed'],
-        control: 'select',
-    },
-};
-Default.args = {
-    hasError: false,
-    progress: 52,
-    subtitle: 'Support Text',
-    title: 'Title label',
-    type: 'compact',
-};
-export default meta;

package/dist/components/feedback/toast/toast.stories.d.ts

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