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

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

@@ -1,20 +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 declare const Meeting: StoryFn<CardProps>;
-export declare const RowOfCourses: StoryFn<CardProps>;
-export default meta;

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

@@ -1,354 +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 CardInGroup = ({ id, type }) => (React.createElement(Card, { key: id, type: type, content: "Men are giving up Porn because of this... Join over 2 million men in over 100 countries who are learning to live free of porn through the proven strategies and practical tools taught in the Conquer Series.", cta: React.createElement(Box, { "$dir": "column" },
-        React.createElement(P, { "$color": "primary-blue-2", "$mediumBold": true }, "Watch with Soul Refiner")), image: "https://sr-platform.s3.us-east-005.backblazeb2.com/f7a84d1f4e70a940b63d7d6d96beab68.jpg", logo: React.createElement(Avatar, { as: "div", image: "https://f005.backblazeb2.com/file/sr-platform/community-avatar.png", size: 40 }), numRating: 15, rating: 95, subtitle: `6 ep`, supportLabel: "Text", title: "Legacy" }));
-const Story = (args) => React.createElement(Card, { ...args });
-const GroupStory = () => (React.createElement(Box, { "$flow": "row wrap", "$gap": 24 },
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61233", type: "video-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61234", type: "audio-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61235", type: "video-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61236", type: "written-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61213", type: "video-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61224", type: "audio-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61135", type: "audio-episode" }),
-    React.createElement(CardInGroup, { id: "cours_ruel5iwZ5ho78lXlvqc61246", type: "written-episode" })));
-/************************************************************************
- * 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,
-    purchaseText: 'Membership',
-    rating: 66,
-    subtitle: '6 ep',
-    supportLabel: 'Audio',
-    title: 'First Audio Course that is really long',
-};
-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',
-    onDelete: () => undefined,
-    // 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',
-    dotsActions: [
-        {
-            label: 'One value',
-            value: 'one-value',
-            // eslint-disable-next-line
-            onClick: () => console.log('one item'),
-        },
-        {
-            label: 'Another value',
-            value: 'another-value',
-            // eslint-disable-next-line
-            onClick: () => console.log('this is different item'),
-        },
-    ],
-    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.',
-    dotsActions: [
-        {
-            label: 'Delete',
-            value: 'newvalue',
-        },
-        {
-            label: 'Another Option',
-            value: 'anothervalue',
-        },
-    ],
-    featureTitle: 'Title',
-    features: [
-        '911 people responded',
-        '911 people responded',
-        '911 people responded',
-        '911 people responded',
-        '911 people responded',
-    ],
-    label: 'Most Popular',
-    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,
-    purchaseText: 'Membership',
-    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,
-    purchaseText: 'Buy',
-    rating: 66,
-    subtitle: '6 ep',
-    supportLabel: 'Text',
-    title: 'Legacy',
-};
-export const Meeting = Story.bind({});
-Meeting.argTypes = {
-    actions: {
-        control: 'none',
-    },
-    shareModal: {
-        control: 'none',
-    },
-};
-Meeting.args = {
-    type: 'meeting',
-    href: '#',
-    image: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-    actions: (React.createElement(Button, { size: "large", sx: "flex:1;", type: "secondary" }, "Join Meeting")),
-    title: 'Meeting - join immediately',
-    course: 'Warpath',
-    startDate: 'August 26',
-    endDate: 'September 14',
-    startTime: '2:30 PM',
-    endTime: '4:00 PM',
-    location: 'Online',
-    shareModal: React.createElement(React.Fragment, null, "Hello"),
-    // eslint-disable-next-line
-    handleInterestedOnClick: () => { },
-    // eslint-disable-next-line
-    handleNotInterestedOnClick: () => { },
-    // eslint-disable-next-line
-    handleVisibleToConnectionsOnClick: () => { },
-};
-export const RowOfCourses = GroupStory.bind({});
-export default meta;

package/dist/src/components/custom/courses_selection/courses_selection.stories.d.ts

@@ -1,5 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { CoursesSelectionProps } from './courses_selection';
-declare const meta: Meta;
-export declare const DefaultStory: StoryFn<CoursesSelectionProps>;
-export default meta;

package/dist/src/components/custom/courses_selection/courses_selection.stories.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { CoursesSelection } from './courses_selection';
-const meta = {
-    title: 'Custom/CoursesSelection',
-    args: {
-        closeOnBlur: true,
-    },
-    argTypes: {
-        closeOnBlur: {
-            type: 'boolean',
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: 'light',
-        },
-        layout: 'centered',
-    },
-};
-const Default = ({ closeOnBlur }) => {
-    const [courseIsSelected, setCourseIsSelected] = React.useState({});
-    return (React.createElement(CoursesSelection, { closeOnBlur: closeOnBlur, courses: [
-            {
-                id: 'qwertyutrew',
-                name: 'Course one',
-                imageSrc: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-            },
-            {
-                id: 'ckvmkvmfkmfk',
-                name: 'Course two',
-                imageSrc: 'https://f005.backblazeb2.com/file/sr-platform/card.jpg',
-            },
-        ], label: "Search Courses...", courseIsSelected: courseIsSelected, setCourseIsSelected: setCourseIsSelected, subtitle: "Select the current course associated with the meeting", onlyOneCanBeSelected: true }));
-};
-export const DefaultStory = (args) => (React.createElement(Default, { ...args }));
-export default meta;

package/dist/src/components/custom/users_selection/users_selection.stories.d.ts

@@ -1,5 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import { UsersSelectionProps } from './users_selection';
-declare const meta: Meta;
-export declare const Default: StoryFn<UsersSelectionProps>;
-export default meta;

package/dist/src/components/custom/users_selection/users_selection.stories.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { UsersSelection } from './users_selection';
-import { Group } from '../../../icons';
-const meta = {
-    title: 'Custom/UsersSelection',
-    args: {
-        closeOnBlur: true,
-    },
-    argTypes: {
-        closeOnBlur: {
-            type: 'boolean',
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: 'light',
-        },
-        layout: 'centered',
-    },
-};
-export const Default = (args) => {
-    const [userIsChecked, setUserIsChecked] = React.useState({});
-    return (React.createElement(UsersSelection, { ...args, users: [
-            {
-                id: 'qwertyutrew',
-                fullName: 'Kate Smith',
-                imageSrc: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-            },
-            {
-                id: 'ckvmkvmfkmfk',
-                fullName: 'Fred Jones',
-                imageSrc: 'https://f005.backblazeb2.com/file/sr-platform/avatar.jpg',
-            },
-        ], label: "Add a co-host", title: "Invite Users you are connected with", userIsChecked: userIsChecked, setUserIsChecked: setUserIsChecked, icon: Group }));
-};
-export default meta;

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

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

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

@@ -1,46 +0,0 @@
-import React from 'react';
-import Image from 'next/image';
-import { DEFAULT_CONTENT } from './constants';
-import { Editor } from './editor';
-import { Box } from '../atoms/box';
-import { H } from '../atoms/typography';
-import { Avatar } from '../iconography/avatar';
-import { TextInput } from '../input/text_input';
-import { Comment } from '../surfaces/comment';
-import { PlaySolid } from '../../icons/audio_video/play_solid';
-const meta = {
-    title: 'Editor/Rich Text Editor',
-    parameters: {
-        layout: 'padded',
-    },
-};
-const Story = (args) => {
-    return React.createElement(Editor, { ...args });
-};
-const CommentComponent = ({ questionAnswerId, filterType, }) => (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(), filterType: filterType, id: questionAnswerId, onComment: (comment) => undefined, onReact: (reaction) => undefined, userImageUri: "", userName: "Ben Merritt", userProfileUri: "https://google.com" }));
-const CommentInputComponent = (props) => {
-    const [state, setState] = React.useState('');
-    const handleSetState = (event) => {
-        setState(event.target.value);
-    };
-    return (React.createElement(Box, { "$align": "center", "$gap": 16, ...{ contentEditable: false } },
-        React.createElement(Avatar, { image: "", size: 48 }),
-        React.createElement(TextInput, { onChange: handleSetState, placeholder: "Write your answer", sx: "div { box-shadow: var(--elevation-6); background-color: var(--color-grey-10); }", value: state })));
-};
-const VideoTitle = (props) => (React.createElement(Box, { "$align": "center", "$gap": 24, ...{ contentEditable: false } },
-    React.createElement(Box, { "$align": "center", "$justify": "center", sx: "position: relative;" },
-        React.createElement(Image, { alt: "thumbnail", height: 96, src: "https://f005.backblazeb2.com/file/sr-platform/f7a84d1f4e70a940b63d7d6d96beab68.jpg", style: {
-                borderRadius: '8px',
-            }, width: 171 }),
-        React.createElement(PlaySolid, { color: "white", size: 32, sx: "position: absolute;" })),
-    React.createElement(H, { as: "h2", "$bold": true, "$color": "grey-2", "$fontSize": 24, "$lineHeight": 36, "$textClampLines": 3 }, "Episode 1: Understanding the Battlefield")));
-export const Default = Story.bind({});
-Default.args = {
-    commentInputLoader: (props) => React.createElement(CommentInputComponent, { ...props }),
-    commentLoader: (props) => React.createElement(CommentComponent, { ...props }),
-    onChange: (content) => console.log(content),
-    imageSrcLoader: async (id) => 'https://plus.unsplash.com/premium_photo-1664392248318-4e1d9361726e?q=80&w=1883&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
-    previousContent: DEFAULT_CONTENT,
-    videoTitleLoader: (props) => React.createElement(VideoTitle, { ...props }),
-};
-export default meta;

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

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

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { SimpleEditor } from './simple_editor';
-const meta = {
-    title: 'Editor/Abbreviated Text Editor',
-    parameters: {
-        layout: 'padded',
-    },
-};
-const Story = (args) => {
-    return React.createElement(SimpleEditor, { ...args });
-};
-export const Default = Story.bind({});
-Default.args = {
-    editable: true,
-    validation: {
-        format: ['image/jpeg', 'image/png'],
-        size: '2Mb',
-    },
-    validationMessage: "Your photos couldn't be uploaded. Photo should be less than 2 MB and saved as JPG, PNG, TIFF, HEIF or WebP files.",
-    handleUploadImage: async () => 'https://s3-ingress.int.bibly.com/community/comun_ruegrccT6WcZAUHZ97UM1234/post/post-bc65d1e1-a84f-456f-86b4-ea16b86c3029/d8677bb1a34582c631bb31bd404a1309?w=3840&q=100',
-};
-export default meta;

package/dist/src/components/feedback/animated_toast/animated_toast.stories.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { AnimatedToast } from './animated_toast';
-const meta = {
-    title: 'Feedback/AnimatedToast',
-};
-const Story = (args) => (React.createElement(AnimatedToast, { ...args }));
-export const Default = Story.bind({});
-Default.argTypes = {
-    message: {
-        type: 'string',
-    },
-    type: {
-        type: 'string',
-        options: ['error', 'info', 'success', 'warning'],
-        control: 'select',
-    },
-    animationDuration: {
-        type: 'number',
-    },
-};
-Default.args = {
-    message: 'Notification message title',
-    type: 'success',
-    animationDuration: 4,
-};
-export default meta;

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