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

package/dist/components/Process/Process.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _Process = _interopRequireDefault(require("./Process.styles"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Process',
   component: _Process.default,
   argTypes: {
@@ -27,22 +27,16 @@ 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(_Process.default, args)));
-};
-var ProcessWaiting = Template.bind({});
-exports.ProcessWaiting = ProcessWaiting;
+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(_Process.default, args)));
+const ProcessWaiting = exports.ProcessWaiting = Template.bind({});
 ProcessWaiting.args = {
   waiting: true
 };
-var ProcessSuccess = Template.bind({});
-exports.ProcessSuccess = ProcessSuccess;
+const ProcessSuccess = exports.ProcessSuccess = Template.bind({});
 ProcessSuccess.args = {
   success: true
 };
-var ProcessFailed = Template.bind({});
-exports.ProcessFailed = ProcessFailed;
+const ProcessFailed = exports.ProcessFailed = Template.bind({});
 ProcessFailed.args = {
   failed: true
 };

package/dist/components/Process/Process.styles.js

@@ -9,25 +9,15 @@ var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _processWaiting = _interopRequireDefault(require("../../static/images/process-waiting.gif"));
 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 Process = _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 Process = exports.Process = _styledComponents.default.div.withConfig({
   displayName: "Processstyles__Process",
   componentId: "sc-dvfica-0"
-})(["display:block;position:relative;font-size:11px;line-height:16px;text-transform:uppercase;padding-right:26px;color:", ";opacity:0.3;", " &:before{content:'';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;font-size:19px;line-height:16px;display:block;width:16px;height:16px;position:absolute;top:50%;right:0;margin-top:-8px;", "}", " ", " ", ""], function (props) {
-  return _theme.default.cPrimary;
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 14px;\n    line-height: 20px;\n  "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 24px;\n      line-height: 20px;\n      width: 20px;\n      height: 20px;\n      margin-top: -10px;\n    "]))), function (props) {
-  return props.waiting && "\n    opacity: 1;\n\n    &:before {\n      content: '';\n      background-repeat: no-repeat;\n      background-position: 50% 50%;\n      background-size: cover;\n      background-image: url(".concat(_processWaiting.default, ");\n    }\n  ");
-}, function (props) {
-  return props.success && "\n    opacity: 1;\n\n    &:before {\n      content: '\\f14a';\n      color: ".concat(_theme.default.cProgressDone, ";\n    }\n  ");
-}, function (props) {
-  return props.failed && "\n    opacity: 1;\n    color: ".concat(_theme.default.cWarning, ";\n\n    &:before {\n      content: '\\f14e';\n    }\n  ");
-});
-exports.Process = Process;
-var _default = Process; //left out of Merge, font-weight and p below only from IIS
+})(["display:block;position:relative;font-size:11px;line-height:16px;text-transform:uppercase;padding-right:26px;color:", ";opacity:0.3;", " &:before{content:'';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;font-size:19px;line-height:16px;display:block;width:16px;height:16px;position:absolute;top:50%;right:0;margin-top:-8px;", "}", " ", " ", ""], props => _theme.default.cPrimary, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 14px;\n    line-height: 20px;\n  "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 24px;\n      line-height: 20px;\n      width: 20px;\n      height: 20px;\n      margin-top: -10px;\n    "]))), props => props.waiting && "\n    opacity: 1;\n\n    &:before {\n      content: '';\n      background-repeat: no-repeat;\n      background-position: 50% 50%;\n      background-size: cover;\n      background-image: url(".concat(_processWaiting.default, ");\n    }\n  "), props => props.success && "\n    opacity: 1;\n\n    &:before {\n      content: '\\f14a';\n      color: ".concat(_theme.default.cProgressDone, ";\n    }\n  "), props => props.failed && "\n    opacity: 1;\n    color: ".concat(_theme.default.cWarning, ";\n\n    &:before {\n      content: '\\f14e';\n    }\n  "));
+var _default = exports.default = Process; //left out of Merge, font-weight and p below only from IIS
 // font-weight: bold;
 // p {
 //   text-transform: initial;
 //   font-weight: initial;
-// }
-exports.default = _default;
+// }

package/dist/components/ProfileBadge/ProfileBadge.js

@@ -10,24 +10,26 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _earlyAdopter = _interopRequireDefault(require("../../static/images/early-adopter.png"));
 var _graduation = _interopRequireDefault(require("../../static/images/graduation.png"));
 var _ProfileBadge = require("./ProfileBadge.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Badge = _styledComponents.default.img.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Badge = _styledComponents.default.img.withConfig({
   displayName: "ProfileBadge__Badge",
   componentId: "sc-3y9ipg-0"
 })(["height:100px;@media screen and (max-width:1023px){height:80px;}"]);
-var GetBadge = function GetBadge(badge) {
+const GetBadge = badge => {
   if (badge === 'Graduation') {
     return _graduation.default;
   } else {
     return _earlyAdopter.default;
   }
 };
-var ProfileBadge = function ProfileBadge(_ref) {
-  var title = _ref.title,
-    icon = _ref.icon,
-    withIcon = _ref.withIcon,
-    color = _ref.color,
-    centerVertically = _ref.centerVertically;
+const ProfileBadge = _ref => {
+  let {
+    title,
+    icon,
+    withIcon,
+    color,
+    centerVertically
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_ProfileBadge.Wrapper, {
     color: color
   }, /*#__PURE__*/_react.default.createElement(_ProfileBadge.Title, {
@@ -49,5 +51,4 @@ ProfileBadge.defaultProps = {
   withIcon: undefined,
   color: 'white'
 };
-var _default = ProfileBadge;
-exports.default = _default;
+var _default = exports.default = ProfileBadge;

package/dist/components/ProfileBadge/ProfileBadge.stories.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ProfileBadgeWithIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _addonViewport = require("@storybook/addon-viewport");
+var _viewport = require("storybook/viewport");
 var _ProfileBadge = require("./ProfileBadge");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Profile Badge',
   component: _ProfileBadge.ProfileBadge,
   argTypes: {
@@ -37,12 +37,8 @@ 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(_ProfileBadge.ProfileBadge, args)));
-};
-var ProfileBadgeWithIcon = Template.bind({});
-exports.ProfileBadgeWithIcon = ProfileBadgeWithIcon;
+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(_ProfileBadge.ProfileBadge, args)));
+const ProfileBadgeWithIcon = exports.ProfileBadgeWithIcon = Template.bind({});
 ProfileBadgeWithIcon.args = {
   title: 'A Title',
   withIcon: true

package/dist/components/ProfileBadge/ProfileBadge.styles.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
 });
@@ -8,25 +7,20 @@ exports.Wrapper = exports.Title = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Wrapper = _styledComponents.default.div.withConfig({
+var _templateObject;
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "ProfileBadgestyles__Wrapper",
   componentId: "sc-191tkgo-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-grow:1;padding:32px;", " ", " ", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px;\n  "]))), function (props) {
-  return props.color === 'white' && "\n    color: ".concat(_theme.default.cBlack, ";\n    background-color: ").concat(_theme.default.cWhite, ";\n\n    svg {\n      stroke: ").concat(_theme.default.cBlack, ";\n    }\n  ");
-}, function (props) {
-  return props.color === 'red' && "\n    color: ".concat(_theme.default.cWhite, ";\n    background-color: ").concat(_theme.default.cWarning, ";\n\n    svg {\n      stroke: ").concat(_theme.default.cWhite, ";\n    }\n  ");
-});
-exports.Wrapper = Wrapper;
-var Title = _styledComponents.default.div.withConfig({
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-grow:1;padding:32px;", " ", " ", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px;\n  "]))), props => props.color === 'white' && "\n    color: ".concat(_theme.default.cBlack, ";\n    background-color: ").concat(_theme.default.cWhite, ";\n\n    svg {\n      stroke: ").concat(_theme.default.cBlack, ";\n    }\n  "), props => props.color === 'red' && "\n    color: ".concat(_theme.default.cWhite, ";\n    background-color: ").concat(_theme.default.cWarning, ";\n\n    svg {\n      stroke: ").concat(_theme.default.cWhite, ";\n    }\n  "));
+const Title = exports.Title = _styledComponents.default.div.withConfig({
   displayName: "ProfileBadgestyles__Title",
   componentId: "sc-191tkgo-1"
-})(["font-size:11px;line-height:24px;letter-spacing:2.06px;text-transform:uppercase;margin-bottom:20px;", ""], function (_ref) {
-  var centerVertically = _ref.centerVertically;
-  return centerVertically && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-bottom: 0;\n    "])));
-});
-exports.Title = Title;
+})(["font-size:11px;line-height:24px;letter-spacing:2.06px;text-transform:uppercase;margin-bottom:20px;", ""], _ref => {
+  let {
+    centerVertically
+  } = _ref;
+  return centerVertically && (0, _styledComponents.css)(["margin-bottom:0;"]);
+});

package/dist/components/ProfileBox/ProfileBox.js

@@ -9,24 +9,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Background = _interopRequireDefault(require("../Background/Background"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _ProfileBox = require("./ProfileBox.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-var lineBreaker = {
+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); }
+const lineBreaker = {
   wordBreak: 'break-all'
 };
-var ProfileBox = function ProfileBox(_ref) {
-  var pictureSrc = _ref.pictureSrc,
-    name = _ref.name,
-    handleEdit = _ref.handleEdit,
-    _ref$withEditButton = _ref.withEditButton,
-    withEditButton = _ref$withEditButton === void 0 ? true : _ref$withEditButton,
-    _ref$nameStyle = _ref.nameStyle,
-    nameStyle = _ref$nameStyle === void 0 ? {} : _ref$nameStyle;
+const ProfileBox = _ref => {
+  let {
+    pictureSrc,
+    name,
+    handleEdit,
+    withEditButton = true,
+    nameStyle = {}
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_ProfileBox.Container, null, /*#__PURE__*/_react.default.createElement(_ProfileBox.ImageWrapper, null, /*#__PURE__*/_react.default.createElement(_Background.default, {
     src: pictureSrc
   })), /*#__PURE__*/_react.default.createElement(_ProfileBox.EditButton, {
@@ -44,9 +43,8 @@ ProfileBox.propTypes = {
   nameStyle: _propTypes.default.object
 };
 ProfileBox.defaultProps = {
-  handleEdit: function handleEdit() {},
+  handleEdit: () => {},
   name: '',
   withEditButton: true
 };
-var _default = ProfileBox;
-exports.default = _default;
+var _default = exports.default = ProfileBox;

package/dist/components/ProfileBox/ProfileBox.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _ProfileBox = require("./ProfileBox");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Profile Box',
   component: _ProfileBox.ProfileBox,
   argTypes: {
@@ -24,16 +24,12 @@ var _default = {
     handleEdit: {
       type: 'function',
       action: 'handleEdit',
-      defaultValue: function defaultValue() {}
+      defaultValue: () => {}
     }
   }
 };
-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(_ProfileBox.ProfileBox, args)));
-};
-var ProfileBoxDefault = Template.bind({});
-exports.ProfileBoxDefault = ProfileBoxDefault;
+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(_ProfileBox.ProfileBox, args)));
+const ProfileBoxDefault = exports.ProfileBoxDefault = Template.bind({});
 ProfileBoxDefault.args = {
   pictureSrc: '../../static/images/avatar.png'
 };

package/dist/components/ProfileBox/ProfileBox.styles.js

@@ -6,44 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.Name = exports.ImageWrapper = exports.EditIcon = exports.EditButton = exports.Container = exports.AddmoreIcon = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Background = require("../Background/Background.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "ProfileBoxstyles__Container",
   componentId: "sc-1qi9mhg-0"
 })(["width:100%;height:100%;display:flex;flex-direction:column;"]);
-exports.Container = Container;
-var ImageWrapper = _styledComponents.default.div.withConfig({
+const ImageWrapper = exports.ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "ProfileBoxstyles__ImageWrapper",
   componentId: "sc-1qi9mhg-1"
 })(["flex-grow:1;min-height:300px;", "{width:100%;padding-top:100%;}"], _Background.Container);
-exports.ImageWrapper = ImageWrapper;
-var EditButton = _styledComponents.default.button.withConfig({
+const EditButton = exports.EditButton = _styledComponents.default.button.withConfig({
   displayName: "ProfileBoxstyles__EditButton",
   componentId: "sc-1qi9mhg-2"
-})(["display:block;width:100%;color:", ";border-bottom:1px solid ", ";transition:color 0.2s;&:focus,&:hover{color:", ";}&:focus{outline:none;}& > div{width:100%;}"], function (props) {
-  return props.theme.cBlack;
-}, function (props) {
-  return props.theme.cLightGrey;
-}, function (props) {
-  return props.theme.cPrimary;
-});
-exports.EditButton = EditButton;
-var Name = _styledComponents.default.div.withConfig({
+})(["display:block;width:100%;color:", ";border-bottom:1px solid ", ";transition:color 0.2s;&:focus,&:hover{color:", ";}&:focus{outline:none;}& > div{width:100%;}"], props => props.theme.cBlack, props => props.theme.cLightGrey, props => props.theme.cPrimary);
+const Name = exports.Name = _styledComponents.default.div.withConfig({
   displayName: "ProfileBoxstyles__Name",
   componentId: "sc-1qi9mhg-3"
 })(["position:relative;font-size:16px;line-height:20px;font-weight:600;letter-spacing:0.6px;text-align:center;"]);
-exports.Name = Name;
-var EditIcon = _styledComponents.default.i.attrs({
+const EditIcon = exports.EditIcon = _styledComponents.default.i.attrs({
   className: 'ion-md-create'
 }).withConfig({
   displayName: "ProfileBoxstyles__EditIcon",
   componentId: "sc-1qi9mhg-4"
 })(["margin-left:12px;&:before{transform:rotate(-15deg);}"]);
-exports.EditIcon = EditIcon;
-var AddmoreIcon = _styledComponents.default.i.attrs({
+const AddmoreIcon = exports.AddmoreIcon = _styledComponents.default.i.attrs({
   className: 'ion-ios-add-circle-outline'
 }).withConfig({
   displayName: "ProfileBoxstyles__AddmoreIcon",
   componentId: "sc-1qi9mhg-5"
-})(["margin-left:12px;font-size:30px;"]);
-exports.AddmoreIcon = AddmoreIcon;
+})(["margin-left:12px;font-size:30px;"]);