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

package/dist/components/TermsModal/TermsModal.stories.js

@@ -9,8 +9,8 @@ var _TermsModal = require("./TermsModal");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
 var _reactRouterDom = require("react-router-dom");
-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/Terms Modal',
   component: _TermsModal.TermsModal,
   argTypes: {
@@ -26,10 +26,6 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TermsModal.TermsModal, args))));
-};
-var TermsModalDefault = Template.bind({});
-exports.TermsModalDefault = TermsModalDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TermsModal.TermsModal, args))));
+const TermsModalDefault = exports.TermsModalDefault = Template.bind({});
 TermsModalDefault.args = {};

package/dist/components/TermsModal/_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
 });
@@ -13,163 +12,99 @@ var _Grid = require("../Grid/Grid.styles");
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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 _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 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 _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({
+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 _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: "_styles__Wrapper",
   componentId: "sc-10twwzl-0"
 })(["height:100%;display:flex;flex-direction:column;padding:33px 0;", "{p{", "}}"], _Text.default, _rwd.default.XLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 16px;\n      "]))));
-exports.Wrapper = Wrapper;
-var Header = _styledComponents.default.div.withConfig({
+const Header = exports.Header = _styledComponents.default.div.withConfig({
   displayName: "_styles__Header",
   componentId: "sc-10twwzl-1"
 })(["min-height:82px;display:flex;flex-wrap:wrap;padding:12px 24px;flex-shrink:0;", ""], _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 21px 64px;\n  "]))));
-exports.Header = Header;
-var HeaderTitle = _styledComponents.default.div.withConfig({
+const HeaderTitle = exports.HeaderTitle = _styledComponents.default.div.withConfig({
   displayName: "_styles__HeaderTitle",
   componentId: "sc-10twwzl-2"
-})(["font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;", ""], function (props) {
-  return props.withMargin && 'margin-top: 16px;';
-});
-exports.HeaderTitle = HeaderTitle;
-var HeaderButtonWrapper = _styledComponents.default.div.withConfig({
+})(["font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;", ""], props => props.withMargin && 'margin-top: 16px;');
+const HeaderButtonWrapper = exports.HeaderButtonWrapper = _styledComponents.default.div.withConfig({
   displayName: "_styles__HeaderButtonWrapper",
   componentId: "sc-10twwzl-3"
 })(["margin:0 auto;padding:8px 0;& > *{display:inline-block !important;}", " ", "", "", "{margin-right:16px;&:last-child{margin-right:0;}}"], _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-right: 0;\n  "]))), _Button.default, _Button.default, _Button.default);
-exports.HeaderButtonWrapper = HeaderButtonWrapper;
-var Body = _styledComponents.default.div.withConfig({
+const Body = exports.Body = _styledComponents.default.div.withConfig({
   displayName: "_styles__Body",
   componentId: "sc-10twwzl-4"
-})(["padding:21px 24px;height:100%;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;@media screen and (max-width:767px){display:flex;justify-content:space-between;padding:0;}", " ", " ", ""], function (props) {
-  return props.noVerticalPadding && "\n    padding-top: 0!important;\n    padding-bottom: 0!important;\n  ";
-}, function (props) {
-  return props.noHorizontalPadding && "\n    padding-left: 0;\n    padding-right: 0;\n  ";
-}, function (props) {
-  return props.form && (0, _styledComponents.css)(["padding:21px 48px;justify-content:flex-start;", "{flex-shrink:0;}"], _Grid.Row);
-});
-exports.Body = Body;
-var BottomWrapper = _styledComponents.default.div.withConfig({
+})(["padding:21px 24px;height:100%;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;@media screen and (max-width:767px){display:flex;justify-content:space-between;padding:0;}", " ", " ", ""], props => props.noVerticalPadding && "\n    padding-top: 0!important;\n    padding-bottom: 0!important;\n  ", props => props.noHorizontalPadding && "\n    padding-left: 0;\n    padding-right: 0;\n  ", props => props.form && (0, _styledComponents.css)(["padding:21px 48px;justify-content:flex-start;", "{flex-shrink:0;}"], _Grid.Row));
+const BottomWrapper = exports.BottomWrapper = _styledComponents.default.div.withConfig({
   displayName: "_styles__BottomWrapper",
   componentId: "sc-10twwzl-5"
 })(["", "{display:flex;justify-content:space-between;flex-direction:column;", " + ", "{padding-top:32px;", "}", "{white-space:nowrap;padding-left:28px;}}"], _Form.FormField, _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: inline-block;\n      vertical-align: middle;\n      margin-right: 44px;\n    "]))), _Form.FormField, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding-top: 0;\n      "]))), _Form.FormError);
-exports.BottomWrapper = BottomWrapper;
-var BodyTitle = _styledComponents.default.div.withConfig({
+const BodyTitle = exports.BodyTitle = _styledComponents.default.div.withConfig({
   displayName: "_styles__BodyTitle",
   componentId: "sc-10twwzl-6"
-})(["text-align:center;margin:0 auto;font-size:11px;font-weight:bold;line-height:1.82;letter-spacing:2px;", ""], function (props) {
-  return props.faceScan && "\n    margin-top: 20px;\n  ";
-});
-exports.BodyTitle = BodyTitle;
-var ColumnInner = _styledComponents.default.div.withConfig({
+})(["text-align:center;margin:0 auto;font-size:11px;font-weight:bold;line-height:1.82;letter-spacing:2px;", ""], props => props.faceScan && "\n    margin-top: 20px;\n  ");
+const ColumnInner = exports.ColumnInner = _styledComponents.default.div.withConfig({
   displayName: "_styles__ColumnInner",
   componentId: "sc-10twwzl-7"
-})(["display:flex;flex-direction:column;align-items:center;height:100%;", " ", " ", " ", " ", " ", " ", ""], function (props) {
-  return props.verticalPadding && "\n    padding-top: 40px;\n    padding-bottom: 40px;\n  ";
-}, function (props) {
-  return props.horizontalPadding && "\n    padding-left: 36px;\n    padding-right: 36px;\n  ";
-}, function (props) {
-  return props.formInner && "\n    padding-left: 18px;\n    padding-right: 18px;\n    align-items: stretch;\n  ";
-}, function (props) {
-  return props.withSeparator && "\n    border-bottom: 1px solid ".concat(props.theme.cLightGrey, ";\n  ");
-}, function (props) {
-  return props.verticalCenter && "\n    justify-content: center;\n  ";
-}, function (props) {
-  return props.verticalSpaceAround && "\n    justify-content: space-around;\n  ";
-}, _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
-  return props.withSeparator && "\n      border-bottom: 0;\n      border-right: 1px solid ".concat(props.theme.cLightGrey, ";\n    ");
-}));
-exports.ColumnInner = ColumnInner;
-var FileInput = _styledComponents.default.input.attrs(function (props) {
-  return _objectSpread({
-    type: 'file'
-  }, props);
-}).withConfig({
+})(["display:flex;flex-direction:column;align-items:center;height:100%;", " ", " ", " ", " ", " ", " ", ""], props => props.verticalPadding && "\n    padding-top: 40px;\n    padding-bottom: 40px;\n  ", props => props.horizontalPadding && "\n    padding-left: 36px;\n    padding-right: 36px;\n  ", props => props.formInner && "\n    padding-left: 18px;\n    padding-right: 18px;\n    align-items: stretch;\n  ", props => props.withSeparator && "\n    border-bottom: 1px solid ".concat(props.theme.cLightGrey, ";\n  "), props => props.verticalCenter && "\n    justify-content: center;\n  ", props => props.verticalSpaceAround && "\n    justify-content: space-around;\n  ", _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n  "])), props => props.withSeparator && "\n      border-bottom: 0;\n      border-right: 1px solid ".concat(props.theme.cLightGrey, ";\n    ")));
+const FileInput = exports.FileInput = _styledComponents.default.input.attrs(props => _objectSpread({
+  type: 'file'
+}, props)).withConfig({
   displayName: "_styles__FileInput",
   componentId: "sc-10twwzl-8"
 })(["visibility:hidden;position:absolute;width:0.1px;height:0.1px;z-index:-1;"]);
-exports.FileInput = FileInput;
-var FileInputWrapper = (0, _styledComponents.default)(_Button.default).attrs({
+const FileInputWrapper = exports.FileInputWrapper = (0, _styledComponents.default)(_Button.default).attrs({
   as: 'label',
   type: undefined
 }).withConfig({
   displayName: "_styles__FileInputWrapper",
   componentId: "sc-10twwzl-9"
 })(["position:relative;word-break:break-all;"]);
-exports.FileInputWrapper = FileInputWrapper;
-var FileInputRemove = (0, _styledComponents.default)(_Icon.default).attrs({
+const FileInputRemove = exports.FileInputRemove = (0, _styledComponents.default)(_Icon.default).attrs({
   icon: _Icon.iconsMap.trash
 }).withConfig({
   displayName: "_styles__FileInputRemove",
   componentId: "sc-10twwzl-10"
-})(["position:absolute;top:50%;right:0px;transform:translateY(-50%);font-size:16px;cursor:pointer;transition:0.3s color;color:", ";border-radius:50%;border:1px solid ", ";padding:10px;&:hover{color:", ";}"], function (props) {
-  return props.theme.cWarning;
-}, function (props) {
-  return props.theme.cLightGrey;
-}, function (props) {
-  return props.theme.cPrimary;
-});
-exports.FileInputRemove = FileInputRemove;
-var SuccessMark = (0, _styledComponents.default)(_Icon.default).attrs({
+})(["position:absolute;top:50%;right:0px;transform:translateY(-50%);font-size:16px;cursor:pointer;transition:0.3s color;color:", ";border-radius:50%;border:1px solid ", ";padding:10px;&:hover{color:", ";}"], props => props.theme.cWarning, props => props.theme.cLightGrey, props => props.theme.cPrimary);
+const SuccessMark = exports.SuccessMark = (0, _styledComponents.default)(_Icon.default).attrs({
   icon: _Icon.iconsMap.check
 }).withConfig({
   displayName: "_styles__SuccessMark",
   componentId: "sc-10twwzl-11"
-})(["width:40px;height:40px;border-radius:50%;display:flex !important;justify-content:center;align-items:center;color:", ";margin:auto;font-size:18px;", ""], function (props) {
-  return props.theme.cSuccess;
-}, function (props) {
-  return props.isHidden && "\n    opacity: 0;\n  ";
-});
-exports.SuccessMark = SuccessMark;
-var FileInputList = _styledComponents.default.ul.withConfig({
+})(["width:40px;height:40px;border-radius:50%;display:flex !important;justify-content:center;align-items:center;color:", ";margin:auto;font-size:18px;", ""], props => props.theme.cSuccess, props => props.isHidden && "\n    opacity: 0;\n  ");
+const FileInputList = exports.FileInputList = _styledComponents.default.ul.withConfig({
   displayName: "_styles__FileInputList",
   componentId: "sc-10twwzl-12"
 })(["list-style-type:none;padding:0;font-size:12px;width:100%;"]);
-exports.FileInputList = FileInputList;
-var FileInputItem = _styledComponents.default.li.withConfig({
+const FileInputItem = exports.FileInputItem = _styledComponents.default.li.withConfig({
   displayName: "_styles__FileInputItem",
   componentId: "sc-10twwzl-13"
 })(["padding:0 46px 0 8px;margin-right:8px;position:relative;word-break:break-all;"]);
-exports.FileInputItem = FileInputItem;
-var DocumentScanButtonsStyle = (0, _styledComponents.css)(["width:40px;height:40px;margin-top:20px;margin-bottom:10px;border-radius:50%;background:", ";color:", ";display:flex !important;justify-content:center;align-items:center;font-size:18px;& > svg{fill:", ";stroke:", ";}"], function (props) {
-  return props.theme.cPrimary;
-}, function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.theme.cWhite;
-}, function (props) {
-  return props.theme.cWhite;
-});
-var RetakeButton = _styledComponents.default.button.withConfig({
+const DocumentScanButtonsStyle = (0, _styledComponents.css)(["width:40px;height:40px;margin-top:20px;margin-bottom:10px;border-radius:50%;background:", ";color:", ";display:flex !important;justify-content:center;align-items:center;font-size:18px;& > svg{fill:", ";stroke:", ";}"], props => props.theme.cPrimary, props => props.theme.cWhite, props => props.theme.cWhite, props => props.theme.cWhite);
+const RetakeButton = exports.RetakeButton = _styledComponents.default.button.withConfig({
   displayName: "_styles__RetakeButton",
   componentId: "sc-10twwzl-14"
 })(["", ";& > svg{width:22px !important;height:23px !important;}"], DocumentScanButtonsStyle);
-exports.RetakeButton = RetakeButton;
-var DoneButton = _styledComponents.default.button.attrs({
+const DoneButton = exports.DoneButton = _styledComponents.default.button.attrs({
   className: 'ion ion-md-checkmark'
 }).withConfig({
   displayName: "_styles__DoneButton",
   componentId: "sc-10twwzl-15"
 })(["", ";"], DocumentScanButtonsStyle);
-exports.DoneButton = DoneButton;
-var Mask = _styledComponents.default.div.withConfig({
+const Mask = exports.Mask = _styledComponents.default.div.withConfig({
   displayName: "_styles__Mask",
   componentId: "sc-10twwzl-16"
 })(["width:100%;height:100%;background:rgba(201,255,233,0.6);position:relative;"]);
-exports.Mask = Mask;
-var FormBottomRow = (0, _styledComponents.default)(_Grid.Row).withConfig({
+const FormBottomRow = exports.FormBottomRow = (0, _styledComponents.default)(_Grid.Row).withConfig({
   displayName: "_styles__FormBottomRow",
   componentId: "sc-10twwzl-17"
 })(["padding-left:18px;padding-right:18px;padding-top:64px;"]);
-exports.FormBottomRow = FormBottomRow;
-var FormBottomButtonWrap = _styledComponents.default.div.withConfig({
+const FormBottomButtonWrap = exports.FormBottomButtonWrap = _styledComponents.default.div.withConfig({
   displayName: "_styles__FormBottomButtonWrap",
   componentId: "sc-10twwzl-18"
-})(["padding-top:32px;margin:auto;", ""], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    margin-right: 0;\n  "]))));
-exports.FormBottomButtonWrap = FormBottomButtonWrap;
+})(["padding-top:32px;margin:auto;", ""], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-top: 0;\n    margin-right: 0;\n  "]))));

package/dist/components/Text/Headline.js

@@ -1,29 +1,30 @@
 "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
 });
 exports.default = exports.Headline = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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; }
-var alignHelper = function alignHelper(_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align;
+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); }
+const alignHelper = _ref => {
+  let {
+    align = 'left'
+  } = _ref;
   return (0, _styledComponents.css)(["text-align:", ";"], align);
 };
-var firstHelper = function firstHelper(_ref2) {
-  var first = _ref2.first;
+const firstHelper = _ref2 => {
+  let {
+    first
+  } = _ref2;
   return first && (0, _styledComponents.css)(["margin-top:0;"]);
 };
-var Headline = _styledComponents.default.h1.withConfig({
+const Headline = exports.Headline = _styledComponents.default.h1.withConfig({
   displayName: "Headline",
   componentId: "sc-ddpbve-0"
-})(["", ";", ";", ""], firstHelper, alignHelper, function (_ref3) {
-  var stoHeading = _ref3.stoHeading;
+})(["", ";", ";", ""], firstHelper, alignHelper, _ref3 => {
+  let {
+    stoHeading
+  } = _ref3;
   return stoHeading && (0, _styledComponents.css)(["font-size:34px;font-weight:800;font-style:normal;font-stretch:normal;line-height:1.18;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:32px;margin-top:28px;@media screen and (max-width:767px){font-size:22px;}"]);
 });
-exports.Headline = Headline;
-var _default = Headline;
-exports.default = _default;
+var _default = exports.default = Headline;

package/dist/components/Text/Headline.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _Headline = _interopRequireDefault(require("./Headline"));
 var _Text = _interopRequireDefault(require("./Text.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/Headline',
   component: _Headline.default,
   argTypes: {
@@ -18,12 +18,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(_Headline.default, args));
-};
-var headline = Template.bind({});
-exports.headline = headline;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Headline.default, args));
+const headline = exports.headline = Template.bind({});
 headline.args = {};
 
 //doublecheck:

package/dist/components/Text/StyledText.js

@@ -1,19 +1,16 @@
 "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
 });
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Headline = _interopRequireDefault(require("./Headline"));
-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; }
-var fadeInOut = (0, _styledComponents.keyframes)(["50%{color:transparent;}"]);
-var StyledText = (0, _styledComponents.default)(_Headline.default).withConfig({
+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); }
+const fadeInOut = (0, _styledComponents.keyframes)(["50%{color:transparent;}"]);
+const StyledText = (0, _styledComponents.default)(_Headline.default).withConfig({
   displayName: "StyledText",
   componentId: "sc-b8anzz-0"
 })(["margin:0;display:inline-block;padding-right:5px;span{animation:", " 1s infinite;}span[data-order='1']{animation-delay:250ms;}span[data-order='2']{animation-delay:500ms;}"], fadeInOut);
-var _default = StyledText;
-exports.default = _default;
+var _default = exports.default = StyledText;

package/dist/components/Text/Text.stories.js

@@ -7,8 +7,8 @@ exports.headline = exports.default = exports.caption = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Text = _interopRequireDefault(require("./Text.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/Text',
   component: _Text.default,
   argTypes: {
@@ -41,18 +41,13 @@ 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(_Text.default, args));
-};
-var headline = Template.bind({});
-exports.headline = headline;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Text.default, args));
+const headline = exports.headline = Template.bind({});
 headline.args = {
   children: 'hahha',
   as: 'h1'
 };
-var caption = Template.bind({});
-exports.caption = caption;
+const caption = exports.caption = Template.bind({});
 caption.args = {};
 
 //doublecheck:

package/dist/components/Text/Text.styles.js

@@ -8,47 +8,25 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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 Text = _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 Text = exports.Text = _styledComponents.default.div.withConfig({
   displayName: "Textstyles__Text",
   componentId: "sc-xkpyal-0"
-})(["display:block;", " ", " ", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:17px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", " ", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", " @media screen and (max-width:991px) and (min-width:768px){", "}}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " ", " a{text-decoration:underline;transition:color 0.2s;color:inherit;&:hover{color:", ";}}", "}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], function (_ref) {
-  var withMarginBottom = _ref.withMarginBottom;
+})(["display:block;", " ", " ", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:17px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", " ", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", " @media screen and (max-width:991px) and (min-width:768px){", "}}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " ", " a{text-decoration:underline;transition:color 0.2s;color:inherit;&:hover{color:", ";}}", "}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], _ref => {
+  let {
+    withMarginBottom
+  } = _ref;
   return withMarginBottom && "\n      margin-bottom: 32px;\n    ";
-}, function (_ref2) {
-  var withMarginRight = _ref2.withMarginRight;
+}, _ref2 => {
+  let {
+    withMarginRight
+  } = _ref2;
   return withMarginRight && "\n      margin-right: 20px;\n    ";
-}, function (props) {
-  return props.fullWidth && 'width: 100%;';
-}, function (props) {
-  return props.center && "\n    text-align: center;\n  ";
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 34px;\n      letter-spacing: 1.5px;\n      margin-bottom: 45px;\n    "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 42px;\n    "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 50px;\n    "]))), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      //font-size: 34px;\n    "]))), function (props) {
-  return props.blockchainLoadingMsg && "\n      width: 100% !important;\n    ";
-}, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: 34px;\n    "]))), function (props) {
-  return props.responsiveFont && "\n          font-size: 22px;\n        ";
-}, function (props) {
-  return props.small && "\n    font-size:12px;\n    ";
-}, _rwd.default.XLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-size: 20px;\n\n      ", "\n\n    "])), function (props) {
-  return props.small && "\n        font-size:16px;\n      ";
-}), function (props) {
-  return _theme.default.cText;
-}, function (props) {
-  return props.success && "\n      color: ".concat(_theme.default.cProgressDone, ";\n    ");
-});
-exports.Text = Text;
-var Caption = _styledComponents.default.p.withConfig({
+}, props => props.fullWidth && 'width: 100%;', props => props.center && "\n    text-align: center;\n  ", _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 34px;\n      letter-spacing: 1.5px;\n      margin-bottom: 45px;\n    "]))), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 42px;\n    "]))), _rwd.default.Large(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 50px;\n    "]))), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      //font-size: 34px;\n    "]))), props => props.blockchainLoadingMsg && "\n      width: 100% !important;\n    ", _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: 34px;\n    "]))), props => props.responsiveFont && "\n          font-size: 22px;\n        ", props => props.small && "\n    font-size:12px;\n    ", _rwd.default.XLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-size: 20px;\n\n      ", "\n\n    "])), props => props.small && "\n        font-size:16px;\n      "), props => _theme.default.cText, props => props.success && "\n      color: ".concat(_theme.default.cProgressDone, ";\n    "));
+const Caption = _styledComponents.default.p.withConfig({
   displayName: "Textstyles__Caption",
   componentId: "sc-xkpyal-1"
-})(["&&&{font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;p{font-size:9px;}", " ", " ", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}}"], _rwd.default.Large(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n       \n      p {\n        font-size: 12px;\n      }\n    "]))), function (props) {
-  return props.center && 'text-align: center;';
-}, function (props) {
-  return props.link && 'margin-top: 36px;';
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cText;
-});
+})(["&&&{font-family:'Open Sans';font-weight:300;font-size:9px;line-height:1.78em;letter-spacing:0.4px;p{font-size:9px;}", " ", " ", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}}"], _rwd.default.Large(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n       \n      p {\n        font-size: 12px;\n      }\n    "]))), props => props.center && 'text-align: center;', props => props.link && 'margin-top: 36px;', props => _theme.default.cPrimary, props => _theme.default.cText);
 Text.Caption = Caption;
-var _default = Text;
-exports.default = _default;
+var _default = exports.default = Text;

package/dist/components/TextLink/TextLink.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,15 @@ exports.default = exports.TextLink = exports.TextButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _reactRouterDom = require("react-router-dom");
 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 styles = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: #fff;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-family: 'Open Sans';\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 14px;\n  text-transform: uppercase;\n  display: inline-block;\n  padding-left: 18px;\n  padding-right: 6px;\n  transition: padding 0.2s;\n\n  &:before {\n    content: '\\f3d1';\n    font-family: 'Ionicons';\n    speak: none;\n    font-style: normal;\n    font-weight: normal;\n    font-variant: normal;\n    text-transform: none;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-size: 12px;\n    line-height: 8px;\n    display: block;\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    margin-top: -4px;\n    color: ", ";\n  }\n\n  &:hover {\n    padding-left: 24px;\n    padding-right: 0;\n  }\n\n  ", "\n"], ["\n  background: #fff;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-family: 'Open Sans';\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 14px;\n  text-transform: uppercase;\n  display: inline-block;\n  padding-left: 18px;\n  padding-right: 6px;\n  transition: padding 0.2s;\n\n  &:before {\n    content: '\\\\f3d1';\n    font-family: 'Ionicons';\n    speak: none;\n    font-style: normal;\n    font-weight: normal;\n    font-variant: normal;\n    text-transform: none;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-size: 12px;\n    line-height: 8px;\n    display: block;\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    margin-top: -4px;\n    color: ", ";\n  }\n\n  &:hover {\n    padding-left: 24px;\n    padding-right: 0;\n  }\n\n  ", "\n"])), function (props) {
-  return _theme.default.cWarning;
-}, function (props) {
-  return props.disabled && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      opacity: 0.5;\n      pointer-events: none;\n    "])));
-});
-var TextLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
+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); }
+const styles = (0, _styledComponents.css)(["background:#fff;border:none;cursor:pointer;position:relative;font-family:'Open Sans';font-weight:bold;font-size:11px;line-height:14px;text-transform:uppercase;display:inline-block;padding-left:18px;padding-right:6px;transition:padding 0.2s;&:before{content:'\\f3d1';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:12px;line-height:8px;display:block;width:8px;height:8px;position:absolute;top:50%;left:0;margin-top:-4px;color:", ";}&:hover{padding-left:24px;padding-right:0;}", ""], props => _theme.default.cWarning, props => props.disabled && (0, _styledComponents.css)(["opacity:0.5;pointer-events:none;"]));
+const TextLink = exports.TextLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
   displayName: "TextLinkstyles__TextLink",
   componentId: "sc-h1k34v-0"
 })(["", ""], styles);
-exports.TextLink = TextLink;
-var TextButton = _styledComponents.default.button.withConfig({
+const TextButton = exports.TextButton = _styledComponents.default.button.withConfig({
   displayName: "TextLinkstyles__TextButton",
   componentId: "sc-h1k34v-1"
 })(["", ""], styles);
-exports.TextButton = TextButton;
-var _default = TextLink;
-exports.default = _default;
+var _default = exports.default = TextLink;