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

package/dist/components/ProfileStat/ProfileStat.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _ProfileStat = require("./ProfileStat");
 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 Stat',
   component: _ProfileStat.ProfileStat,
   argTypes: {
@@ -38,12 +38,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(_ProfileStat.ProfileStat, args)));
-};
-var ProfileStatExample = Template.bind({});
-exports.ProfileStatExample = ProfileStatExample;
+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(_ProfileStat.ProfileStat, args)));
+const ProfileStatExample = exports.ProfileStatExample = Template.bind({});
 ProfileStatExample.args = {
   label: 'A Label',
   value: '44',
@@ -51,8 +47,7 @@ ProfileStatExample.args = {
   eqUnit: '€',
   eqValue: '37,50'
 };
-var ProfileStatBorderID = Template.bind({});
-exports.ProfileStatBorderID = ProfileStatBorderID;
+const ProfileStatBorderID = exports.ProfileStatBorderID = Template.bind({});
 ProfileStatBorderID.args = {
   label: 'A Label',
   value: '44',
@@ -61,8 +56,7 @@ ProfileStatBorderID.args = {
   eqValue: '37,50',
   withBorder: true
 };
-var ProfileStatOverview = Template.bind({});
-exports.ProfileStatOverview = ProfileStatOverview;
+const ProfileStatOverview = exports.ProfileStatOverview = Template.bind({});
 ProfileStatOverview.args = {
   label: 'A Label',
   value: 'Value',

package/dist/components/ProfileStat/ProfileStat.styles.js

@@ -8,35 +8,21 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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 Wrapper = _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 Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "ProfileStatstyles__Wrapper",
   componentId: "sc-su73pz-0"
-})(["display:flex;flex-direction:column;justify-content:center;text-align:center;flex-grow:1;background-color:", ";color:", ";padding:32px;", " ", " ", " @media screen and (max-width:768px){max-width:100vw;}"], function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cWhite;
-}, function (props) {
-  return props.withBorder && "\n    box-shadow: inset 0 0.4px 0 0 #313131;\n  ";
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px 32px;\n    text-align: left;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 12px 64px;\n    text-align: left;\n  "]))));
-exports.Wrapper = Wrapper;
-var Label = _styledComponents.default.div.withConfig({
+})(["display:flex;flex-direction:column;justify-content:center;text-align:center;flex-grow:1;background-color:", ";color:", ";padding:32px;", " ", " ", " @media screen and (max-width:768px){max-width:100vw;}"], props => _theme.default.cPrimary, props => _theme.default.cWhite, props => props.withBorder && "\n    box-shadow: inset 0 0.4px 0 0 #313131;\n  ", _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px 32px;\n    text-align: left;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 12px 64px;\n    text-align: left;\n  "]))));
+const Label = exports.Label = _styledComponents.default.div.withConfig({
   displayName: "ProfileStatstyles__Label",
   componentId: "sc-su73pz-1"
-})(["font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:10px;", ""], function (props) {
-  return props.withBorder && "\n    color: #88fa51;\n  ";
-});
-exports.Label = Label;
-var Value = _styledComponents.default.div.withConfig({
+})(["font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:10px;", ""], props => props.withBorder && "\n    color: #88fa51;\n  ");
+const Value = exports.Value = _styledComponents.default.div.withConfig({
   displayName: "ProfileStatstyles__Value",
   componentId: "sc-su73pz-2"
 })(["font-weight:300;font-size:32px;line-height:36px;letter-spacing:2.43px;text-transform:uppercase;& > span{&:after{content:' ';}}", " ", ""], _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 44px;\n    line-height: 48px;\n  "]))), _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 55px;\n    line-height: 58px;\n  "]))));
-exports.Value = Value;
-var Equal = _styledComponents.default.div.withConfig({
+const Equal = exports.Equal = _styledComponents.default.div.withConfig({
   displayName: "ProfileStatstyles__Equal",
   componentId: "sc-su73pz-3"
-})(["font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;margin-top:10px;color:", ";overflow-wrap:break-word;& > span{&:after{content:' ';}}"], function (props) {
-  return _theme.default.cLighterGreen;
-});
-exports.Equal = Equal;
+})(["font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;margin-top:10px;color:", ";overflow-wrap:break-word;& > span{&:after{content:' ';}}"], props => _theme.default.cLighterGreen);

package/dist/components/ProofOfAddress/ProofOfAddress.styles.js

@@ -4,66 +4,50 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileInputWrapper = exports.FileInputRemove = exports.FileInputList = exports.FileInputItem = exports.FileInput = exports.CTABox = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject;
-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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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); }
-var CTABox = _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); }
+const CTABox = exports.CTABox = _styledComponents.default.div.withConfig({
   displayName: "ProofOfAddressstyles__CTABox",
   componentId: "sc-1a4m108-0"
 })(["display:flex;flex-direction:column;", "{width:240px;}span{font-size:11px;position:relative;top:-2px;}"], _Button.default);
-exports.CTABox = CTABox;
-var FileInput = _styledComponents.default.input.attrs(function (props) {
-  return _objectSpread({
-    type: 'file'
-  }, props);
-}).withConfig({
+const FileInput = exports.FileInput = _styledComponents.default.input.attrs(props => _objectSpread({
+  type: 'file'
+}, props)).withConfig({
   displayName: "ProofOfAddressstyles__FileInput",
   componentId: "sc-1a4m108-1"
 })(["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: "ProofOfAddressstyles__FileInputWrapper",
   componentId: "sc-1a4m108-2"
 })(["position:relative;word-break:break-all;margin:0;"]);
-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: "ProofOfAddressstyles__FileInputRemove",
   componentId: "sc-1a4m108-3"
-})(["margin-right:10px;right:0px;font-size:16px;cursor:pointer;transition:0.3s color;color:", ";border-radius:50%;border:1px solid ", ";padding:10px;&:hover{color:", ";}", ""], function (props) {
-  return _theme.default.cWarning;
-}, function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pointer-events: none !important;\n      opacity: 0.2;\n      cursor: default;\n    "])));
+})(["margin-right:10px;right:0px;font-size:16px;cursor:pointer;transition:0.3s color;color:", ";border-radius:50%;border:1px solid ", ";padding:10px;&:hover{color:", ";}", ""], props => _theme.default.cWarning, props => _theme.default.cLightGrey, props => _theme.default.cPrimary, _ref => {
+  let {
+    disabled
+  } = _ref;
+  return disabled && (0, _styledComponents.css)(["pointer-events:none !important;opacity:0.2;cursor:default;"]);
 });
-exports.FileInputRemove = FileInputRemove;
-var FileInputList = _styledComponents.default.ul.withConfig({
+const FileInputList = exports.FileInputList = _styledComponents.default.ul.withConfig({
   displayName: "ProofOfAddressstyles__FileInputList",
   componentId: "sc-1a4m108-4"
 })(["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: "ProofOfAddressstyles__FileInputItem",
   componentId: "sc-1a4m108-5"
-})(["padding:0 46px 0 8px;margin-right:8px;position:relative;word-break:break-all;"]);
-exports.FileInputItem = FileInputItem;
+})(["padding:0 46px 0 8px;margin-right:8px;position:relative;word-break:break-all;"]);

package/dist/components/QRCode/QRCode.js

@@ -8,40 +8,41 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _qrcode = require("qrcode.react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["value", "size", "fgColor", "bgColor", "backgroundColor", "level", "padding", "withShadow"];
-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 QRCodeWrapper = _styledComponents.default.div.withConfig({
+const _excluded = ["value", "size", "fgColor", "bgColor", "backgroundColor", "level", "padding", "withShadow"];
+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 QRCodeWrapper = _styledComponents.default.div.withConfig({
   displayName: "QRCode__QRCodeWrapper",
   componentId: "sc-1n3wz5w-0"
-})(["display:inline-block;padding:", "px;background-color:", ";border-radius:8px;box-shadow:", ";"], function (_ref) {
-  var padding = _ref.padding;
+})(["display:inline-block;padding:", "px;background-color:", ";border-radius:8px;box-shadow:", ";"], _ref => {
+  let {
+    padding
+  } = _ref;
   return padding;
-}, function (_ref2) {
-  var backgroundColor = _ref2.backgroundColor;
+}, _ref2 => {
+  let {
+    backgroundColor
+  } = _ref2;
   return backgroundColor;
-}, function (_ref3) {
-  var withShadow = _ref3.withShadow;
+}, _ref3 => {
+  let {
+    withShadow
+  } = _ref3;
   return withShadow ? '0 2px 8px rgba(0, 0, 0, 0.2)' : 'none';
 });
-var QRCode = function QRCode(_ref4) {
-  var value = _ref4.value,
-    _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? 128 : _ref4$size,
-    _ref4$fgColor = _ref4.fgColor,
-    fgColor = _ref4$fgColor === void 0 ? '#000000' : _ref4$fgColor,
-    _ref4$bgColor = _ref4.bgColor,
-    bgColor = _ref4$bgColor === void 0 ? '#ffffff' : _ref4$bgColor,
-    _ref4$backgroundColor = _ref4.backgroundColor,
-    backgroundColor = _ref4$backgroundColor === void 0 ? '#ffffff' : _ref4$backgroundColor,
-    _ref4$level = _ref4.level,
-    level = _ref4$level === void 0 ? 'L' : _ref4$level,
-    _ref4$padding = _ref4.padding,
-    padding = _ref4$padding === void 0 ? 8 : _ref4$padding,
-    _ref4$withShadow = _ref4.withShadow,
-    withShadow = _ref4$withShadow === void 0 ? false : _ref4$withShadow,
+const QRCode = _ref4 => {
+  let {
+      value,
+      size = 128,
+      fgColor = '#000000',
+      bgColor = '#ffffff',
+      backgroundColor = '#ffffff',
+      level = 'L',
+      padding = 8,
+      withShadow = false
+    } = _ref4,
     props = _objectWithoutProperties(_ref4, _excluded);
   return /*#__PURE__*/_react.default.createElement(QRCodeWrapper, _extends({
     padding: padding,
@@ -74,5 +75,4 @@ QRCode.propTypes = {
   /** Whether to add a shadow effect */
   withShadow: _propTypes.default.bool
 };
-var _default = QRCode;
-exports.default = _default;
+var _default = exports.default = QRCode;

package/dist/components/QRCode/QRCode.stories.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.WithShadow = exports.Large = exports.HighErrorCorrection = exports.Default = exports.CustomColors = exports.CustomBackground = exports.ColorfulQR = exports.BlackBackgroundWhiteQR = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _QRCode = _interopRequireDefault(require("./QRCode"));
-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 _default = {
+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); }
+var _default = exports.default = {
   title: 'Components/QRCode',
   component: _QRCode.default,
   argTypes: {
@@ -50,12 +49,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_QRCode.default, args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
+const Template = args => /*#__PURE__*/_react.default.createElement(_QRCode.default, args);
+const Default = exports.Default = Template.bind({});
 Default.args = {
   value: 'https://example.com',
   size: 128,
@@ -66,8 +61,7 @@ Default.args = {
   padding: 8,
   withShadow: false
 };
-var BlackBackgroundWhiteQR = Template.bind({});
-exports.BlackBackgroundWhiteQR = BlackBackgroundWhiteQR;
+const BlackBackgroundWhiteQR = exports.BlackBackgroundWhiteQR = Template.bind({});
 BlackBackgroundWhiteQR.args = {
   value: 'https://example.com',
   size: 128,
@@ -78,25 +72,21 @@ BlackBackgroundWhiteQR.args = {
   padding: 16,
   withShadow: true
 };
-var WithShadow = Template.bind({});
-exports.WithShadow = WithShadow;
+const WithShadow = exports.WithShadow = Template.bind({});
 WithShadow.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   withShadow: true
 });
-var CustomColors = Template.bind({});
-exports.CustomColors = CustomColors;
+const CustomColors = exports.CustomColors = Template.bind({});
 CustomColors.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   fgColor: '#0066cc',
   bgColor: '#f0f0f0'
 });
-var CustomBackground = Template.bind({});
-exports.CustomBackground = CustomBackground;
+const CustomBackground = exports.CustomBackground = Template.bind({});
 CustomBackground.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   backgroundColor: '#f5f5f5',
   padding: 16
 });
-var ColorfulQR = Template.bind({});
-exports.ColorfulQR = ColorfulQR;
+const ColorfulQR = exports.ColorfulQR = Template.bind({});
 ColorfulQR.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   fgColor: '#ff6600',
   bgColor: '#ffffff',
@@ -104,13 +94,11 @@ ColorfulQR.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   padding: 20,
   withShadow: true
 });
-var HighErrorCorrection = Template.bind({});
-exports.HighErrorCorrection = HighErrorCorrection;
+const HighErrorCorrection = exports.HighErrorCorrection = Template.bind({});
 HighErrorCorrection.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   level: 'H'
 });
-var Large = Template.bind({});
-exports.Large = Large;
+const Large = exports.Large = Template.bind({});
 Large.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   size: 256
 });