@stokr/components-library 2.3.65-beta.10 → 2.3.65-beta.11

package/dist/components/TransactionDetails/TransactionDetailsTable.stories.js

@@ -1,305 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithoutBorders = exports.WithIcons = exports.WithCustomStyling = exports.WithContainerStyling = exports.SingleRow = exports.MultipleRows = exports.LongTextContent = exports.EmptyState = exports.CustomWidth = exports.ComplexExample = exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TransactionDetailsTable = require("./TransactionDetailsTable");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _InfoIcon = require("../InfoIcon/InfoIcon");
-var _Info = require("../icons/Info");
-var _colors = _interopRequireDefault(require("../../styles/colors"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/TransactionDetails/TransactionDetailsTable',
-  component: _TransactionDetailsTable.TransactionDetailsTable,
-  argTypes: {
-    data: {
-      control: 'object',
-      description: 'Array of objects with label, value, labelIcon, and valueIcon properties'
-    },
-    showBorders: {
-      control: 'boolean',
-      description: 'Show borders around the table and rows',
-      defaultValue: true
-    },
-    maxWidth: {
-      control: 'text',
-      description: 'Maximum width of the table container'
-    },
-    labelCellStyle: {
-      control: false,
-      description: 'Function that returns style object for label cells: (index, item) => style'
-    },
-    valueCellStyle: {
-      control: false,
-      description: 'Function that returns style object for value cells: (index, item) => style'
-    },
-    rowStyle: {
-      control: false,
-      description: 'Function that returns style object for rows: (index, item) => style'
-    },
-    containerStyle: {
-      control: 'object',
-      description: 'Style object for the table container'
-    },
-    className: {
-      control: 'text',
-      description: 'CSS class name for the table container'
-    },
-    labelCellClassName: {
-      control: false,
-      description: 'Function that returns className for label cells: (index, item) => className'
-    },
-    valueCellClassName: {
-      control: false,
-      description: 'Function that returns className for value cells: (index, item) => className'
-    },
-    rowClassName: {
-      control: false,
-      description: 'Function that returns className for rows: (index, item) => className'
-    }
-  },
-  decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(Story, null)))]
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_TransactionDetailsTable.TransactionDetailsTable, args);
-
-// Basic example
-const Basic = exports.Basic = Template.bind({});
-Basic.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }]
-};
-
-// Multiple rows
-const MultipleRows = exports.MultipleRows = Template.bind({});
-MultipleRows.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234567890abcdef'
-  }, {
-    label: 'From Address',
-    value: '0xabcd...ef01'
-  }, {
-    label: 'To Address',
-    value: '0x2345...6789'
-  }, {
-    label: 'Amount',
-    value: '5,000.00 EUR'
-  }, {
-    label: 'Gas Fee',
-    value: '0.001 ETH'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }, {
-    label: 'Date',
-    value: '2024-01-15 14:30:00'
-  }]
-};
-
-// With icons
-const WithIcons = exports.WithIcons = Template.bind({});
-WithIcons.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678',
-    labelIcon: /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, {
-      title: "This is the unique identifier for your transaction",
-      position: "right"
-    })
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR',
-    valueIcon: /*#__PURE__*/_react.default.createElement(_Info.Info, {
-      style: {
-        marginRight: '8px',
-        display: 'inline-block'
-      }
-    })
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }]
-};
-
-// Without borders
-const WithoutBorders = exports.WithoutBorders = Template.bind({});
-WithoutBorders.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }],
-  showBorders: false
-};
-
-// Custom width
-const CustomWidth = exports.CustomWidth = Template.bind({});
-CustomWidth.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }],
-  maxWidth: '800px'
-};
-
-// With custom styling
-const WithCustomStyling = exports.WithCustomStyling = Template.bind({});
-WithCustomStyling.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }, {
-    label: 'Priority',
-    value: 'High'
-  }],
-  rowStyle: (index, item) => {
-    if (item.value === 'Completed') {
-      return {
-        backgroundColor: _colors.default.veryLightGreen
-      };
-    }
-    if (item.value === 'High') {
-      return {
-        backgroundColor: _colors.default.lightPeach
-      };
-    }
-    return {};
-  },
-  valueCellStyle: (index, item) => {
-    if (item.value === 'Completed') {
-      return {
-        color: _colors.default.freshGreen,
-        fontWeight: 'bold'
-      };
-    }
-    return {};
-  }
-};
-
-// Long text content
-const LongTextContent = exports.LongTextContent = Template.bind({});
-LongTextContent.args = {
-  data: [{
-    label: 'Transaction Hash',
-    value: '0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef'
-  }, {
-    label: 'Description',
-    value: 'This is a very long description that should wrap properly within the table cell and demonstrate how the component handles word wrapping and text overflow scenarios.'
-  }, {
-    label: 'Short Label',
-    value: 'Short value'
-  }]
-};
-
-// Empty state (edge case)
-const EmptyState = exports.EmptyState = Template.bind({});
-EmptyState.args = {
-  data: []
-};
-
-// Single row
-const SingleRow = exports.SingleRow = Template.bind({});
-SingleRow.args = {
-  data: [{
-    label: 'Total Amount',
-    value: '10,000.00 EUR'
-  }]
-};
-
-// With container styling
-const WithContainerStyling = exports.WithContainerStyling = Template.bind({});
-WithContainerStyling.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678'
-  }, {
-    label: 'Amount',
-    value: '1,000.00 EUR'
-  }, {
-    label: 'Status',
-    value: 'Completed'
-  }],
-  containerStyle: {
-    borderRadius: '8px',
-    padding: '20px',
-    backgroundColor: _colors.default.grey3
-  }
-};
-
-// Complex example with all features
-const ComplexExample = exports.ComplexExample = Template.bind({});
-ComplexExample.args = {
-  data: [{
-    label: 'Transaction ID',
-    value: '0x1234...5678',
-    labelIcon: /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, {
-      title: "Unique transaction identifier",
-      position: "right",
-      noMarginLeft: true
-    })
-  }, {
-    label: 'Amount',
-    value: '5,000.00 EUR',
-    valueIcon: /*#__PURE__*/_react.default.createElement(_Info.Info, {
-      style: {
-        marginRight: '8px',
-        display: 'inline-block'
-      }
-    })
-  }, {
-    label: 'Status',
-    value: 'Pending'
-  }, {
-    label: 'Gas Fee',
-    value: '0.002 ETH'
-  }, {
-    label: 'Network',
-    value: 'Ethereum Mainnet'
-  }],
-  maxWidth: '700px',
-  rowStyle: (index, item) => {
-    if (item.value === 'Pending') {
-      return {
-        backgroundColor: _colors.default.yellowLight
-      };
-    }
-    return {};
-  },
-  valueCellStyle: (index, item) => {
-    if (item.value === 'Pending') {
-      return {
-        color: _colors.default.warningOrange
-      };
-    }
-    return {};
-  }
-};

package/dist/components/TransactionInfo/TransactionInfo.stories.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TransactionInfoExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TransactionInfo = require("./TransactionInfo");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/TransactionInfo',
-  component: _TransactionInfo.TransactionInfo,
-  argTypes: {
-    value1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    unit1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    name1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    owner1: {
-      type: 'string',
-      defaultValue: ''
-    },
-    value2: {
-      type: 'string',
-      defaultValue: ''
-    },
-    unit2: {
-      type: 'string',
-      defaultValue: ''
-    },
-    name2: {
-      type: 'string',
-      defaultValue: ''
-    },
-    owner2: {
-      type: 'string',
-      defaultValue: ''
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TransactionInfo.TransactionInfo, args)));
-const TransactionInfoExample = exports.TransactionInfoExample = Template.bind({});
-TransactionInfoExample.args = {
-  value1: 'value 1',
-  unit1: 'unit 1',
-  name1: 'name 1',
-  owner1: 'owner 1',
-  value2: 'value 2',
-  unit2: 'unit 2',
-  name2: 'name 2',
-  owner2: 'owner 2'
-};

package/dist/components/TwoFactorModal/TwoFactorModal.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TwoFactorModal = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _formik = require("formik");
-var Yup = _interopRequireWildcard(require("yup"));
-var _Modal = require("../Modal/Modal");
-var _Form = _interopRequireWildcard(require("../Form/Form"));
-var _Text = _interopRequireDefault(require("../Text/Text.styles"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
-var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-var _Grid = require("../Grid/Grid.styles");
-var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class TwoFactorModal extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "initialValues", {
-      fa2code: ''
-    });
-    _defineProperty(this, "validationSchema", Yup.object().shape({
-      fa2code: Yup.string().required('Token is required')
-    }));
-  }
-  render() {
-    const {
-      isModalOpen,
-      onModalClose,
-      onFormSend
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
-      isOpen: isModalOpen,
-      onClose: onModalClose
-    }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-      part: 8
-    }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
-      modalTop: true
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, "Two Factor Authentication"), /*#__PURE__*/_react.default.createElement("p", null, 'Please log in to engage in our community & invest in exciting opportunities.'))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
-      modalBot: true
-    })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-      part: 8
-    }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
-      initialValues: this.initialValues,
-      validationSchema: this.validationSchema,
-      onSubmit: onFormSend
-    }, _ref => {
-      let {
-        values,
-        errors,
-        touched,
-        handleBlur,
-        setFieldValue,
-        setFieldTouched
-      } = _ref;
-      const onChangeWithTouch = e => {
-        const field = e.target;
-        setFieldValue(field.name, field.value, false);
-        setFieldTouched(field.name);
-      };
-      const submitDisabled = !touched.fa2code || !!errors.fa2code;
-      return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-        noPadding: true
-      }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
-        id: "two-factor",
-        name: "fa2code",
-        type: "text",
-        label: "Token",
-        value: values.fa2code,
-        onChange: onChangeWithTouch,
-        onBlur: handleBlur,
-        error: !!errors.fa2code,
-        touched: !!touched.fa2code
-      }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-        show: errors.fa2code && touched.fa2code
-      }, errors.fa2code))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-        noPaddingBottom: true,
-        noPaddingHorizontal: true
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        type: "submit",
-        fluid: true,
-        disabled: submitDisabled
-      }, "Login")));
-    })))));
-  }
-}
-exports.TwoFactorModal = TwoFactorModal;
-TwoFactorModal.propTypes = {
-  isModalOpen: _propTypes.default.bool.isRequired,
-  onModalClose: _propTypes.default.func.isRequired,
-  onFormSend: _propTypes.default.func.isRequired
-};
-var _default = exports.default = TwoFactorModal;

package/dist/components/VerifyEmailModal/VerifyEmailModal.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VerifyEmailSuccess = exports.VerifyEmailError = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _VerifyEmailModal = require("./VerifyEmailModal");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Verify Email Modal',
-  component: _VerifyEmailModal.VerifyEmailModal,
-  argTypes: {
-    isModalOpen: {
-      type: 'boolean',
-      defaultValue: true,
-      required: true
-    },
-    onModalClose: {
-      type: 'function',
-      action: 'onModalClose',
-      required: true
-    },
-    popupError: {
-      type: 'object',
-      defaultValue: {}
-    },
-    isSuccess: {
-      type: 'boolean',
-      defaultValue: true,
-      required: true
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_VerifyEmailModal.VerifyEmailModal, args))));
-const VerifyEmailError = exports.VerifyEmailError = Template.bind({});
-VerifyEmailError.args = {
-  popupError: {},
-  isModalOpen: true,
-  popupSuccess: {},
-  error: {
-    message: 'This link has expired. Please try verifying email again.'
-  },
-  isSuccess: false,
-  onResend: data => {
-    console.log(data);
-  }
-};
-const VerifyEmailSuccess = exports.VerifyEmailSuccess = Template.bind({});
-VerifyEmailSuccess.args = {
-  popupError: {},
-  isModalOpen: true,
-  popupSuccess: {},
-  isSuccess: true,
-  continueUrl: 'https://www.stokr.info'
-};

package/dist/components/headerHo/HeaderHo.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.HeaderHoOverview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _HeaderHo = _interopRequireDefault(require("./HeaderHo"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _AuthContext = require("../../context/AuthContext");
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Header Ho',
-  component: _HeaderHo.default,
-  argTypes: {
-    // isModalOpen: { type: 'boolean', defaultValue: true },
-    // onModalClose: { type: 'function', action: 'onModalClose', required: true },
-    // onFormSend: { type: 'function', action: 'onFormSend', required: true },
-    // onModalSwitch: {
-    //   type: 'function',
-    //   action: 'onModalSwitch',
-    //   required: true,
-    // },
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_HeaderHo.default, args), /*#__PURE__*/_react.default.createElement("div", {
-  style: {
-    height: '1700px',
-    background: 'orange'
-  }
-}))));
-const HeaderHoOverview = exports.HeaderHoOverview = Template.bind({});
-HeaderHoOverview.args = {};

package/dist/components/icons/Arrow.stories.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ArrowTop = exports.ArrowRight = exports.ArrowLeft = exports.ArrowBottom = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Arrow = require("./Arrow");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Icons/Arrow',
-  component: _Arrow.Arrow,
-  argTypes: {
-    direction: {
-      type: 'string',
-      defaultValue: 'bottom'
-    }
-  },
-  parameters: {
-    backgrounds: {
-      default: 'grey'
-    }
-  }
-}; //making default background grey in story as the element is white
-const Template = args => /*#__PURE__*/_react.default.createElement(_Arrow.Arrow, args);
-const ArrowBottom = exports.ArrowBottom = Template.bind({});
-ArrowBottom.args = {};
-const ArrowRight = exports.ArrowRight = Template.bind({});
-ArrowRight.args = {
-  direction: 'right'
-};
-const ArrowLeft = exports.ArrowLeft = Template.bind({});
-ArrowLeft.args = {
-  direction: 'left'
-};
-const ArrowTop = exports.ArrowTop = Template.bind({});
-ArrowTop.args = {
-  direction: 'top'
-};
-
-//doublecheck:
-//make variants from directions?

package/dist/components/icons/ArrowSimple.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ArrowSimpleTop = exports.ArrowSimpleRight = exports.ArrowSimpleLeft = exports.ArrowSimpleBottom = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ArrowSimple = require("./ArrowSimple");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Icons/ArrowSimple',
-  component: _ArrowSimple.ArrowSimple
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_ArrowSimple.ArrowSimple, args);
-const ArrowSimpleBottom = exports.ArrowSimpleBottom = Template.bind({});
-ArrowSimpleBottom.args = {
-  direction: 'bottom',
-  children: 'ArrowSimpleBottom'
-};
-const ArrowSimpleRight = exports.ArrowSimpleRight = Template.bind({});
-ArrowSimpleRight.args = {
-  direction: 'right',
-  children: 'ArrowSimpleRight'
-};
-const ArrowSimpleLeft = exports.ArrowSimpleLeft = Template.bind({});
-ArrowSimpleLeft.args = {
-  direction: 'left',
-  children: 'ArrowSimpleLeft'
-};
-const ArrowSimpleTop = exports.ArrowSimpleTop = Template.bind({});
-ArrowSimpleTop.args = {
-  direction: 'top',
-  children: 'ArrowSimpleTop'
-};
-
-//before
-// export const arrowsimple = () => <ArrowSimple />
-
-// export const ArrowSimpleBottom = () => (
-//   <ArrowSimple direction="bottom"></ArrowSimple>
-// )
-// export const ArrowSimpleRight = () => (
-//   <ArrowSimple direction="right"></ArrowSimple>
-// )
-// export const ArrowSimpleLeft = () => (
-//   <ArrowSimple direction="left"></ArrowSimple>
-// )
-// export const ArrowSimpleTop = () => <ArrowSimple direction="top"></ArrowSimple>

package/dist/components/icons/Check.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.check = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Check = require("./Check");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Icons/Check',
-  component: _Check.Check,
-  parameters: {
-    backgrounds: {
-      default: 'grey'
-    }
-  }
-};
-const check = () => /*#__PURE__*/_react.default.createElement(_Check.Check, null);
-
-//making default background grey in story as the element is white
-exports.check = check;