nzk-react-components 1.1.11 → 2.0.0-0

package/dist/cjs/_virtual/_tslib.js

@@ -0,0 +1 @@
+"use strict";exports.__assign=function(){return exports.__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},exports.__assign.apply(this,arguments)},"function"==typeof SuppressedError&&SuppressedError,exports.__awaiter=function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function u(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}c((n=n.apply(e,t||[])).next())}))},exports.__generator=function(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&u[0]?n.return:u[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,u[1])).done)return o;switch(n=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,n=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){i.label=u[1];break}if(6===u[0]&&i.label<o[1]){i.label=o[1],o=u;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(u);break}o[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],n=0}finally{r=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}},exports.__makeTemplateObject=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e};

package/dist/cjs/components/Avatar/Avatar.js

@@ -1,49 +1 @@
-'use strict';
-
-var React = require('react');
-var Avatar_styles = require('./Avatar.styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Avatar = function (props) {
-    var countryCode = React.useMemo(function () {
-        var _a;
-        return ((_a = props.user) === null || _a === void 0 ? void 0 : _a.countryCode) || props.countryCode;
-    }, [props]);
-    var avatarUrl = React.useMemo(function () {
-        var _a, _b, _c;
-        var avatarUrl = ((_b = (_a = props.user) === null || _a === void 0 ? void 0 : _a.avatar) === null || _b === void 0 ? void 0 : _b.url) || props.src;
-        if (avatarUrl)
-            return avatarUrl;
-        if (!avatarUrl && ((_c = props.user) === null || _c === void 0 ? void 0 : _c.type) === 'student')
-            return 'https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png';
-        return 'https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png';
-    }, [props]);
-    var flagUrl = React.useMemo(function () {
-        if (!countryCode)
-            return undefined;
-        return "https://cdn.nightzookeeper.com/edu-assets/images/flags/" + countryCode + ".png";
-    }, [countryCode]);
-    var flagShown = React.useMemo(function () {
-        if (flagUrl && !props.flagHidden)
-            return true;
-        return false;
-    }, [flagUrl, props]);
-    return React__default['default'].createElement(Avatar_styles.Wrapper, { size: props.size, colors: props.colors },
-        flagShown && React__default['default'].createElement(Avatar_styles.Flag, { src: flagUrl }),
-        React__default['default'].createElement(Avatar_styles.AvatarImage, { src: avatarUrl }));
-};
-Avatar.defaultProps = {
-    size: '60px',
-    flagHidden: false,
-    colors: {
-        border: '#8B26D4',
-        shadow: '#53167E',
-        dropshadow: 'rgba(0,0,0,0.4)'
-    }
-};
-
-module.exports = Avatar;
-//# sourceMappingURL=Avatar.js.map
+"use strict";var e=require("react"),t=require("./Avatar.styles.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),a=function(r){var a=e.useMemo((function(){var e;return(null===(e=r.user)||void 0===e?void 0:e.countryCode)||r.countryCode}),[r]),n=e.useMemo((function(){var e,t,o,a=(null===(t=null===(e=r.user)||void 0===e?void 0:e.avatar)||void 0===t?void 0:t.url)||r.src;return a||(a||"student"!==(null===(o=r.user)||void 0===o?void 0:o.type)?"https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png":"https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png")}),[r]),s=e.useMemo((function(){if(a)return"https://cdn.nightzookeeper.com/edu-assets/images/flags/"+a+".png"}),[a]),u=e.useMemo((function(){return!(!s||r.flagHidden)}),[s,r]);return o.default.createElement(t.Wrapper,{size:r.size,colors:r.colors},u&&o.default.createElement(t.Flag,{src:s}),o.default.createElement(t.AvatarImage,{src:n}))};a.defaultProps={size:"60px",flagHidden:!1,colors:{border:"#8B26D4",shadow:"#53167E",dropshadow:"rgba(0,0,0,0.4)"}},module.exports=a;

package/dist/cjs/components/Avatar/Avatar.styles.js

@@ -1,20 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var Wrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: relative;\n  --border-color: ", ";\n  --shadow-color: ", ";\n  --dropshadow-color: ", ";\n  --size: ", ";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"], ["\n  position: relative;\n  --border-color: ", ";\n  --shadow-color: ", ";\n  --dropshadow-color: ", ";\n  --size: ", ";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])), function (props) { var _a; return (_a = props.colors) === null || _a === void 0 ? void 0 : _a.border; }, function (props) { var _a; return (_a = props.colors) === null || _a === void 0 ? void 0 : _a.shadow; }, function (props) { var _a; return (_a = props.colors) === null || _a === void 0 ? void 0 : _a.dropshadow; }, function (props) { return props.size; });
-var AvatarImage = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(", ");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"], ["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(", ");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])), function (props) { return props.src; });
-var Flag = styled__default['default'].div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(", ");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"], ["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(", ");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"])), function (props) { return props.src; });
-var templateObject_1, templateObject_2, templateObject_3;
-
-exports.AvatarImage = AvatarImage;
-exports.Flag = Flag;
-exports.Wrapper = Wrapper;
-//# sourceMappingURL=Avatar.styles.js.map
+"use strict";var o=require("../../_virtual/_tslib.js");function r(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a,n,e,c=r(require("styled-components")),i=c.default.div.withConfig({displayName:"Avatarstyles__Wrapper",componentId:"sc-mm95v8-0"})(a||(a=o.__makeTemplateObject(["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"],["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.border}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.shadow}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.dropshadow}),(function(o){return o.size})),s=c.default.div.withConfig({displayName:"Avatarstyles__AvatarImage",componentId:"sc-mm95v8-1"})(n||(n=o.__makeTemplateObject(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"],["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])),(function(o){return o.src})),t=c.default.div.withConfig({displayName:"Avatarstyles__Flag",componentId:"sc-mm95v8-2"})(e||(e=o.__makeTemplateObject(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"],["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"])),(function(o){return o.src}));exports.AvatarImage=s,exports.Flag=t,exports.Wrapper=i;

package/dist/cjs/components/Avatar/index.js

@@ -1,8 +1 @@
-'use strict';
-
-var Avatar = require('./Avatar.js');
-
-
-
-module.exports = Avatar;
-//# sourceMappingURL=index.js.map
+"use strict";var r=require("./Avatar.js");module.exports=r;

package/dist/cjs/components/Button/Button.js

@@ -1,21 +1 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var Button_styles = require('./Button.styles.js');
-var constants = require('./constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Button = function (props) {
-    return (React__default['default'].createElement(Button_styles.Wrapper, tslib.__assign({ height: props.size && constants.SIZES[props.size] }, props, (props.theme ? constants.THEMES[props.theme] : {}), { onClick: function () {
-            if (props.onClick) {
-                props.onClick();
-            }
-        } })));
-};
-
-module.exports = Button;
-//# sourceMappingURL=Button.js.map
+"use strict";var t=require("./Button.styles.js").StyledSpanButton;module.exports=t;

package/dist/cjs/components/Button/Button.styles.js

@@ -1,32 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var polished = require('polished');
-var styled = require('styled-components');
-var utils = require('./utils.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var getShadows = function (props) {
-    var light = polished.getLuminance(props.backgroundColor);
-    var shadowColor = props.shadowColor
-        || light && polished.darken(0.2, props.backgroundColor)
-        || !light && polished.lighten(0.2, props.backgroundColor);
-    var dropShadowColor = props.dropShadowColor || "rgba(0,0,0,0.3)";
-    var strokeColor = props.strokeColor
-        || light && polished.lighten(0.1, props.backgroundColor)
-        || !light && polished.darken(0.1, props.backgroundColor);
-    return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n    box-shadow: 0 ", "px 0 ", ",\n      0 ", "px 0 ", ",\n      inset 0 0px 0px ", "px ", ";\n\n    :active {\n      transform: translateY(", "px);\n      box-shadow: 0 ", "px 0 ", ",\n        inset 0 0px 0px ", "px ", ";\n    }\n  "], ["\n    box-shadow: 0 ", "px 0 ", ",\n      0 ", "px 0 ", ",\n      inset 0 0px 0px ", "px ", ";\n\n    :active {\n      transform: translateY(", "px);\n      box-shadow: 0 ", "px 0 ", ",\n        inset 0 0px 0px ", "px ", ";\n    }\n  "])), utils.getSizeComparedToBase(props, 5), shadowColor, utils.getSizeComparedToBase(props, 12), dropShadowColor, utils.getSizeComparedToBase(props, 5), strokeColor, utils.getSizeComparedToBase(props, 7), utils.getSizeComparedToBase(props, 5), shadowColor, utils.getSizeComparedToBase(props, 5), strokeColor);
-};
-var Wrapper = styled__default['default'].div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Rammetto One';\n  border-radius: 1000px;\n  cursor: pointer;\n  user-select: none;\n  ", ";\n  ", "\n  ", "\n  ", "\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Rammetto One';\n  border-radius: 1000px;\n  cursor: pointer;\n  user-select: none;\n  ", ";\n  ", "\n  ", "\n  ", "\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n"])), function (props) { return styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n    background-color: ", ";\n    height: ", "px;\n    margin-bottom: ", "px;\n    color: ", ";\n    font-size: ", ";\n    padding: ", ";\n    ", ";\n    filter: ", ";\n  "], ["\n    background-color: ", ";\n    height: ", "px;\n    margin-bottom: ", "px;\n    color: ", ";\n    font-size: ", ";\n    padding: ", ";\n    ", ";\n    filter: ", ";\n  "])), props.backgroundColor, props.height, utils.getSizeComparedToBase(props, 12), utils.getTextColor(props), utils.getTextSize(props), utils.getPadding(props), getShadows(props), props.disabled ? 'grayscale(100%)' : 'none'); }, function (props) { return props.fullWidth && styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["width: 100%;"], ["width: 100%;"]))); }, function (props) { return props.wiggle && styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  animation: wiggle alternate-reverse 2s linear infinite;\n  animation-delay: ", "s;\n    @keyframes wiggle {\n      0% {\n        transform: rotate(-3deg);\n      }\n      10% {\n        transform: rotate(3deg);\n      }\n      20% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(0deg);\n      }\n    }\n  "], ["\n  animation: wiggle alternate-reverse 2s linear infinite;\n  animation-delay: ", "s;\n    @keyframes wiggle {\n      0% {\n        transform: rotate(-3deg);\n      }\n      10% {\n        transform: rotate(3deg);\n      }\n      20% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(0deg);\n      }\n    }\n  "])), Math.random()); }, function (props) {
-    return props.round && styled.css(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n      width: ", "px;\n      padding: 0;\n      flex-shrink: 0;\n    "], ["\n      width: ", "px;\n      padding: 0;\n      flex-shrink: 0;\n    "])), props.height);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-
-exports.Wrapper = Wrapper;
-exports.getShadows = getShadows;
-//# sourceMappingURL=Button.styles.js.map
+"use strict";var n=require("../../_virtual/_tslib.js"),e=require("styled-components"),o=require("./utils.js"),t=require("./constants.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,s,a,l,d,u=r(e).default.div.attrs((function(n){return{role:"button"}})).withConfig({displayName:"Buttonstyles__StyledSpanButton",componentId:"sc-1r7fyax-0"})(d||(d=n.__makeTemplateObject(["\n  ","\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n\n"],["\n  ","\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n\n"])),(function(r){var d=function(n){var e=n.theme?t.THEMES[n.theme]:void 0,o=t.THEMES.primary;return{backgroundColor:(null==e?void 0:e.backgroundColor)||n.backgroundColor||o.backgroundColor,color:(null==e?void 0:e.color)||n.color,strokeColor:(null==e?void 0:e.strokeColor)||n.strokeColor,shadowColor:(null==e?void 0:e.shadowColor)||n.shadowColor}}(r),u=function(n){return(n.size?t.SIZES[n.size]:void 0)||n.height||t.SIZES.regular}(r);return e.css(l||(l=n.__makeTemplateObject(["\n      // Base\n      ","\n      // COLORS\n      background-color: ",";\n      ",";\n      color: ",";\n      filter: ",";\n\n      // Dimensions\n      ","\n    "],["\n      // Base\n      ","\n      // COLORS\n      background-color: ",";\n      ",";\n      color: ",";\n      filter: ",";\n\n      // Dimensions\n      ","\n    "])),e.css(i||(i=n.__makeTemplateObject(["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Rammetto One';\n    border-radius: 1000px;\n    cursor: pointer;\n    user-select: none;\n    text-decoration: none;\n  "],["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Rammetto One';\n    border-radius: 1000px;\n    cursor: pointer;\n    user-select: none;\n    text-decoration: none;\n  "]))),d.backgroundColor,o.getShadows(n.__assign(n.__assign({},d),{height:u})),o.getTextColor(d),r.disabled?"grayscale(100%)":"none",function(t){return e.css(a||(a=n.__makeTemplateObject(["\n    outline: none;\n    border: none;\n    height: ","px;\n    font-size: ",";\n    margin-bottom: ","px;\n    padding: ",";\n    ","\n  "],["\n    outline: none;\n    border: none;\n    height: ","px;\n    font-size: ",";\n    margin-bottom: ","px;\n    padding: ",";\n    ","\n  "])),t.height,o.getTextSize(t),o.getSizeComparedToBase(t,12),o.getPadding(t),t.round&&e.css(s||(s=n.__makeTemplateObject(["\n      width: ","px;\n      padding: 0;\n      flex-shrink: 0;\n    "],["\n      width: ","px;\n      padding: 0;\n      flex-shrink: 0;\n    "])),t.height))}({height:u,round:r.round}))}));exports.StyledSpanButton=u;

package/dist/cjs/components/Button/constants.js

@@ -1,72 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var THEMES = {
-    primary: {
-        backgroundColor: '#009EE2',
-        color: '#fff',
-        strokeColor: '#00C5ED',
-        shadowColor: '#025899'
-    },
-    confirm: {
-        backgroundColor: '#8CC63F',
-        color: '#fff',
-        strokeColor: '#AFD752',
-        shadowColor: '#579800'
-    },
-    'the-pink': {
-        backgroundColor: '#E40071',
-        color: '',
-        shadowColor: '',
-        strokeColor: ''
-    },
-    'purple': {
-        backgroundColor: '#701EA8',
-        color: '',
-        shadowColor: '#4E1B6D',
-        strokeColor: '#9026C1'
-    },
-    'red': {
-        color: 'white',
-        backgroundColor: '#E20514',
-        strokeColor: '#F60A21',
-        shadowColor: '#931120'
-    },
-    'orange': {
-        color: 'white',
-        backgroundColor: '#F29226',
-        strokeColor: '#F6B230',
-        shadowColor: '#CB6217'
-    },
-    'green': {
-        color: 'white',
-        backgroundColor: '#8DC63F',
-        strokeColor: '#AED752',
-        shadowColor: '#58981F'
-    },
-    'yellow': {
-        color: 'white',
-        backgroundColor: '#FEC532',
-        strokeColor: '#FEE13A',
-        shadowColor: '#C59928'
-    },
-    'white': {
-        color: '',
-        backgroundColor: '#EEEEEE',
-        strokeColor: '#D9D9D9',
-        shadowColor: '#8E9197'
-    }
-};
-var SIZES = {
-    'xx-large': 142,
-    'x-large': 109,
-    large: 71,
-    regular: 50,
-    small: 39,
-    'x-small': 30
-};
-
-exports.SIZES = SIZES;
-exports.THEMES = THEMES;
-//# sourceMappingURL=constants.js.map
+"use strict";exports.SIZES={"xx-large":142,"x-large":109,large:71,regular:50,small:39,"x-small":30},exports.THEMES={primary:{backgroundColor:"#009EE2",color:"#fff",strokeColor:"#00C5ED",shadowColor:"#025899"},confirm:{backgroundColor:"#8CC63F",color:"#fff",strokeColor:"#AFD752",shadowColor:"#579800"},"the-pink":{backgroundColor:"#E40071",color:"",shadowColor:"",strokeColor:""},purple:{backgroundColor:"#701EA8",color:"",shadowColor:"#4E1B6D",strokeColor:"#9026C1"},red:{color:"white",backgroundColor:"#E20514",strokeColor:"#F60A21",shadowColor:"#931120"},orange:{color:"white",backgroundColor:"#F29226",strokeColor:"#F6B230",shadowColor:"#CB6217"},green:{color:"white",backgroundColor:"#8DC63F",strokeColor:"#AED752",shadowColor:"#58981F"},yellow:{color:"white",backgroundColor:"#FEC532",strokeColor:"#FEE13A",shadowColor:"#C59928"},white:{color:"",backgroundColor:"#EEEEEE",strokeColor:"#D9D9D9",shadowColor:"#8E9197"}};

package/dist/cjs/components/Button/index.js

@@ -1,8 +1 @@
-'use strict';
-
-var Button = require('./Button.js');
-
-
-
-module.exports = Button;
-//# sourceMappingURL=index.js.map
+"use strict";var e=require("./Button.js");module.exports=e;

package/dist/cjs/components/Button/utils.js

@@ -1,32 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var polished = require('polished');
-
-var getTextColor = function (props) {
-    if (props.color) {
-        return props.color;
-    }
-    if (polished.getLuminance(props.backgroundColor) <= 0.5)
-        return '#fff';
-    return '#000';
-};
-var getTextSize = function (props) {
-    if (props.fontSize) {
-        return props.fontSize;
-    }
-    return props.height / 2.5 + "px";
-};
-var getPadding = function (props) {
-    return 0.001 * props.height + "px " + props.height / 2 + "px";
-};
-var getSizeComparedToBase = function (props, originalValue) {
-    return (props.height * originalValue) / 64;
-};
-
-exports.getPadding = getPadding;
-exports.getSizeComparedToBase = getSizeComparedToBase;
-exports.getTextColor = getTextColor;
-exports.getTextSize = getTextSize;
-//# sourceMappingURL=utils.js.map
+"use strict";var o,n=require("../../_virtual/_tslib.js"),e=require("styled-components"),r=require("polished"),t=function(o,n){return o.height*n/64};exports.getPadding=function(o){return.001*o.height+"px "+o.height/2+"px"},exports.getShadows=function(a){var x=r.getLuminance(a.backgroundColor),p=a.shadowColor||x&&r.darken(.2,a.backgroundColor)||!x&&r.lighten(.2,a.backgroundColor),i=a.dropShadowColor||"rgba(0,0,0,0.3)",s=a.strokeColor||x&&r.lighten(.1,a.backgroundColor)||!x&&r.darken(.1,a.backgroundColor);return e.css(o||(o=n.__makeTemplateObject(["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "],["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "])),t(a,5),p,t(a,12),i,t(a,5),s,t(a,7),t(a,5),p,t(a,5),s)},exports.getSizeComparedToBase=t,exports.getTextColor=function(o){return o.color?o.color:o.backgroundColor&&r.getLuminance(o.backgroundColor)<=.5?"#fff":"#000"},exports.getTextSize=function(o){return function(o){return Boolean(o.fontSize)}(o)?o.fontSize:o.height/2.5+"px"};

package/dist/cjs/components/DatePicker/DatePicker.js

@@ -1,64 +1 @@
-'use strict';
-
-var tslib = require('tslib');
-var polished = require('polished');
-var React = require('react');
-var ReactDatePicker = require('react-datepicker');
-var styled = require('styled-components');
-var Button = require('../Button/Button.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(ReactDatePicker);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var getColors = function (props) {
-    var primary = props.primary;
-    var lum = polished.getLuminance(primary);
-    var light = lum >= 0.5;
-    var secondary = light ? polished.darken(0.2, primary) : polished.lighten(0.2, primary);
-    return {
-        primary: primary,
-        secondary: secondary,
-        color: light ? '#000' : '#fff'
-    };
-};
-var Wrapper = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  ", "\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"], ["\n  ", "\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])), function (props) {
-    var colors = getColors(props);
-    return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n      --primary: ", ";\n      --secondary: ", ";\n      --color: ", ";\n    "], ["\n      --primary: ", ";\n      --secondary: ", ";\n      --color: ", ";\n    "])), colors.primary, colors.secondary, colors.color);
-});
-var DatePicker = function (props) {
-    var datePickerRef = React.useRef(null);
-    var _a = React.useState(props.defaultValue || new Date()), startDate = _a[0], setStartDate = _a[1];
-    React.useEffect(function () {
-        if (props.autoFocus && datePickerRef.current && datePickerRef.current.input) {
-            datePickerRef.current.input.focus();
-        }
-    }, []);
-    var ButtonInput = React.forwardRef(function (_a, ref) {
-        var value = _a.value, onClick = _a.onClick;
-        if (props.input)
-            return React__default['default'].cloneElement(props.input, { onClick: onClick, ref: ref, children: value });
-        return React__default['default'].createElement(Button, { onClick: onClick, ref: ref, theme: 'primary', size: 'small' }, value);
-    });
-    React.useEffect(function () {
-        if (props.onChange) {
-            props.onChange(startDate);
-        }
-    }, [startDate]);
-    return React__default['default'].createElement(Wrapper, { primary: props.primary },
-        React__default['default'].createElement(ReactDatePicker__default['default'], { ref: datePickerRef, dateFormat: "d MMMM yyyy", withPortal: true, selected: startDate, onChange: function (date) { return setStartDate(date); }, customInput: React__default['default'].createElement(ButtonInput, null) }));
-};
-DatePicker.defaultProps = {
-    primary: '#1EA7FD',
-    autoFocus: false,
-    onChange: null,
-    range: false,
-    defaultValue: null,
-    input: null,
-};
-var templateObject_1, templateObject_2;
-
-module.exports = DatePicker;
-//# sourceMappingURL=DatePicker.js.map
+"use strict";var n=require("../../_virtual/_tslib.js"),e=require("polished"),r=require("react"),t=require("react-datepicker"),o=require("styled-components"),a=require("../Button/Button.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var c,d,p=i(r),l=i(t),u=i(o).default.div.withConfig({displayName:"DatePicker__Wrapper",componentId:"sc-1hk1645-0"})(d||(d=n.__makeTemplateObject(["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"],["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])),(function(r){var t=function(n){var r=n.primary,t=e.getLuminance(r)>=.5;return{primary:r,secondary:t?e.darken(.2,r):e.lighten(.2,r),color:t?"#000":"#fff"}}(r);return o.css(c||(c=n.__makeTemplateObject(["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "],["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "])),t.primary,t.secondary,t.color)})),s=function(n){var e=r.useRef(null),t=r.useState(n.defaultValue||new Date),o=t[0],i=t[1];r.useEffect((function(){n.autoFocus&&e.current&&e.current.input&&e.current.input.focus()}),[]);var c=r.forwardRef((function(e,r){var t=e.value,o=e.onClick;return n.input?p.default.cloneElement(n.input,{onClick:o,ref:r,children:t}):p.default.createElement(a,{onClick:o,ref:r,theme:"primary",size:"small"},t)}));return r.useEffect((function(){n.onChange&&n.onChange(o)}),[o]),p.default.createElement(u,{primary:n.primary},p.default.createElement(l.default,{ref:e,dateFormat:"d MMMM yyyy",withPortal:!0,selected:o,onChange:function(n){return i(n)},customInput:p.default.createElement(c,null)}))};s.defaultProps={primary:"#1EA7FD",autoFocus:!1,onChange:null,range:!1,defaultValue:null,input:null},module.exports=s;

package/dist/cjs/components/DatePicker/index.js

@@ -1,8 +1 @@
-'use strict';
-
-var DatePicker = require('./DatePicker.js');
-
-
-
-module.exports = DatePicker;
-//# sourceMappingURL=index.js.map
+"use strict";var e=require("./DatePicker.js");module.exports=e;

package/dist/cjs/components/IconButton/IconButton.js

@@ -1,24 +1 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var styled = require('styled-components');
-var Button = require('../Button/Button.js');
-var constants = require('../Button/constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var Wrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: flex;\n  > :first-child {\n    z-index: 2;\n  }\n  > :nth-child(2) {\n    margin-left: -", "px;\n    z-index: 1;\n  }\n"], ["\n  display: flex;\n  > :first-child {\n    z-index: 2;\n  }\n  > :nth-child(2) {\n    margin-left: -", "px;\n    z-index: 1;\n  }\n"])), function (props) { return props.overlap; });
-var IconButton = (function (props) {
-    var W = (props.size ? constants.SIZES[props.size] : props.height) || 0;
-    return (React__default['default'].createElement(Wrapper, { overlap: 0.3 * W },
-        React__default['default'].createElement(Button, tslib.__assign({}, props, { round: true }), props.icon),
-        React__default['default'].createElement(Button, tslib.__assign({}, props))));
-});
-var templateObject_1;
-
-module.exports = IconButton;
-//# sourceMappingURL=IconButton.js.map
+"use strict";var e=require("../../_virtual/_tslib.js"),n=require("react"),t=require("styled-components"),o=require("../Button/Button.js"),r=require("../Button/constants.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,i=a(n),s=a(t).default.div.withConfig({displayName:"IconButton__Wrapper",componentId:"sc-1harz0i-0"})(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"])),(function(e){return e.overlap})),d=n.forwardRef((function(n,t){var a=(n.size?r.SIZES[n.size]:n.height)||0,l={backgroundColor:n.backgroundColor,height:n.height,fullWidth:n.fullWidth,children:n.children,color:n.color,strokeColor:n.strokeColor,dropShadowColor:n.dropShadowColor,shadowColor:n.shadowColor,fontSize:n.fontSize,round:n.round,disabled:n.disabled,wiggle:n.wiggle,size:n.size,theme:n.theme};return i.default.createElement(s,e.__assign({as:n.as,overlap:.3*a,ref:t},n),i.default.createElement(o,e.__assign({className:"button--icon"},l,{as:"span",round:!0}),n.icon),i.default.createElement(o,e.__assign({className:"button--label"},l,{as:"span"})))}));module.exports=d;

package/dist/cjs/components/IconButton/index.js

@@ -1,8 +1 @@
-'use strict';
-
-var IconButton = require('./IconButton.js');
-
-
-
-module.exports = IconButton;
-//# sourceMappingURL=index.js.map
+"use strict";var e=require("./IconButton.js");module.exports=e;

package/dist/cjs/components/Input/Input.js

@@ -1,19 +1 @@
-'use strict';
-
-var tslib = require('tslib');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var Input = styled__default['default'].input(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ", "\n"], ["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ", "\n"])), function (props) { return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n    border-radius: ", ";\n    border: ", " solid ", ";\n  "], ["\n    border-radius: ", ";\n    border: ", " solid ", ";\n  "])), props.borderRadius, props.borderWidth, props.borderColor); });
-Input.defaultProps = {
-    borderRadius: '6px',
-    borderColor: '#000',
-    borderWidth: '2px'
-};
-var templateObject_1, templateObject_2;
-
-module.exports = Input;
-//# sourceMappingURL=Input.js.map
+"use strict";var e=require("../../_virtual/_tslib.js"),n=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,i,t=r(n).default.input.withConfig({displayName:"Input",componentId:"sc-1pih6it-0"})(i||(i=e.__makeTemplateObject(["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"],["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"])),(function(r){return n.css(o||(o=e.__makeTemplateObject(["\n    border-radius: ",";\n    border: "," solid ",";\n  "],["\n    border-radius: ",";\n    border: "," solid ",";\n  "])),r.borderRadius,r.borderWidth,r.borderColor)}));t.defaultProps={borderRadius:"6px",borderColor:"#000",borderWidth:"2px"},module.exports=t;

package/dist/cjs/components/Input/index.js

@@ -1,8 +1 @@
-'use strict';
-
-var Input = require('./Input.js');
-
-
-
-module.exports = Input;
-//# sourceMappingURL=index.js.map
+"use strict";var e=require("./Input.js");module.exports=e;

package/dist/cjs/components/Modal/Modal.js

@@ -1,41 +1 @@
-'use strict';
-
-var React = require('react');
-require('tslib');
-var Close = require('../../icons/Close.js');
-var Button = require('../Button/Button.js');
-var Modal_styles = require('./Modal.styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Modal = function (props) {
-    var title = React.useMemo(function () {
-        if (props.errorMessage)
-            return 'Error';
-        return props.title;
-    }, []);
-    var content = React.useMemo(function () {
-        if (props.errorMessage)
-            return props.errorMessage;
-        if (props.message)
-            return props.message;
-        return props.children;
-    }, []);
-    var actions = React.useMemo(function () {
-        if (props.actions)
-            return props.actions;
-        return null;
-    }, []);
-    return React__default['default'].createElement(Modal_styles.Wrapper, null,
-        props.dismiss && React__default['default'].createElement(Modal_styles.QuitButton, { onClick: props.dismiss },
-            React__default['default'].createElement(Button, { round: true, theme: 'red', size: 'regular' },
-                React__default['default'].createElement(Close, null))),
-        React__default['default'].createElement(Modal_styles.Title, null, title),
-        content && React__default['default'].createElement(Modal_styles.Content, { hasError: Boolean(props.errorMessage && true) }, content),
-        React__default['default'].createElement(Modal_styles.Actions, null, Array.isArray(actions) && actions.map(function (action) { return action; })));
-};
-
-module.exports = Modal;
-//# sourceMappingURL=Modal.js.map
+"use strict";var e=require("react");require("../../_virtual/_tslib.js");var r=require("../../icons/Close.js"),t=require("../Button/Button.js"),n=require("./Modal.styles.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);module.exports=function(u){var a=e.useMemo((function(){return u.errorMessage?"Error":u.title}),[]),l=e.useMemo((function(){return u.errorMessage?u.errorMessage:u.message?u.message:u.children}),[]),o=e.useMemo((function(){return u.actions?u.actions:null}),[]);return s.default.createElement(n.Wrapper,null,u.dismiss&&s.default.createElement(n.QuitButton,{onClick:u.dismiss},s.default.createElement(t,{round:!0,theme:"red",size:"regular"},s.default.createElement(r,null))),s.default.createElement(n.Title,null,a),l&&s.default.createElement(n.Content,{hasError:Boolean(u.errorMessage&&!0)},l),s.default.createElement(n.Actions,null,Array.isArray(o)&&o.map((function(e){return e}))))};

package/dist/cjs/components/Modal/Modal.styles.js

@@ -1,24 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var Wrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"], ["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"])));
-var Title = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"], ["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"])));
-var Content = styled__default['default'].div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ", "\n"], ["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ", "\n"])), function (props) { return props.hasError && styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "], ["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "]))); });
-var Actions = styled__default['default'].div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"], ["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"])));
-var QuitButton = styled__default['default'].div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-
-exports.Actions = Actions;
-exports.Content = Content;
-exports.QuitButton = QuitButton;
-exports.Title = Title;
-exports.Wrapper = Wrapper;
-//# sourceMappingURL=Modal.styles.js.map
+"use strict";var n=require("../../_virtual/_tslib.js"),t=require("styled-components");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,a,p,r,d,l=e(t),x=l.default.div.withConfig({displayName:"Modalstyles__Wrapper",componentId:"sc-1kydg2d-0"})(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"],["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"]))),s=l.default.div.withConfig({displayName:"Modalstyles__Title",componentId:"sc-1kydg2d-1"})(i||(i=n.__makeTemplateObject(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"],["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"]))),f=l.default.div.withConfig({displayName:"Modalstyles__Content",componentId:"sc-1kydg2d-2"})(p||(p=n.__makeTemplateObject(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"],["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"])),(function(e){return e.hasError&&t.css(a||(a=n.__makeTemplateObject(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "],["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "])))})),m=l.default.div.withConfig({displayName:"Modalstyles__Actions",componentId:"sc-1kydg2d-3"})(r||(r=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"],["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"]))),c=l.default.div.withConfig({displayName:"Modalstyles__QuitButton",componentId:"sc-1kydg2d-4"})(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));exports.Actions=m,exports.Content=f,exports.QuitButton=c,exports.Title=s,exports.Wrapper=x;

package/dist/cjs/components/Modal/ModalState.js

@@ -1,66 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var shortid = require('shortid');
-var styled = require('styled-components');
-var unstatedNext = require('unstated-next');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var shortid__default = /*#__PURE__*/_interopDefaultLegacy(shortid);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var Overlay = styled__default['default'].div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])), function (props) { return props.active ? 'rgba(0,0,0,0.7)' : 'rgba(0,0,0,0)'; });
-var ModalState = function () {
-    var _a = React.useState({}), modals = _a[0], setModals = _a[1];
-    var modalsStack = React.useMemo(function () {
-        return Object.keys(modals).map(function (key) { return modals[key]; });
-    }, [modals]);
-    var lastModalKey = React.useMemo(function () {
-        return Object.keys(modals)[Object.keys(modals).length - 1];
-    }, [modals]);
-    var close = function (key) {
-        var keyToRemove = key || lastModalKey;
-        setModals(function (modals) {
-            var newModals = tslib.__assign({}, modals);
-            delete newModals[keyToRemove];
-            return newModals;
-        });
-    };
-    var open = function (modal, key) {
-        var id = "" + (key || shortid__default['default'].generate());
-        setModals(function (modals) {
-            var newModals = tslib.__assign({}, modals);
-            newModals[id] = React__default['default'].cloneElement(modal, { id: id, dismiss: function () { return close(id); } });
-            return newModals;
-        });
-        return id;
-    };
-    return { open: open, close: close, modals: modalsStack };
-};
-var ModalContainer = unstatedNext.createContainer(ModalState);
-var useModalState = ModalContainer.useContainer;
-var Modals = function () {
-    var _a = useModalState(), modals = _a.modals, close = _a.close;
-    if (modals.length === 0)
-        return null;
-    return React__default['default'].createElement(React__default['default'].Fragment, null, modals.map(function (m, i) { return React__default['default'].createElement(Overlay, { onClick: function () { return close(); }, active: i === modals.length - 1 },
-        React__default['default'].createElement("div", { onClick: function (e) {
-                e.stopPropagation();
-                e.preventDefault();
-            }, role: "alert" }, m)); }));
-};
-var ModalProvider = function (props) {
-    return React__default['default'].createElement(ModalContainer.Provider, null,
-        React__default['default'].createElement(Modals, null),
-        React__default['default'].cloneElement(props.children, props));
-};
-var templateObject_1;
-
-exports.ModalProvider = ModalProvider;
-exports.useModalState = useModalState;
-//# sourceMappingURL=ModalState.js.map
+"use strict";var e=require("../../_virtual/_tslib.js"),n=require("react"),t=require("nanoid"),r=require("styled-components"),o=require("unstated-next");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=a(n),l=a(r).default.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(i||(i=e.__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(e){return e.active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),c=o.createContainer((function(){var r=n.useState({}),o=r[0],a=r[1],i=n.useMemo((function(){return Object.keys(o).map((function(e){return o[e]}))}),[o]),l=n.useMemo((function(){return Object.keys(o)[Object.keys(o).length-1]}),[o]),c=function(n){var t=n||l;a((function(n){var r=e.__assign({},n);return delete r[t],r}))};return{open:function(n,r){var o=""+(r||t.nanoid());return a((function(t){var r=e.__assign({},t);return r[o]=u.default.cloneElement(n,{id:o,dismiss:function(){return c(o)}}),r})),o},close:c,modals:i}})),s=c.useContainer,d=function(){var e=s(),n=e.modals,t=e.close;return 0===n.length?null:u.default.createElement(u.default.Fragment,null,n.map((function(e,r){return u.default.createElement(l,{onClick:function(){return t()},active:r===n.length-1},u.default.createElement("div",{onClick:function(e){e.stopPropagation(),e.preventDefault()},role:"alert"},e))})))};exports.ModalProvider=function(e){return u.default.createElement(c.Provider,null,u.default.createElement(d,null),u.default.cloneElement(e.children,e))},exports.useModalState=s;