@comicrelief/component-library 7.22.0 → 7.23.0

package/cypress/e2e/components/organisms/impactSlider.cy.js

@@ -0,0 +1,72 @@
+/* eslint-disable no-undef */
+describe('Impact Slider component', () => {
+  before(() => {
+    // go to cookie banner component
+    cy.visit('/#impactslider');
+  });
+
+  describe('props and methods section', () => {
+    beforeEach(() => {
+      cy.visit('/#impactslider');
+      cy.get('[data-testid="ImpactSlider-container"] button[name="rsg-usage"]')
+        .contains('Props & methods')
+        .as('propsBtn');
+
+      cy.get('@propsBtn')
+        .closest('[class^=rsg--tabs]')
+        .as('container');
+    });
+
+    it('is present', () => {
+      cy.get('@propsBtn').should('exist');
+    });
+
+    it('does not show table initially', () => {
+      cy.get('@container')
+        .find('table')
+        .should('not.exist');
+    });
+
+    it('shows the table on button click', () => {
+      cy.get('@propsBtn').click();
+      cy.get('@container')
+        .find('table')
+        .should('contain', 'Prop name');
+    });
+  });
+
+  describe('Check test values and interaction', () => {
+    beforeEach(() => {
+      cy.visit('/#impactslider');
+      cy.get('[data-testid="ImpactSlider-example-1"]')
+        .as('sliderOne');
+
+      cy.get('@sliderOne')
+        .find('[data-testid="impact-slider--moneybuy-1"]')
+        .as('moneybuy1');
+
+      cy.get('@sliderOne')
+        .find('[data-testid="impact-slider--moneybuy-2"]')
+        .as('moneybuy2');
+
+      cy.get('@sliderOne')
+        .find('[data-testid="impact-slider--moneybuy-3"]')
+        .as('moneybuy3');
+
+      cy.get('@sliderOne')
+        .find('[data-testid="impact-slider--moneybuy-4"]')
+        .as('moneybuy4');
+
+      cy.get('@sliderOne')
+        .find('.range-slider__thumb[data-upper="true"]')
+        .as('sliderThumb');
+    });
+
+    it('All moneybuys are present with default values', () => {
+      cy.get('@moneybuy1').should('exist').children('[data-testid="moneybuy-amount"]').should('have.text', '5');
+      cy.get('@moneybuy2').should('exist').children('[data-testid="moneybuy-amount"]').should('have.text', '0');
+      cy.get('@moneybuy3').should('exist').children('[data-testid="moneybuy-amount"]').should('have.text', '0');
+      cy.get('@moneybuy4').should('exist').children('[data-testid="moneybuy-amount"]').should('have.text', '0');
+    });
+  });
+});

package/dist/components/Atoms/Button/Button.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _breakpoint = _interopRequireDefault(require("../../../theme/shared/breakpoint"));
-
 var _excluded = ["children", "wrapper"];
-
 var StyledButton = _styledComponents.default.button.withConfig({
   displayName: "Button__StyledButton",
   componentId: "sc-1gm5vj0-0"
@@ -29,23 +20,21 @@ var StyledButton = _styledComponents.default.button.withConfig({
   return theme.fontSize('s');
 }, function (_ref2) {
   var color = _ref2.color,
-      theme = _ref2.theme;
+    theme = _ref2.theme;
   return color ? theme.buttonColors(color) : theme.buttonColors('red');
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('small');
 }, (0, _breakpoint.default)('medium'), (0, _spacing.default)('md'), (0, _spacing.default)('l'), (0, _spacing.default)('l'));
-
 var Button = /*#__PURE__*/_react.default.forwardRef(function (_ref4, ref) {
   var children = _ref4.children,
-      wrapper = _ref4.wrapper,
-      rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+    wrapper = _ref4.wrapper,
+    rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
   return /*#__PURE__*/_react.default.createElement(StyledButton, Object.assign({}, rest, {
     as: wrapper ? 'span' : 'button',
     ref: ref
   }), children);
 });
-
 Button.propTypes = {
   /** Buttons as span */
   wrapper: _propTypes.default.bool,
@@ -54,5 +43,4 @@ Button.propTypes = {
 Button.defaultProps = {
   wrapper: false
 };
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

package/dist/components/Atoms/Button/Button.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 it('renders a standard styled link correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Button.default, {
     type: "submit"

package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js

@@ -1,68 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ScaleLoader = _interopRequireDefault(require("react-spinners/ScaleLoader"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _excluded = ["children", "loadingText", "loading", "disabled"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 var ButtonWithDisabledState = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "ButtonWithStates__ButtonWithDisabledState",
   componentId: "sc-7gb81g-0"
 })(["&:disabled{cursor:not-allowed;opacity:0.75;}"]);
-
 var LoaderContainer = _styledComponents.default.div.withConfig({
   displayName: "ButtonWithStates__LoaderContainer",
   componentId: "sc-7gb81g-1"
 })(["", ""], function (_ref) {
   var withMargin = _ref.withMargin;
   return withMargin ? "\n  margin-top: ".concat((0, _spacing.default)('xsm'), ";\n  margin-left: ").concat((0, _spacing.default)('md'), ";\n") : '';
-}); // A button with loading and disabled states.
-
+});
 
+// A button with loading and disabled states.
 var ButtonWithStates = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      loadingText = _ref2.loadingText,
-      loading = _ref2.loading,
-      disabled = _ref2.disabled,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-
+    loadingText = _ref2.loadingText,
+    loading = _ref2.loading,
+    disabled = _ref2.disabled,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      loaderColour = _useState2[0],
-      setLoaderColour = _useState2[1]; // Can't see a simpler way to get the button's text colour, without reading the value
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loaderColour = _useState2[0],
+    setLoaderColour = _useState2[1];
+
+  // Can't see a simpler way to get the button's text colour, without reading the value
   //  via JavaScript.
   //  (e.g. the `theme.buttonColours` helper returns a CSS string split into an array -
   //  don't really want to be parsing that.)
   //  (And can't use inherit because ScaleLoader's color prop is actually setting its
   //  background color.)
-
-
   var getLoaderColour = (0, _react.useCallback)(function (node) {
     if (node && typeof window.getComputedStyle === 'function') {
       var textColour = window.getComputedStyle(node).color;
-
       if (textColour) {
         setLoaderColour(textColour);
       }
@@ -81,11 +66,9 @@ var ButtonWithStates = /*#__PURE__*/_react.default.forwardRef(function (_ref2, r
     color: loaderColour
   })));
 });
-
 ButtonWithStates.defaultProps = {
   loading: false,
   disabled: false,
   loadingText: 'Loading'
 };
-var _default = ButtonWithStates;
-exports.default = _default;
+var _default = exports.default = ButtonWithStates;

package/dist/components/Atoms/Checkbox/Checkbox.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../Text/Text"));
-
 var _tick = _interopRequireDefault(require("./assets/tick.svg"));
-
 var _excluded = ["label", "value", "children"];
-
 var StyledCheckboxInput = _styledComponents.default.input.attrs({
   type: 'checkbox'
 }).withConfig({
@@ -48,7 +39,6 @@ var StyledCheckboxInput = _styledComponents.default.input.attrs({
   var theme = _ref7.theme;
   return theme.color('red');
 });
-
 var Label = _styledComponents.default.label.withConfig({
   displayName: "Checkbox__Label",
   componentId: "sc-ngak0-1"
@@ -56,12 +46,11 @@ var Label = _styledComponents.default.label.withConfig({
   var hasLabelAsString = _ref8.hasLabelAsString;
   return hasLabelAsString && 'align-items: center;';
 });
-
 var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (_ref9, ref) {
   var label = _ref9.label,
-      value = _ref9.value,
-      children = _ref9.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref9, _excluded);
+    value = _ref9.value,
+    children = _ref9.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref9, _excluded);
   return /*#__PURE__*/_react.default.createElement(Label, {
     hasLabelAsString: !!label
   }, /*#__PURE__*/_react.default.createElement(StyledCheckboxInput, Object.assign({}, rest, {
@@ -71,7 +60,6 @@ var Checkbox = /*#__PURE__*/_react.default.forwardRef(function (_ref9, ref) {
     weight: "bold"
   }, label) : children);
 });
-
 Checkbox.propTypes = {
   name: _propTypes.default.string.isRequired,
   value: _propTypes.default.string.isRequired,
@@ -82,5 +70,4 @@ Checkbox.defaultProps = {
   label: undefined,
   children: undefined
 };
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;

package/dist/components/Atoms/Checkbox/Checkbox.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-
 it('renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
     name: "sport",

package/dist/components/Atoms/Confetti/Confetti.js

@@ -1,26 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Confetti;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactCanvasConfetti = _interopRequireDefault(require("react-canvas-confetti"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 function randomInRange(min, max) {
   return Math.random() * (max - min) + min;
 }
-
 var canvasStyles = {
   position: 'fixed',
   pointerEvents: 'none',
@@ -29,7 +21,6 @@ var canvasStyles = {
   top: 0,
   left: 0
 };
-
 function getAnimationSettings(originXA, originXB) {
   return {
     startVelocity: 30,
@@ -43,17 +34,14 @@ function getAnimationSettings(originXA, originXB) {
     }
   };
 }
-
 function Confetti(_ref) {
   var trigger = _ref.trigger,
-      duration = _ref.duration;
+    duration = _ref.duration;
   var refAnimationInstance = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      intervalId = _useState2[0],
-      setIntervalId = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    intervalId = _useState2[0],
+    setIntervalId = _useState2[1];
   var getInstance = (0, _react.useCallback)(function (instance) {
     refAnimationInstance.current = instance;
   }, []);
@@ -75,12 +63,12 @@ function Confetti(_ref) {
   var stopAnimation = (0, _react.useCallback)(function () {
     clearInterval(intervalId);
     setIntervalId(null);
-
     if (refAnimationInstance.current) {
       refAnimationInstance.current.reset();
     }
-  }, [intervalId]); // eslint-disable-next-line
+  }, [intervalId]);
 
+  // eslint-disable-next-line
   (0, _react.useEffect)(function () {
     return function () {
       clearInterval(intervalId);
@@ -88,7 +76,6 @@ function Confetti(_ref) {
   }, [intervalId]);
   (0, _react.useEffect)(function () {
     var timeOut;
-
     if (trigger) {
       startAnimation();
       timeOut = setTimeout(function () {
@@ -96,7 +83,6 @@ function Confetti(_ref) {
         pauseAnimation();
       }, duration);
     }
-
     return function () {
       if (timeOut) {
         // this clears up the animation
@@ -109,7 +95,6 @@ function Confetti(_ref) {
     style: canvasStyles
   }));
 }
-
 Confetti.defaultProps = {
   duration: 3000
 };

package/dist/components/Atoms/Confetti/_TriggerConfetti.js

@@ -1,28 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TriggerConfetti;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Confetti = _interopRequireDefault(require("./Confetti"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 function TriggerConfetti() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isConfetti = _useState2[0],
-      setIsConfetti = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isConfetti = _useState2[0],
+    setIsConfetti = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Confetti.default, {
     trigger: isConfetti
   }), /*#__PURE__*/_react.default.createElement("button", {

package/dist/components/Atoms/ErrorText/ErrorText.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../Text/Text"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _CR_ErrorRed = _interopRequireDefault(require("../Input/assets/CR_Error--red.svg"));
-
 var _excluded = ["children"];
-
 var ErrorIcon = _styledComponents.default.span.withConfig({
   displayName: "ErrorText__ErrorIcon",
   componentId: "sc-19bj17r-0"
@@ -31,14 +22,11 @@ var ErrorIcon = _styledComponents.default.span.withConfig({
   var theme = _ref2.theme;
   return theme.color('red');
 });
-
 var ErrorText = function ErrorText(_ref3) {
   var children = _ref3.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Text.default, Object.assign({}, rest, {
     color: "red"
   }), /*#__PURE__*/_react.default.createElement(ErrorIcon, null, children));
 };
-
-var _default = ErrorText;
-exports.default = _default;
+var _default = exports.default = ErrorText;

package/dist/components/Atoms/ErrorText/ErrorText.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _ErrorText = _interopRequireDefault(require("./ErrorText"));
-
 it('renders correctly', function () {
   var renderer = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_ErrorText.default, {
     size: "sm"

package/dist/components/Atoms/Icons/Arrow.js

@@ -1,31 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _excluded = ["colour", "theme", "size", "direction"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 var angle = {
   right: '180deg',
   left: '0',
   down: '-90deg',
   up: '90deg'
 };
-
 var Icon = _styledComponents.default.svg.withConfig({
   displayName: "Arrow__Icon",
   componentId: "sc-1iegggu-0"
@@ -33,13 +24,12 @@ var Icon = _styledComponents.default.svg.withConfig({
   var direction = _ref.direction;
   return "rotate(".concat(angle[direction], ")");
 });
-
 var Arrow = function Arrow(_ref2) {
   var colour = _ref2.colour,
-      theme = _ref2.theme,
-      size = _ref2.size,
-      direction = _ref2.direction,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    theme = _ref2.theme,
+    size = _ref2.size,
+    direction = _ref2.direction,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
     direction: direction,
     width: size,
@@ -53,13 +43,9 @@ var Arrow = function Arrow(_ref2) {
     d: "m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
   }));
 };
-
 Arrow.defaultProps = {
   colour: 'white',
   size: 24,
   direction: 'up'
 };
-
-var _default = (0, _styledComponents.withTheme)(Arrow);
-
-exports.default = _default;
+var _default = exports.default = (0, _styledComponents.withTheme)(Arrow);

package/dist/components/Atoms/Icons/AtSign.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = require("styled-components");
-
 var _excluded = ["theme", "size", "colour"];
 var PATH_DATA = 'M40.811,9.307C36.607,4.664,30.48,2,24,2C11.458,2,2,11.458,2,24s9.458,22,22,22c10.221,0,14.032-3.779,15.29-5.031 c0.197-0.115,0.379-0.265,0.533-0.451c0.707-0.849,0.592-2.11-0.257-2.817c-0.438-0.362-1.61-1.049-3.093,0.427 C35.512,39.086,32.585,42,24,42C13.738,42,6,34.262,6,24S13.738,6,24,6c5.353,0,10.398,2.184,13.845,5.991 c3.162,3.495,4.642,8.044,4.165,12.81c-0.364,3.641-1.958,6.013-4.487,6.677c-1.853,0.487-3.658-0.145-4.269-1.011 c-1.001-1.422-0.753-4.747,0.009-8.237c1.035-3.375,2.104-6.939,2.177-7.179c0.308-1.027-0.249-2.114-1.263-2.465 c-1.012-0.349-2.122,0.161-2.515,1.159c-0.097,0.247-0.191,0.491-0.282,0.732c-1.427-1.455-3.424-2.421-5.724-2.66 c-3.983-0.41-9.547,1.602-12.107,8.643c-1.334,3.667-1.19,7.467,0.384,10.163c1.241,2.126,3.291,3.482,5.929,3.921 c4.299,0.714,7.438-0.837,9.464-3.098c0.254,0.695,0.516,1.122,0.659,1.325c1.66,2.358,5.257,3.443,8.555,2.576 c1.987-0.522,6.691-2.557,7.451-10.147C46.581,19.295,44.741,13.651,40.811,9.307z M37.871,41.195 c-0.149-0.03-0.3-0.081-0.448-0.152C37.567,41.112,37.718,41.163,37.871,41.195z M29.195,21.849 c-0.554,1.799-1.07,3.451-1.379,4.375c-0.413,1.243-2.174,5.229-7.297,4.374c-1.468-0.245-2.493-0.896-3.133-1.993 c-0.967-1.657-0.997-4.254-0.078-6.779c1.633-4.492,4.727-6.064,7.296-6.064c0.217,0,0.431,0.011,0.639,0.033 c1.952,0.203,4.068,1.433,4.396,3.726c0.01,0.074,0.024,0.146,0.043,0.217C29.49,20.479,29.329,21.181,29.195,21.849z';
-
 var AtSign = function AtSign(_ref) {
   var theme = _ref.theme,
-      size = _ref.size,
-      colour = _ref.colour,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    size = _ref.size,
+    colour = _ref.colour,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     width: size,
     height: size,
@@ -30,12 +24,8 @@ var AtSign = function AtSign(_ref) {
     d: PATH_DATA
   }));
 };
-
 AtSign.defaultProps = {
   size: 24,
   colour: 'white'
 };
-
-var _default = (0, _styledComponents.withTheme)(AtSign);
-
-exports.default = _default;
+var _default = exports.default = (0, _styledComponents.withTheme)(AtSign);