glints-aries 4.0.185 → 4.0.187

package/es/@next/Tabs/Tabs.stories.js

@@ -1,51 +0,0 @@
-/* eslint-disable react/jsx-key */
-import React, { useState } from 'react';
-import { Tabs } from './Tabs';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { Typography } from '../Typography';
-import { StyledColumn, StyledHeaderColumn, StyledRow, StyledTable } from './TabsStoriesStyle';
-Tabs.displayName = 'Tabs';
-export default {
-  title: '@next/Tabs',
-  component: Tabs,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  var _useState = useState(args.selected || 0),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var tabs = [{
-    id: 'id-tab-1',
-    content: 'Tab #1'
-  }, {
-    id: 'id-tab-2',
-    content: 'Tab #2'
-  }];
-  var Table = function Table() {
-    return /*#__PURE__*/React.createElement(StyledTable, null, /*#__PURE__*/React.createElement(StyledRow, null, /*#__PURE__*/React.createElement(StyledHeaderColumn, null, "Company"), /*#__PURE__*/React.createElement(StyledHeaderColumn, null, "Contact"), /*#__PURE__*/React.createElement(StyledHeaderColumn, null, "Country")), /*#__PURE__*/React.createElement(StyledRow, null, /*#__PURE__*/React.createElement(StyledColumn, null, "Alfreds Futterkiste"), /*#__PURE__*/React.createElement(StyledColumn, null, "Maria Anders"), /*#__PURE__*/React.createElement(StyledColumn, null, "Germany")), /*#__PURE__*/React.createElement(StyledRow, null, /*#__PURE__*/React.createElement(StyledColumn, null, "Centro comercial Moctezuma"), /*#__PURE__*/React.createElement(StyledColumn, null, "Francisco Chang"), /*#__PURE__*/React.createElement(StyledColumn, null, "Mexico")), /*#__PURE__*/React.createElement(StyledRow, null, /*#__PURE__*/React.createElement(StyledColumn, null, "Ernst Handel"), /*#__PURE__*/React.createElement(StyledColumn, null, "Roland Mendel"), /*#__PURE__*/React.createElement(StyledColumn, null, "Austria")), /*#__PURE__*/React.createElement(StyledRow, null, /*#__PURE__*/React.createElement(StyledColumn, null, "Island Trading"), /*#__PURE__*/React.createElement(StyledColumn, null, "Helen Bennett"), /*#__PURE__*/React.createElement(StyledColumn, null, "UK")));
-  };
-  var tabContents = [/*#__PURE__*/React.createElement(Table, null), /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2"
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")];
-  return /*#__PURE__*/React.createElement(Tabs, {
-    tabs: tabs,
-    selected: selected,
-    onSelected: function onSelected(i) {
-      return setSelected(i);
-    },
-    fitted: args.fitted
-  }, tabContents[selected]);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};
-Interactive.parameters = {
-  docs: {
-    source: {
-      code: "const [selected, setSelected] = useState(args.selected || 0);\n      const tabs: TabModel[] = [\n        { id: 'id-tab-1', content: 'Tab #1' },\n        { id: 'id-tab-2', content: 'Tab #2' },\n      ];\n    \n      const Table = () => {\n        return (\n          <StyledTable>\n            <StyledRow>\n              <StyledHeaderColumn>Company</StyledHeaderColumn>\n              <StyledHeaderColumn>Contact</StyledHeaderColumn>\n              <StyledHeaderColumn>Country</StyledHeaderColumn>\n            </StyledRow>\n            <StyledRow>\n              <StyledColumn>Alfreds Futterkiste</StyledColumn>\n              <StyledColumn>Maria Anders</StyledColumn>\n              <StyledColumn>Germany</StyledColumn>\n            </StyledRow>\n            <StyledRow>\n              <StyledColumn>Centro comercial Moctezuma</StyledColumn>\n              <StyledColumn>Francisco Chang</StyledColumn>\n              <StyledColumn>Mexico</StyledColumn>\n            </StyledRow>\n            <StyledRow>\n              <StyledColumn>Ernst Handel</StyledColumn>\n              <StyledColumn>Roland Mendel</StyledColumn>\n              <StyledColumn>Austria</StyledColumn>\n            </StyledRow>\n            <StyledRow>\n              <StyledColumn>Island Trading</StyledColumn>\n              <StyledColumn>Helen Bennett</StyledColumn>\n              <StyledColumn>UK</StyledColumn>\n            </StyledRow>\n          </StyledTable>\n        );\n      };\n    \n      const tabContents = [\n        <Table />,\n        <Typography variant=\"body2\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n          veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\n          commodo consequat. Duis aute irure dolor in reprehenderit in voluptate\n          velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat\n          cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id\n          est laborum.\n        </Typography>,\n      ];\n    \n      return (\n        <Tabs\n          tabs={tabs}\n          selected={selected}\n          onSelected={i => setSelected(i)}\n          fitted={args.fitted}\n        >\n          {tabContents[selected]}\n        </Tabs>\n      );\n    };",
-      language: 'javascript',
-      type: 'auto'
-    }
-  }
-};

package/es/@next/Tag/Tag.stories.js

@@ -1,63 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { Tag } from './Tag';
-Tag.displayName = 'Tag';
-export default {
-  title: '@next/Tag',
-  component: Tag,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    value: {
-      description: 'A value to supply, required when onRemove function is supplied',
-      control: {
-        type: null
-      }
-    },
-    onRemove: {
-      description: 'A function callback to pass in to when the remove icon is pressed',
-      control: {
-        type: null
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: 'Tags represent a set of interactive keywords that help label, organize, and categorize objects'
-      }
-    }
-  }
-};
-var DefaultTemplate = function DefaultTemplate() {
-  return /*#__PURE__*/React.createElement(Tag, null, "Basic Tag");
-};
-var RemoveableTemplate = function RemoveableTemplate() {
-  var _useState = useState(['Years of Experience: 0 to 3 Years, 3 to 5 Years', 'Expected Salary: $1.000.000 to $3.000.000', 'Current Location: Agats, Indonesia']),
-    selectedTags = _useState[0],
-    setSelectedTags = _useState[1];
-  var removeTag = useCallback(function (tag) {
-    return function () {
-      setSelectedTags(function (previousTags) {
-        return previousTags.filter(function (previousTag) {
-          return previousTag !== tag;
-        });
-      });
-    };
-  }, []);
-  var tagMarkup = selectedTags.map(function (option) {
-    return /*#__PURE__*/React.createElement(Tag, {
-      style: {
-        marginRight: '4px'
-      },
-      key: option,
-      onRemove: removeTag(option)
-    }, option);
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, tagMarkup);
-};
-export var Default = DefaultTemplate.bind({});
-Default.args = {};
-export var Removeable = RemoveableTemplate.bind({});
-Removeable.args = {};

package/es/@next/TextInput/TextInput.stories.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { TextInput } from './TextInput';
-import { Icon } from '../Icon';
-TextInput.displayName = 'Text';
-export default {
-  title: '@next/TextInput',
-  component: TextInput,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {}
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(TextInput, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  placeholder: 'Placeholder',
-  prefix: null,
-  disabled: false
-};
-var WithIconsTemplate = function WithIconsTemplate(args) {
-  return /*#__PURE__*/React.createElement(TextInput, args);
-};
-export var WithPrefixAndSuffix = WithIconsTemplate.bind({});
-WithPrefixAndSuffix.args = {
-  placeholder: 'Placeholder',
-  prefix: /*#__PURE__*/React.createElement(Icon, {
-    name: "ri-search"
-  }),
-  suffix: /*#__PURE__*/React.createElement("div", null, "2/20"),
-  value: 'Hi',
-  disabled: false
-};

package/es/@next/Typography/Typography.stories.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Typography } from './Typography';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import * as Colors from '../utilities/colors';
-Typography.displayName = 'Typography.Paragraph';
-export default {
-  title: '@next/Typography',
-  component: Typography,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    as: {
-      control: 'text'
-    },
-    color: {
-      control: 'color'
-    }
-  }
-};
-var defaultText = "Tanya farnuva naar cam utinu en lokirim tanka tel' taurnin. Lirimaerea vedui' il'er Lotesse Shaalth.";
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Typography, args, args.children || defaultText);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};
-export var Color = Template.bind({});
-Color.args = {
-  color: Colors.Blue.Brand
-};
-export var Variant = Template.bind({});
-Variant.args = {
-  variant: 'body1'
-};

package/es/Display/Accordion/Accordion.stories.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import Accordion from './Accordion';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Display/Accordion',
-  component: Accordion,
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    label: {
-      description: 'Sets the label for <Accordion.Panel />',
-      control: {
-        type: 'text'
-      }
-    },
-    content: {
-      description: 'Sets the content for <Accordion.Panel />',
-      control: {
-        type: 'text'
-      }
-    }
-  },
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var defaultPanels = [{
-  label: 'What is Lorem Ipsum?',
-  content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.'
-}];
-var Template = function Template(_ref) {
-  var _ref$iconPosition = _ref.iconPosition,
-    iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
-    _ref$panels = _ref.panels,
-    panels = _ref$panels === void 0 ? defaultPanels : _ref$panels;
-  return /*#__PURE__*/React.createElement(Accordion, {
-    iconPosition: iconPosition
-  }, panels.map(function (_ref2) {
-    var label = _ref2.label,
-      content = _ref2.content;
-    return /*#__PURE__*/React.createElement(Accordion.Panel, {
-      key: label,
-      label: label,
-      content: content
-    });
-  }));
-};
-export var Interactive = Template.bind({});
-export var DifferentIconPosition = Template.bind({});
-DifferentIconPosition.args = {
-  iconPosition: 'right'
-};
-export var MultiplePanels = Template.bind({});
-MultiplePanels.args = {
-  panels: [{
-    label: 'What is Lorem Ipsum?',
-    content: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.'
-  }, {
-    label: 'What is Love?',
-    content: 'Love is the most powerful emotion a human being can experience. The strange think is, that almost nobody knows what love is. Why is it so difficult to find love? That is easy to understand, if you know that the word “love” is not the same as one’s feeling of love.'
-  }]
-};

package/es/Display/Collapsible/Collapsible.stories.js

@@ -1,24 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children"];
-import React from 'react';
-import { Collapsible } from './Collapsible';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Display/Collapsible',
-  component: Collapsible,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var defaultText = 'Lorem ipsum dolor sit amet consectetur adipisicing elit.';
-var Template = function Template(_ref) {
-  var children = _ref.children,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Collapsible, args, children || defaultText);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  label: 'Lorem Ipsum',
-  children: defaultText,
-  isOpen: true
-};

package/es/Display/Gallery/Gallery.stories.js

@@ -1,56 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Gallery from './Gallery';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Display/Gallery',
-  component: Gallery,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    }
-  }
-};
-var Template = function Template(_ref) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Gallery, args, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  }), /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  }));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};
-export var ImagesDisplayed = Template.bind({});
-ImagesDisplayed.args = {
-  imagesDisplayed: 2
-};

package/es/Display/Modal/Modal.stories.js

@@ -1,83 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "title", "buttonTexts"];
-import React, { useState } from 'react';
-import { constant, times } from 'lodash-es';
-import { Modal } from './Modal';
-import { Button } from '../../General/Button/Button';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Display/Modal',
-  component: Modal,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var defaultTitle = 'Lorem Ipsum';
-var defaultChildren = 'Lorem ipsum dolor sit amet consectetur adipisicing elit.';
-var Template = function Template(_ref) {
-  var children = _ref.children,
-    title = _ref.title,
-    _ref$buttonTexts = _ref.buttonTexts,
-    buttonTexts = _ref$buttonTexts === void 0 ? [] : _ref$buttonTexts,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    isModalVisible = _useState[0],
-    setIsModalVisible = _useState[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "solid-blue",
-    onClick: function onClick() {
-      return setIsModalVisible(!isModalVisible);
-    }
-  }, "Toggle"), /*#__PURE__*/React.createElement(Modal, _extends({}, args, {
-    title: title || defaultTitle,
-    isVisible: isModalVisible,
-    onClose: function onClose() {
-      return setIsModalVisible(false);
-    },
-    footer: [/*#__PURE__*/React.createElement(Button, {
-      variant: "ghost",
-      onClick: function onClick() {
-        return setIsModalVisible(false);
-      },
-      key: "cancel"
-    }, buttonTexts[0] || 'Cancel'), /*#__PURE__*/React.createElement(Button, {
-      variant: "solid-blue",
-      onClick: function onClick() {
-        return setIsModalVisible(false);
-      },
-      key: "save"
-    }, buttonTexts[1] || 'Save')]
-  }), children || defaultChildren));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  title: defaultTitle,
-  children: defaultChildren
-};
-export var ScreenCentered = Template.bind({});
-ScreenCentered.args = {
-  centering: true
-};
-export var FullScreen = Template.bind({});
-FullScreen.args = {
-  fullscreen: true,
-  children: times(1000, constant(defaultChildren)).join(' ')
-};
-export var ScreenCenteredWithALotOfContent = Template.bind({});
-ScreenCenteredWithALotOfContent.args = {
-  centering: true,
-  children: times(10, constant(defaultChildren)).join(' ')
-};
-export var FooterResponsiveness = Template.bind({});
-FooterResponsiveness.args = {
-  buttonTexts: ['Looooooong Cancel', 'Loooooooong Save'],
-  size: 's'
-};
-FooterResponsiveness.parameters = {
-  docs: {
-    description: {
-      story: 'If all the buttons cannot fit in one row, then they will be expanded to the 100% width of the container and break into two rows.'
-    }
-  }
-};

package/es/Display/PointingModal/PointingModal.stories.js

@@ -1,31 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import PointingModal from './PointingModal';
-import ProfilePicture from '../../General/ProfilePicture';
-import Divider from '../../General/Divider';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Display/PointingModal',
-  component: PointingModal,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(_ref) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(PointingModal, args, /*#__PURE__*/React.createElement(PointingModal.Header, null, /*#__PURE__*/React.createElement(ProfilePicture, {
-    editable: true
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&w=750&q=80",
-    alt: "profile"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "aries-modal-profile"
-  }, /*#__PURE__*/React.createElement("span", null, "Hello,"), /*#__PURE__*/React.createElement("a", {
-    href: "."
-  }, "Fredy Yanto"))), /*#__PURE__*/React.createElement(Divider, {
-    theme: "grey"
-  }), /*#__PURE__*/React.createElement(PointingModal.Body, null, /*#__PURE__*/React.createElement(PointingModal.Item, null, "View Profile"), /*#__PURE__*/React.createElement(PointingModal.Item, null, "Edit Profile"), /*#__PURE__*/React.createElement(PointingModal.Item, null, "Sign Out")), /*#__PURE__*/React.createElement(PointingModal.Footer, null, "Have a nice day"));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};

package/es/Display/Popover/Popover.stories.js

@@ -1,37 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Popover from './Popover';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import ProfilePicture from '../../General/ProfilePicture';
-import PointingModal from '../PointingModal';
-export default {
-  title: 'Display/Popover',
-  component: Popover,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    content: {
-      control: {
-        type: null
-      }
-    }
-  }
-};
-var Template = function Template(_ref) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Popover, args, /*#__PURE__*/React.createElement(ProfilePicture, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  content: /*#__PURE__*/React.createElement(PointingModal, null, /*#__PURE__*/React.createElement("span", null, "Hello World"))
-};

package/es/Display/Slider/Slider.stories.js

@@ -1,115 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Slider } from './Slider';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { SecondaryColor, Greyscale } from '../../Utils/Colors';
-import { ArrowBackDoubleIcon } from '../../General/Icon/components';
-import ArrowNextDoubleIcon from '../../General/Icon/components/ArrowNextDoubleIcon';
-export default {
-  title: 'Display/Slider',
-  component: Slider,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    containerRef: {
-      table: {
-        disable: true
-      }
-    },
-    afterChange: {
-      control: {
-        type: null
-      }
-    },
-    renderLeftIcon: {
-      control: {
-        type: null
-      }
-    },
-    renderRightIcon: {
-      control: {
-        type: null
-      }
-    }
-  }
-};
-var Template = function Template(_ref) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Slider, args, /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })), /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  })), /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  })));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};
-export var Autoplay = Template.bind({});
-Autoplay.args = {
-  autoplay: true
-};
-export var FullContent = Template.bind({});
-FullContent.args = {
-  fullContent: true
-};
-export var ArrowWhite = Template.bind({});
-ArrowWhite.args = {
-  arrowWhite: true
-};
-export var RemoveDots = Template.bind({});
-RemoveDots.args = {
-  removeDots: true
-};
-export var InitialItem = Template.bind({});
-InitialItem.args = {
-  initialItem: 2
-};
-export var CustomizedRenderLeftIcon = function CustomizedRenderLeftIcon() {
-  return /*#__PURE__*/React.createElement(Slider, {
-    renderLeftIcon: function renderLeftIcon(disabled) {
-      var color = disabled ? Greyscale.grey : SecondaryColor.actionblue;
-      return /*#__PURE__*/React.createElement(ArrowBackDoubleIcon, {
-        color: color
-      });
-    }
-  }, /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })), /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  })), /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  })));
-};
-export var CustomizedRenderRightIcon = function CustomizedRenderRightIcon() {
-  return /*#__PURE__*/React.createElement(Slider, {
-    renderRightIcon: function renderRightIcon(disabled) {
-      var color = disabled ? Greyscale.grey : SecondaryColor.actionblue;
-      return /*#__PURE__*/React.createElement(ArrowNextDoubleIcon, {
-        color: color
-      });
-    }
-  }, /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })), /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  })), /*#__PURE__*/React.createElement(Slider.Item, null, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  })));
-};

package/es/Display/Swipeable/Swipeable.stories.js

@@ -1,25 +0,0 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Swipeable } from './Swipeable';
-import { SwipeableCardExample } from './SwipeableStyle';
-export default {
-  title: 'Display/Swipeable',
-  component: Swipeable,
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    }
-  }
-};
-var Template = function Template(_ref) {
-  var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Swipeable, args, Array.from(Array(10).keys()).map(function (number) {
-    return /*#__PURE__*/React.createElement(Swipeable.Item, {
-      key: number
-    }, /*#__PURE__*/React.createElement(SwipeableCardExample, null, /*#__PURE__*/React.createElement("h1", null, "Card. ", number)));
-  }));
-};
-export var Default = Template.bind({});