@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/Checkbox/Checkbox.js

@@ -8,35 +8,37 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Checkbox = require("./Checkbox.styles");
-var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onClick", "marginTop"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CheckBoxCaption = _styledComponents.default.div.withConfig({
+const _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onClick", "marginTop"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const CheckBoxCaption = exports.CheckBoxCaption = _styledComponents.default.div.withConfig({
   displayName: "Checkbox__CheckBoxCaption",
   componentId: "sc-knu01c-0"
 })(["padding-top:12px;letter-spacing:0.4px;font-size:11px;font-weight:400;"]);
 
 // TODO: Refactor
-exports.CheckBoxCaption = CheckBoxCaption;
-var Checkbox = function Checkbox(_ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    text = _ref.text,
-    label = _ref.label,
-    value = _ref.value,
-    checked = _ref.checked,
-    large = _ref.large,
-    error = _ref.error,
-    touched = _ref.touched,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    textStyle = _ref.textStyle,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    marginTop = _ref.marginTop,
+
+const Checkbox = _ref => {
+  let {
+      id,
+      name,
+      text,
+      label,
+      value,
+      checked,
+      large,
+      error,
+      touched,
+      onChange,
+      onBlur,
+      onFocus,
+      textStyle,
+      disabled,
+      onClick,
+      marginTop
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Checkbox.Wrapper, {
     marginTop: marginTop
@@ -64,7 +66,7 @@ var Checkbox = function Checkbox(_ref) {
   }, text)));
 };
 exports.Checkbox = Checkbox;
-var CheckboxPropTypes = {
+const CheckboxPropTypes = exports.CheckboxPropTypes = {
   id: _propTypes.default.string.isRequired,
   name: _propTypes.default.string,
   text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
@@ -80,7 +82,6 @@ var CheckboxPropTypes = {
   onClick: _propTypes.default.func,
   textStyle: _propTypes.default.object
 };
-exports.CheckboxPropTypes = CheckboxPropTypes;
 Checkbox.propTypes = CheckboxPropTypes;
 Checkbox.defaultProps = {
   name: '',
@@ -91,11 +92,10 @@ Checkbox.defaultProps = {
   large: false,
   error: false,
   touched: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {},
-  onClick: function onClick() {},
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {},
+  onClick: () => {},
   textStyle: {}
 };
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;

package/dist/components/Checkbox/Checkbox.stories.js

@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _Checkbox = require("./Checkbox");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { Wrapper, Label, InputWrap } from './Input.styles'
 // import { useState } from 'react'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Checkbox',
   component: _Checkbox.Checkbox,
   argTypes: {
@@ -76,17 +76,12 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__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(_Checkbox.Checkbox, args)));
-};
-var CheckboxUnchecked = Template.bind({});
-exports.CheckboxUnchecked = CheckboxUnchecked;
+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(_Checkbox.Checkbox, args)));
+const CheckboxUnchecked = exports.CheckboxUnchecked = Template.bind({});
 CheckboxUnchecked.args = {
   label: 'A Label'
 };
-var CheckboxChecked = Template.bind({});
-exports.CheckboxChecked = CheckboxChecked;
+const CheckboxChecked = exports.CheckboxChecked = Template.bind({});
 CheckboxChecked.args = {
   label: 'A Label',
   checked: true

package/dist/components/Checkbox/Checkbox.styles.js

@@ -7,36 +7,24 @@ exports.Wrapper = exports.Label = exports.Input = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Input = require("../Input/Input.styles");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Wrapper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Checkboxstyles__Wrapper",
   componentId: "sc-1drozoj-0"
-})(["position:relative;display:block;margin-top:", ";"], function (_ref) {
-  var marginTop = _ref.marginTop;
+})(["position:relative;display:block;margin-top:", ";"], _ref => {
+  let {
+    marginTop
+  } = _ref;
   return marginTop && '7px';
 });
-exports.Wrapper = Wrapper;
-var Label = (0, _styledComponents.default)(_Input.Label).withConfig({
+const Label = exports.Label = (0, _styledComponents.default)(_Input.Label).withConfig({
   displayName: "Checkboxstyles__Label",
   componentId: "sc-1drozoj-1"
 })(["position:relative;top:0;transform:none;font-size:10px;margin-bottom:5px;"]);
-exports.Label = Label;
-var Input = _styledComponents.default.div.withConfig({
+const Input = exports.Input = _styledComponents.default.div.withConfig({
   displayName: "Checkboxstyles__Input",
   componentId: "sc-1drozoj-2"
-})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.4px;cursor:pointer;p{margin:0;}", ";p{font-size:12px;}&:before,&:after{display:block;position:absolute;}&:before{content:'';top:0;left:0;width:16px;height:16px;border-radius:3px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;", " ", "}&:after{content:'\\f3ff';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:3px;left:3px;width:10px;height:10px;font-size:22px;line-height:10px;text-align:center;color:transparent;", ";}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{color:", ";}}}"], function (props) {
-  return props.error && "color: ".concat(_theme.default.cWarning);
-}, function (props) {
-  return props.large && "\n          width: 20px;\n          height: 20px;\n          border-radius: 4px;\n        ";
-}, function (props) {
-  return props.disabled && "\n            background-color: #9b9b9b30;\n\n        ";
-}, function (props) {
-  return props.large && "\n          top: 0;\n          left: 0;\n          width: 20px;\n          height: 20px;\n          font-size: 34px;\n          line-height: 20px;\n        ";
-}, function (props) {
-  return props.disabled ? 'none' : _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cPrimary;
-});
+})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:12px;line-height:16px;font-weight:300;letter-spacing:0.4px;cursor:pointer;p{margin:0;}", ";p{font-size:12px;}&:before,&:after{display:block;position:absolute;}&:before{content:'';top:0;left:0;width:16px;height:16px;border-radius:3px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;", " ", "}&:after{content:'\\f3ff';font-family:'Ionicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:3px;left:3px;width:10px;height:10px;font-size:22px;line-height:10px;text-align:center;color:transparent;", ";}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{color:", ";}}}"], props => props.error && "color: ".concat(_theme.default.cWarning), props => props.large && "\n          width: 20px;\n          height: 20px;\n          border-radius: 4px;\n        ", props => props.disabled && "\n            background-color: #9b9b9b30;\n\n        ", props => props.large && "\n          top: 0;\n          left: 0;\n          width: 20px;\n          height: 20px;\n          font-size: 34px;\n          line-height: 20px;\n        ", props => props.disabled ? 'none' : _theme.default.cPrimary, props => _theme.default.cPrimary);
 
 // IIS had minor differences - leaving out of merge. lighter checkbox border, more margin
 // IIS Input & + label
@@ -44,5 +32,4 @@ var Input = _styledComponents.default.div.withConfig({
 //    line-height: 22px;
 //    border: 1px solid ${theme.cGrey}
 // &:before  +  &:after
-//    margin-top: 3px;
-exports.Input = Input;
+//    margin-top: 3px;

package/dist/components/Checklist/ChecklistCard.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,18 +11,18 @@ var _ChecklistCard = require("./ChecklistCard.styles");
 var _ToDoListTask = require("../ToDoList/ToDoListTask.styles");
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _warningFilled = require("../../static/images/warning-filled.svg");
-var _excluded = ["iconState", "title", "description", "link", "onClick", "tooltip", "iconCopy", "disabled", "isClickable"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const _excluded = ["iconState", "title", "description", "link", "onClick", "tooltip", "iconCopy", "disabled", "isClickable"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 // Only three icon states: done, missing, in_progress
-var ICON_MAP = {
+const ICON_MAP = {
   done: {
     icon: _Icon.iconsMap.check,
     color: _colors.default.freshGreen
@@ -37,48 +36,48 @@ var ICON_MAP = {
     color: _colors.default.lightGrey
   }
 };
-var ChecklistCard = function ChecklistCard(_ref) {
+const ChecklistCard = _ref => {
   var _icon$props;
-  var _ref$iconState = _ref.iconState,
-    iconState = _ref$iconState === void 0 ? 'missing' : _ref$iconState,
-    title = _ref.title,
-    description = _ref.description,
-    link = _ref.link,
-    onClick = _ref.onClick,
-    tooltip = _ref.tooltip,
-    iconCopy = _ref.iconCopy,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$isClickable = _ref.isClickable,
-    isClickable = _ref$isClickable === void 0 ? true : _ref$isClickable,
+  let {
+      iconState = 'missing',
+      title,
+      description,
+      link,
+      onClick,
+      tooltip,
+      iconCopy,
+      disabled = false,
+      isClickable = true
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   // Fallback to missing if iconState is not recognized
-  var _ref2 = ICON_MAP[iconState] || ICON_MAP['missing'],
-    icon = _ref2.icon,
-    color = _ref2.color;
+  const {
+    icon,
+    color
+  } = ICON_MAP[iconState] || ICON_MAP['missing'];
 
   // Render font icon if string, or SVG if React element
-  var iconElement = typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_ToDoListTask.Icon, {
+  const iconElement = typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_ToDoListTask.Icon, {
     icon: icon,
     style: {
-      color: color,
+      color,
       display: 'block',
       fontSize: 16
     }
-  }) : /*#__PURE__*/_react.default.cloneElement(icon, {
+  }) : (/*#__PURE__*/_react.default.cloneElement(icon, {
     style: _objectSpread({
-      color: color,
+      color,
       width: 20,
       height: 20
     }, (_icon$props = icon.props) === null || _icon$props === void 0 ? void 0 : _icon$props.style)
-  });
-  var content = /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardContainer, _extends({
+  }));
+  const content = /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardContainer, _extends({
     "aria-disabled": disabled,
     isClickable: isClickable,
     tabIndex: disabled ? -1 : 0
   }, onClick ? {
     role: 'button',
-    onClick: onClick
+    onClick
   } : {}, rest), /*#__PURE__*/_react.default.createElement(_ChecklistCard.IconBlock, null, iconElement, /*#__PURE__*/_react.default.createElement(_ChecklistCard.IconCopy, null, iconCopy)), /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardTitle, null, title), /*#__PURE__*/_react.default.createElement(_ChecklistCard.CardDescription, null, description));
   if (link && !onClick && !disabled) {
     return /*#__PURE__*/_react.default.createElement("a", {
@@ -104,5 +103,4 @@ ChecklistCard.propTypes = {
   iconCopy: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool
 };
-var _default = ChecklistCard;
-exports.default = _default;
+var _default = exports.default = ChecklistCard;

package/dist/components/Checklist/ChecklistCard.stories.js

@@ -4,122 +4,99 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.WithOnClick = exports.WithLink = exports.Missing = exports.InProgress = exports.GridOfCards = exports.DoneVerified = exports.DoneRegistered = exports.DoneApproved = exports.Disabled = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireDefault(require("react"));
 var _ChecklistCard = _interopRequireDefault(require("./ChecklistCard"));
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Adjust path as needed
-var _default = {
+var _default = exports.default = {
   title: 'Checklist/ChecklistCard',
   component: _ChecklistCard.default,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(Story, null));
-  }]
-};
-exports.default = _default;
-var DoneRegistered = function DoneRegistered() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "done",
-    iconCopy: "REGISTERED",
-    title: "Country of Residence",
-    description: "We ask for your country of residence to ensure legal access to the right investment opportunities."
-  });
+  decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(Story, null))]
 };
+const DoneRegistered = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "done",
+  iconCopy: "REGISTERED",
+  title: "Country of Residence",
+  description: "We ask for your country of residence to ensure legal access to the right investment opportunities."
+});
 exports.DoneRegistered = DoneRegistered;
-var DoneVerified = function DoneVerified() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "done",
-    iconCopy: "VERIFIED",
-    title: "Verify Identity",
-    description: "KYC is required to confirm your identity before you can invest or trade."
-  });
-};
+const DoneVerified = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "done",
+  iconCopy: "VERIFIED",
+  title: "Verify Identity",
+  description: "KYC is required to confirm your identity before you can invest or trade."
+});
 exports.DoneVerified = DoneVerified;
-var DoneApproved = function DoneApproved() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "done",
-    iconCopy: "APPROVED",
-    title: "Tax ID",
-    description: "Some offers require you to provide your Tax ID before being able to invest in."
-  });
-};
+const DoneApproved = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "done",
+  iconCopy: "APPROVED",
+  title: "Tax ID",
+  description: "Some offers require you to provide your Tax ID before being able to invest in."
+});
 exports.DoneApproved = DoneApproved;
-var Missing = function Missing() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "missing",
-    iconCopy: "MISSING STEP",
-    title: "Liquid Address",
-    description: "This is your wallet address on the Liquid Network, required for token delivery."
-  });
-};
+const Missing = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "missing",
+  iconCopy: "MISSING STEP",
+  title: "Liquid Address",
+  description: "This is your wallet address on the Liquid Network, required for token delivery."
+});
 exports.Missing = Missing;
-var InProgress = function InProgress() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "in_progress",
-    iconCopy: "IN PROGRESS",
-    title: "Verify Identity",
-    description: "Our anti-fraud squad is still working."
-  });
-};
+const InProgress = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "in_progress",
+  iconCopy: "IN PROGRESS",
+  title: "Verify Identity",
+  description: "Our anti-fraud squad is still working."
+});
 exports.InProgress = InProgress;
-var WithLink = function WithLink() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "missing",
-    iconCopy: "MISSING STEP",
-    title: "Liquid Address",
-    description: "Clicking this card will take you to the registration page.",
-    link: "/register-liquid"
-  });
-};
+const WithLink = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "missing",
+  iconCopy: "MISSING STEP",
+  title: "Liquid Address",
+  description: "Clicking this card will take you to the registration page.",
+  link: "/register-liquid"
+});
 exports.WithLink = WithLink;
-var WithOnClick = function WithOnClick() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "done",
-    iconCopy: "VERIFIED",
-    title: "Clickable Card",
-    description: "This card is clickable and calls an onClick handler.",
-    onClick: function onClick() {
-      return alert('Card clicked!');
-    }
-  });
-};
+const WithOnClick = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "done",
+  iconCopy: "VERIFIED",
+  title: "Clickable Card",
+  description: "This card is clickable and calls an onClick handler.",
+  onClick: () => alert('Card clicked!')
+});
 exports.WithOnClick = WithOnClick;
-var Disabled = function Disabled() {
-  return /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "missing",
-    iconCopy: "MISSING STEP",
-    title: "Disabled Card",
-    description: "This card is disabled and not interactive.",
-    disabled: true
-  });
-};
+const Disabled = () => /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "missing",
+  iconCopy: "MISSING STEP",
+  title: "Disabled Card",
+  description: "This card is disabled and not interactive.",
+  disabled: true
+});
 exports.Disabled = Disabled;
-var Grid = _styledComponents.default.div.withConfig({
+const Grid = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstories__Grid",
   componentId: "sc-no624-0"
 })(["display:grid;grid-template-columns:repeat(4,1fr);gap:32px;@media (max-width:900px){grid-template-columns:1fr;}"]);
-var GridOfCards = function GridOfCards() {
-  return /*#__PURE__*/_react.default.createElement(Grid, null, /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "done",
-    iconCopy: "REGISTERED",
-    title: "Country of Residence",
-    description: "We ask for your country of residence to ensure legal access to the right investment opportunities."
-  }), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "done",
-    iconCopy: "VERIFIED",
-    title: "Verify Identity",
-    description: "KYC is required to confirm your identity before you can invest or trade."
-  }), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "missing",
-    iconCopy: "MISSING STEP",
-    title: "Liquid Address",
-    description: "This is your wallet address on the Liquid Network, required for token delivery."
-  }), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
-    iconState: "in_progress",
-    iconCopy: "IN PROGRESS",
-    title: "Tax ID",
-    description: "Some offers require you to provide your Tax ID before being able to invest in."
-  }));
-};
+const GridOfCards = () => /*#__PURE__*/_react.default.createElement(Grid, null, /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "done",
+  iconCopy: "REGISTERED",
+  title: "Country of Residence",
+  description: "We ask for your country of residence to ensure legal access to the right investment opportunities."
+}), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "done",
+  iconCopy: "VERIFIED",
+  title: "Verify Identity",
+  description: "KYC is required to confirm your identity before you can invest or trade."
+}), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "missing",
+  iconCopy: "MISSING STEP",
+  title: "Liquid Address",
+  description: "This is your wallet address on the Liquid Network, required for token delivery."
+}), /*#__PURE__*/_react.default.createElement(_ChecklistCard.default, {
+  iconState: "in_progress",
+  iconCopy: "IN PROGRESS",
+  title: "Tax ID",
+  description: "Some offers require you to provide your Tax ID before being able to invest in."
+}));
 exports.GridOfCards = GridOfCards;

package/dist/components/Checklist/ChecklistCard.styles.js

@@ -7,33 +7,30 @@ exports.IconCopy = exports.IconBlock = exports.CardTitle = exports.CardDescripti
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var CardContainer = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const CardContainer = exports.CardContainer = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__CardContainer",
   componentId: "sc-rufrg1-0"
-})(["display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea;border-radius:1px;background:#fff;padding:32px 32px 32px 32px;min-width:320px;min-height:220px;height:100%;box-sizing:border-box;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.01);position:relative;cursor:pointer;&:hover{box-shadow:0 4px 16px rgba(0,0,0,0.04);}", " &[aria-disabled='true']{opacity:0.5;cursor:not-allowed;}"], function (_ref) {
-  var isClickable = _ref.isClickable;
+})(["display:flex;flex-direction:column;align-items:flex-start;border:1px solid #eaeaea;border-radius:1px;background:#fff;padding:32px 32px 32px 32px;min-width:320px;min-height:220px;height:100%;box-sizing:border-box;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.01);position:relative;cursor:pointer;&:hover{box-shadow:0 4px 16px rgba(0,0,0,0.04);}", " &[aria-disabled='true']{opacity:0.5;cursor:not-allowed;}"], _ref => {
+  let {
+    isClickable
+  } = _ref;
   return !isClickable && "\n      cursor: initial;\n    ";
 });
-exports.CardContainer = CardContainer;
-var IconBlock = _styledComponents.default.div.withConfig({
+const IconBlock = exports.IconBlock = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__IconBlock",
   componentId: "sc-rufrg1-1"
 })(["display:flex;align-items:center;margin-bottom:32px;"]);
-exports.IconBlock = IconBlock;
-var IconCopy = _styledComponents.default.span.withConfig({
+const IconCopy = exports.IconCopy = _styledComponents.default.span.withConfig({
   displayName: "ChecklistCardstyles__IconCopy",
   componentId: "sc-rufrg1-2"
 })(["font-size:11px;font-weight:400;letter-spacing:2px;margin-left:8px;line-height:16px;text-transform:uppercase;"]);
-exports.IconCopy = IconCopy;
-var CardTitle = _styledComponents.default.div.withConfig({
+const CardTitle = exports.CardTitle = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__CardTitle",
   componentId: "sc-rufrg1-3"
 })(["margin-bottom:32px;text-transform:uppercase;color:#202020;font-weight:800;word-wrap:break-word;font-size:16px;line-height:24px;letter-spacing:0.6px;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 22px;\n  letter-spacing: 0.8px;\n  line-height: 28px;\n"]))));
-exports.CardTitle = CardTitle;
-var CardDescription = _styledComponents.default.div.withConfig({
+const CardDescription = exports.CardDescription = _styledComponents.default.div.withConfig({
   displayName: "ChecklistCardstyles__CardDescription",
   componentId: "sc-rufrg1-4"
-})(["color:#202020;font-size:14px;font-weight:300;line-height:20px;letter-spacing:0.5px;word-wrap:break-word;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.8px;\n"]))));
-exports.CardDescription = CardDescription;
+})(["color:#202020;font-size:14px;font-weight:300;line-height:20px;letter-spacing:0.5px;word-wrap:break-word;", ""], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.8px;\n"]))));

package/dist/components/Chips/Chip.js

@@ -8,16 +8,18 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ChipStyles = require("./Chip.styles.js");
 var _InfoIcon = _interopRequireDefault(require("../InfoIcon/InfoIcon.js"));
-var _excluded = ["children", "isActive", "onClick", "tooltip"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Chip = function Chip(_ref) {
-  var children = _ref.children,
-    isActive = _ref.isActive,
-    onClick = _ref.onClick,
-    tooltip = _ref.tooltip,
+const _excluded = ["children", "isActive", "onClick", "tooltip"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Chip = _ref => {
+  let {
+      children,
+      isActive,
+      onClick,
+      tooltip
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_ChipStyles.StyledChip, _extends({
     onClick: onClick,
@@ -39,8 +41,7 @@ Chip.propTypes = {
 };
 Chip.defaultProps = {
   isActive: false,
-  onClick: function onClick() {},
+  onClick: () => {},
   tooltip: null
 };
-var _default = Chip;
-exports.default = _default;
+var _default = exports.default = Chip;