digital-rabbit-cl 0.4.2 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("styled-components")):"function"==typeof define&&define.amd?define(["styled-components"],t):"object"==typeof exports?exports["digital-rabbit-cl"]=t(require("styled-components")):e["digital-rabbit-cl"]=t(e[void 0])}(this,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=6)}([function(e,t,r){e.exports=r(4)()},function(e,t){e.exports=require("react")},function(t,r){t.exports=e},,function(e,t,r){"use strict";var n=r(5);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,a,i){if(i!==n){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){"use strict";r.r(t),r.d(t,"Button",(function(){return u})),r.d(t,"Checkbox",(function(){return k})),r.d(t,"FormLabel",(function(){return j})),r.d(t,"Input",(function(){return P})),r.d(t,"Radio",(function(){return I})),r.d(t,"Select",(function(){return q})),r.d(t,"Textarea",(function(){return D}));var n=r(1),o=r.n(n),a=r(0),i=r.n(a),l=r(2),c=r.n(l),s=c()((function(e){var t=e.children,r=e.className,n=e.disabled,a=e.onClick,i=e.style,l=e.type;return o.a.createElement("button",{className:r,disabled:n,onClick:a,style:i,type:l},t)})).withConfig({displayName:"Button__StyledButton",componentId:"icgt3v-0"})(["background-color:",";border:.15em solid;border-color:",";color:",";cursor:",";font-size:",";font-weight:700;line-height:1.25;opacity:",";outline:none;padding:",";&:hover{background-color:",";border-color:",";color:",";opacity:",";}",";"],(function(e){return e.color}),(function(e){return e.color}),(function(e){return e.textColor||"white"}),(function(e){return e.disabled?"default":"pointer"}),(function(e){return e.fontSize||"1em"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em .5em":".25em .5em"}),(function(e){var t=e.color;return e.hoverColor||t}),(function(e){var t=e.color;return e.hoverColor||t}),(function(e){var t=e.hoverTextColor,r=e.textColor;return t||r}),(function(e){var t=e.disabled,r=e.hoverColor;return t?"0.3":r?"1":"0.75"}),(function(e){var t=e.color,r=e.hoverColor,n=e.hoverTextColor,o=e.disabled,a=e.outline,i=e.textColor;return a&&Object(l.css)(["background-color:transparent;color:",";opacity:",";&:hover{background-color:",";color:",";opacity:",";}"],i||t,o?"0.3":"1",(function(){return o?"transparent":r||t}),(function(){return o?t:n||(i||"white")}),o?"0.3":"1")}));s.defaultProps={color:"#000",disabled:!1,fontSize:"",hoverColor:"",hoverTextColor:"",outline:!1,textColor:"",type:"button"},s.propTypes={color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,hoverColor:i.a.string,hoverTextColor:i.a.string,onClick:i.a.func.isRequired,outline:i.a.bool,textColor:i.a.string,type:i.a.string};var u=s,d="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),p=new Uint8Array(16);function f(){if(!d)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return d(p)}for(var b=[],y=0;y<256;++y)b[y]=(y+256).toString(16).substr(1);var m=function(e,t){var r=t||0,n=b;return[n[e[r++]],n[e[r++]],n[e[r++]],n[e[r++]],"-",n[e[r++]],n[e[r++]],"-",n[e[r++]],n[e[r++]],"-",n[e[r++]],n[e[r++]],"-",n[e[r++]],n[e[r++]],n[e[r++]],n[e[r++]],n[e[r++]],n[e[r++]]].join("")};var g=function(e,t,r){var n=t&&r||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||f)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t)for(var a=0;a<16;++a)t[n+a]=o[a];return t||m(o)};function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var w=function(e){var t=e.checked,r=e.color,n=e.disabled,a=e.fontSize,i=e.id,l=e.inverted,c=e.checkmarkColor,s=e.label,u=e.labelStyle,d=e.name,p=e.onChange,f=e.style,b=""===i?g():i,y=r;c?y=c:l&&(y="white");var m=function(e){n||p(e)};return o.a.createElement("div",{style:v({cursor:n?"default":"pointer",display:"flex",alignItems:"center",fontSize:a||"1em",lineHeight:1.2,opacity:n?"0.3":"1"},f)},o.a.createElement("input",{id:b,checked:t,disabled:n,onChange:m,name:d,style:{display:"none"},type:"checkbox"}),o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:function(){return m({target:{checked:!t,name:d,type:"checkbox"}})},style:{width:a||"1rem"}},o.a.createElement("rect",{x:"0",y:"0",height:"100",width:"100",style:{fill:l&&t?r:"transparent",strokeWidth:"25",stroke:r}}),t&&o.a.createElement("path",{d:"M 25 45 L 45 65 L 75 30",stroke:y,strokeWidth:"15",fill:"transparent"})),s&&o.a.createElement("label",{htmlFor:b,style:v({color:r,cursor:n?"default":"pointer",fontSize:a||"1rem",fontWeight:700,marginLeft:".35em"},u)},s))};w.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,checkmarkColor:"",label:"",labelStyle:{},style:{}},w.propTypes={checked:i.a.bool,color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,id:i.a.string,inverted:i.a.bool,checkmarkColor:i.a.string,label:i.a.string,labelStyle:i.a.object,name:i.a.string.isRequired,onChange:i.a.func.isRequired,style:i.a.object};var k=w;function S(){return(S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function x(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var C=function(e){var t=e.children,r=(e.color,e.disabled,e.fontSize,e.htmlFor),n=x(e,["children","color","disabled","fontSize","htmlFor"]);return o.a.createElement("label",S({htmlFor:r},n),t)};C.defaultProps={color:"#000",disabled:!1,fontSize:""},C.propTypes={children:i.a.node.isRequired,color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,htmlFor:i.a.string};var j=c()(C).withConfig({displayName:"FormLabel",componentId:"sc-1oo80pp-0"})(["display:inline-block;font-size:",";font-weight:700;padding-bottom:.25em;color:",";opacity:",";cursor:",";"],(function(e){return e.fontSize||".85em"}),(function(e){return e.color}),(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"default"})),z=c()((function(e){var t=e.className,r=e.disabled,n=e.name,a=e.onChange,i=e.placeholder,l=e.style,c=e.type,s=e.value;return o.a.createElement("input",{className:t,disabled:r,onChange:a,name:n,placeholder:i,style:l,type:c,value:s})})).withConfig({displayName:"Input__StyledInput",componentId:"fsbwra-0"})(["background-color:transparent;border:.15em solid;border-color:",";box-sizing:border-box;color:",";display:block;font-size:",";font-weight:700;line-height:1.25;opacity:",";outline:none;padding:",";width:100%;&::placeholder{color:inherit;opacity:","}"],(function(e){return e.color}),(function(e){return e.color}),(function(e){return e.fontSize||"1em"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em .25em":".25em .5em"}),(function(e){return e.placeholderOpacity}));z.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholderOpacity:.3,size:"",type:"text",value:""},z.propTypes={color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,name:i.a.string,onChange:i.a.func.isRequired,outline:i.a.bool,placeholderOpacity:i.a.string,size:i.a.string,type:i.a.string,value:i.a.string};var P=z;function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){_(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var R=function(e){var t=e.checked,r=e.color,n=e.disabled,a=e.fontSize,i=e.id,l=e.label,c=e.labelStyle,s=e.name,u=e.onChange,d=e.style,p=""===i?g():i,f=function(e){n||u(e)};return o.a.createElement("div",{style:T({cursor:n?"default":"pointer",display:"flex",alignItems:"center",fontSize:a||"1em",lineHeight:1.25,opacity:n?"0.3":"1"},d)},o.a.createElement("input",{id:p,checked:t,disabled:n,name:s,onChange:f,style:{display:"none"},type:"radio"}),o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:function(){return f({target:{checked:!t,name:s,type:"radio"}})},style:{width:a||"1rem"}},o.a.createElement("circle",{cx:"50",cy:"50",r:"42.5",width:"100%",style:{fill:"transparent",strokeWidth:"12.5",stroke:r}}),t&&o.a.createElement("circle",{cx:"50",cy:"50",r:"25",style:{fill:r}})),l&&o.a.createElement("label",{htmlFor:p,style:T({color:r,cursor:n?"default":"pointer",fontSize:a||"1rem",fontWeight:700,marginLeft:".35em"},c)},l))};R.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,label:"",labelStyle:{},style:{}},R.propTypes={checked:i.a.bool,color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,id:i.a.string,label:i.a.string,labelStyle:i.a.object,name:i.a.string.isRequired,onChange:i.a.func.isRequired,style:i.a.object};var I=R,N=c()((function(e){var t=e.children,r=e.className,n=e.disabled,a=e.name,i=e.onChange,l=e.placeholder,c=e.style,s=e.value;return o.a.createElement("select",{className:r,disabled:n,onChange:i,name:a,placeholder:l,style:c,value:s},""!==l&&o.a.createElement("option",{disabled:!0,value:""},l),t)})).withConfig({displayName:"Select__StyledSelect",componentId:"sc-1mk8w91-0"})(["-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:",";background-position:right;background-repeat:no-repeat;background-size:auto 85%;border:.15em solid;border-color:",";border-radius:0px;box-sizing:border-box;color:",";cursor:",";display:block;font-size:",";font-weight:700;line-height:1.25;opacity:",";outline:none;padding:",";width:100%;"],(function(e){var t=e.color;return'\n url(\'data:image/svg+xml;utf8,\n <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\n <path\n d="M 30 42.5 L 50 22.5 L 70 42.5"\n stroke="'.concat(t.replace("#","%23"),'"\n stroke-width="11"\n fill="transparent"\n />\n <path\n d="M 30 58.5 L 50 78.5 L 70 58.5"\n stroke="').concat(t.replace("#","%23"),'"\n stroke-width="11"\n fill="transparent"\n />\n </svg>\n \')\n ')}),(function(e){return e.color}),(function(e){return e.color}),(function(e){return e.disabled?"default":"pointer"}),(function(e){return e.fontSize||"1em"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em 1.75em .1em .25em":".25em 2em .25em .5em"}));N.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholder:"",size:"",value:""},N.propTypes={color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,name:i.a.string,onChange:i.a.func.isRequired,outline:i.a.bool,placeholder:i.a.string,size:i.a.string,value:i.a.string};var q=N,L=c()((function(e){var t=e.className,r=e.disabled,n=e.name,a=e.onChange,i=e.placeholder,l=e.rows,c=e.style,s=e.value;return o.a.createElement("textarea",{className:t,disabled:r,onChange:a,name:n,placeholder:i,rows:l,style:c,value:s})})).withConfig({displayName:"Textarea__StyledTextarea",componentId:"cblvky-0"})(["background-color:transparent;border:.15em solid;border-color:",";box-sizing:border-box;color:",";display:block;font-size:",";font-weight:700;line-height:1.25;opacity:",";outline:none;padding:",";width:100%;&::placeholder{color:inherit;opacity:","}"],(function(e){return e.color}),(function(e){return e.color}),(function(e){return e.fontSize||"1em"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em .25em":".25em .5em"}),(function(e){return e.placeholderOpacity}));L.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholderOpacity:.3,rows:"3",size:"",value:""},L.propTypes={color:i.a.string,disabled:i.a.bool,fontSize:i.a.string,name:i.a.string,onChange:i.a.func.isRequired,outline:i.a.bool,placeholderOpacity:i.a.string,rows:i.a.string,size:i.a.string,value:i.a.string};var D=L}])}));
1
+ !function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["digital-rabbit-cl"]=n():e["digital-rabbit-cl"]=n()}(this,(function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=19)}([function(e,n,t){e.exports=t(10)()},function(e,n){e.exports=require("react")},function(e,n,t){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),a=[];function l(e){for(var n=-1,t=0;t<a.length;t++)if(a[t].identifier===e){n=t;break}return n}function c(e,n){for(var t={},r=[],o=0;o<e.length;o++){var i=e[o],c=n.base?i[0]+n.base:i[0],s=t[c]||0,u="".concat(c," ").concat(s);t[c]=s+1;var d=l(u),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==d?(a[d].references++,a[d].updater(p)):a.push({identifier:u,updater:y(p,n),references:1}),r.push(u)}return r}function s(e){var n=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=t.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){n.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(n);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}return n}var u,d=(u=[],function(e,n){return u[e]=n,u.filter(Boolean).join("\n")});function p(e,n,t,r){var o=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(n,o);else{var i=document.createTextNode(o),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(i,a[n]):e.appendChild(i)}}function f(e,n,t){var r=t.css,o=t.media,i=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var b=null,m=0;function y(e,n){var t,r,o;if(n.singleton){var i=m++;t=b||(b=s(n)),r=p.bind(null,t,i,!1),o=p.bind(null,t,i,!0)}else t=s(n),r=f.bind(null,t,n),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return r(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else o()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=o());var t=c(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<t.length;r++){var o=l(t[r]);a[o].references--}for(var i=c(e,n),s=0;s<t.length;s++){var u=l(t[s]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}t=i}}}},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",r=e[3];if(!r)return t;if(n&&"function"==typeof btoa){var o=(a=r,l=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(c," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[t].concat(i).concat([o]).join("\n")}var a,l,c;return[t].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&o[c[0]]||(t&&(c[2]?c[2]="".concat(t," and ").concat(c[2]):c[2]=t),n.push(c))}},n}},function(e,n,t){var r=t(2),o=t(12);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){var r=t(2),o=t(16);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){var r=t(2),o=t(17);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){var r=t(2),o=t(18);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){var r=t(2),o=t(15);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},,function(e,n,t){"use strict";var r=t(11);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,i,a){if(a!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,n,t){(n=t(3)(!1)).push([e.i,".Button-module__button___6y6Zv {\n border-width: 0.15em;\n border-style: solid;\n cursor: pointer;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n}\n\n.Button-module__button___6y6Zv:disabled {\n cursor: default;\n opacity: 0.3;\n}\n\n.Button-module__button___6y6Zv:not(:disabled):hover {\n opacity: 0.75;\n}\n\n.Button-module__sizeSmall___33CCh {\n padding: 0.1em 0.5em;\n}\n\n.Button-module__sizeDefault___2J5m- {\n padding: 0.25em 0.5em;\n}\n\n.Button-module__outline___36jpf {\n background-color: transparent;\n}\n\n.Button-module__outline___36jpf:not(:disabled):hover {\n opacity: 1;\n}\n",""]),n.locals={button:"Button-module__button___6y6Zv",sizeSmall:"Button-module__sizeSmall___33CCh",sizeDefault:"Button-module__sizeDefault___2J5m-",outline:"Button-module__outline___36jpf"},e.exports=n},function(e,n,t){var r=t(2),o=t(14);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var i={insert:"head",singleton:!1};r(o,i);e.exports=o.locals||{}},function(e,n,t){(n=t(3)(!1)).push([e.i,'/* CSS Reset - digital-rabbit-cl */\n/* Based on normalize.css and modern CSS resets */\n\n/* CSS Custom Properties for theming */\n:root {\n --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n --font-size: 16px;\n --line-height: 1.5;\n --primary-color: #000;\n --background-color: #fff;\n --accent-color: #0066cc;\n}\n\n/* Document */\nhtml {\n line-height: var(--line-height);\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n font-size: var(--font-size);\n font-family: var(--font-family);\n box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n/* Sections */\nbody {\n margin: 0;\n font-family: var(--font-family);\n font-size: var(--font-size);\n line-height: var(--line-height);\n color: var(--primary-color);\n background-color: var(--background-color);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nmain {\n display: block;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5em;\n font-weight: 600;\n}\n\n/* Grouping content */\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n margin: 1em 0;\n}\n\npre {\n font-family: monospace, monospace;\n font-size: 1em;\n overflow: auto;\n}\n\n/* Text-level semantics */\na {\n background-color: transparent;\n color: var(--accent-color);\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content */\nimg {\n border-style: none;\n max-width: 100%;\n height: auto;\n vertical-align: middle;\n}\n\n/* Forms */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-size: 100%;\n line-height: var(--line-height);\n margin: 0;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type="search"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\n/* Interactive */\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\n/* Misc */\ntemplate,\n[hidden] {\n display: none;\n}\n\n/* Tables */\ntable {\n border-collapse: collapse;\n width: 100%;\n}\n\n/* Lists */\nul, ol {\n padding-left: 1.5em;\n}\n\n/* Paragraphs */\np {\n margin-top: 0;\n margin-bottom: 1em;\n}\n',""]),e.exports=n},function(e,n,t){(n=t(3)(!1)).push([e.i,".FormLabel-module__label___3iLIo {\n display: inline-block;\n font-weight: 700;\n padding-bottom: 0.25em;\n}\n\n.FormLabel-module__label___3iLIo.FormLabel-module__disabled___uJOOT {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.FormLabel-module__label___3iLIo:not(.FormLabel-module__disabled___uJOOT) {\n cursor: default;\n}\n",""]),n.locals={label:"FormLabel-module__label___3iLIo",disabled:"FormLabel-module__disabled___uJOOT"},e.exports=n},function(e,n,t){(n=t(3)(!1)).push([e.i,".Input-module__input___1TjxO {\n background-color: transparent;\n border-width: 0.15em;\n border-style: solid;\n box-sizing: border-box;\n display: block;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n width: 100%;\n}\n\n.Input-module__input___1TjxO:disabled {\n opacity: 0.3;\n}\n\n.Input-module__sizeSmall___3JbAT {\n padding: 0.1em 0.25em;\n}\n\n.Input-module__sizeDefault___1XXlU {\n padding: 0.25em 0.5em;\n}\n",""]),n.locals={input:"Input-module__input___1TjxO",sizeSmall:"Input-module__sizeSmall___3JbAT",sizeDefault:"Input-module__sizeDefault___1XXlU"},e.exports=n},function(e,n,t){(n=t(3)(!1)).push([e.i,".Select-module__select___3oApo {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: transparent;\n background-position: right;\n background-repeat: no-repeat;\n background-size: auto 85%;\n border-width: 0.15em;\n border-style: solid;\n border-radius: 0;\n box-sizing: border-box;\n display: block;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n width: 100%;\n}\n\n.Select-module__select___3oApo:disabled {\n cursor: default;\n opacity: 0.3;\n}\n\n.Select-module__select___3oApo:not(:disabled) {\n cursor: pointer;\n}\n\n.Select-module__sizeSmall___3nVvB {\n padding: 0.1em 1.75em 0.1em 0.25em;\n}\n\n.Select-module__sizeDefault___3Tun- {\n padding: 0.25em 2em 0.25em 0.5em;\n}\n",""]),n.locals={select:"Select-module__select___3oApo",sizeSmall:"Select-module__sizeSmall___3nVvB",sizeDefault:"Select-module__sizeDefault___3Tun-"},e.exports=n},function(e,n,t){(n=t(3)(!1)).push([e.i,".Textarea-module__textarea___sdVoK {\n background-color: transparent;\n border-width: 0.15em;\n border-style: solid;\n box-sizing: border-box;\n display: block;\n font-weight: 700;\n line-height: 1.25;\n outline: none;\n width: 100%;\n}\n\n.Textarea-module__textarea___sdVoK:disabled {\n opacity: 0.3;\n}\n\n.Textarea-module__sizeSmall___2Pu5f {\n padding: 0.1em 0.25em;\n}\n\n.Textarea-module__sizeDefault___24f-r {\n padding: 0.25em 0.5em;\n}\n",""]),n.locals={textarea:"Textarea-module__textarea___sdVoK",sizeSmall:"Textarea-module__sizeSmall___2Pu5f",sizeDefault:"Textarea-module__sizeDefault___24f-r"},e.exports=n},function(e,n,t){"use strict";t.r(n),t.d(n,"Button",(function(){return y})),t.d(n,"Checkbox",(function(){return k})),t.d(n,"CSSReset",(function(){return E})),t.d(n,"FormLabel",(function(){return F})),t.d(n,"Input",(function(){return W})),t.d(n,"Radio",(function(){return Y})),t.d(n,"Select",(function(){return ie})),t.d(n,"Textarea",(function(){return fe}));var r=t(1),o=t.n(r),i=t(0),a=t.n(i),l=t(4),c=t.n(l);function s(){return(s=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function d(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function p(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(t.push(a.value),!n||t.length!==n);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return t}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return f(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var m=function(e){var n=e.children,t=e.color,r=void 0===t?"#000":t,i=e.disabled,a=void 0!==i&&i,l=e.fontSize,f=void 0===l?"1em":l,m=e.hoverColor,y=e.hoverTextColor,g=e.onClick,h=e.outline,v=void 0!==h&&h,_=e.size,O=e.style,j=e.textColor,w=e.type,S=void 0===w?"button":w,x=b(e,["children","color","disabled","fontSize","hoverColor","hoverTextColor","onClick","outline","size","style","textColor","type"]),z=p(o.a.useState(!1),2),P=z[0],k=z[1],C=v?j||r:j||"white",E=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({backgroundColor:P?a?v?"transparent":r:m||r:v?"transparent":r,borderColor:P&&m||r,color:P?a?C:y||(v&&!m?C:"white"):C,fontSize:f||"1em",opacity:a?.3:P&&m?1:P?.75:1},O),T=[c.a.button,"small"===_?c.a.sizeSmall:c.a.sizeDefault,v?c.a.outline:""].filter(Boolean).join(" ");return o.a.createElement("button",s({className:T,disabled:a,onClick:g,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},style:E,type:S},x),n)};m.propTypes={children:a.a.node.isRequired,color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,hoverColor:a.a.string,hoverTextColor:a.a.string,onClick:a.a.func.isRequired,outline:a.a.bool,size:a.a.string,style:a.a.object,textColor:a.a.string,type:a.a.string};var y=m,g="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),h=new Uint8Array(16);function v(){if(!g)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return g(h)}for(var _=[],O=0;O<256;++O)_[O]=(O+256).toString(16).substr(1);var j=function(e,n){var t=n||0,r=_;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")};var w=function(e,n,t){var r=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||v)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,n)for(var i=0;i<16;++i)n[r+i]=o[i];return n||j(o)};function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){z(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function z(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var P=function(e){var n=e.checked,t=e.color,r=e.disabled,i=e.fontSize,a=e.id,l=e.inverted,c=e.checkmarkColor,s=e.label,u=e.labelStyle,d=e.name,p=e.onChange,f=e.style,b=""===a?w():a,m=t;c?m=c:l&&(m="white");var y=function(e){r||p(e)};return o.a.createElement("div",{style:x({cursor:r?"default":"pointer",display:"flex",alignItems:"center",fontSize:i||"1em",lineHeight:1.2,opacity:r?"0.3":"1"},f)},o.a.createElement("input",{id:b,checked:n,disabled:r,onChange:y,name:d,style:{display:"none"},type:"checkbox"}),o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:function(){return y({target:{checked:!n,name:d,type:"checkbox"}})},style:{width:i||"1rem"}},o.a.createElement("rect",{x:"0",y:"0",height:"100",width:"100",style:{fill:l&&n?t:"transparent",strokeWidth:"25",stroke:t}}),n&&o.a.createElement("path",{d:"M 25 45 L 45 65 L 75 30",stroke:m,strokeWidth:"15",fill:"transparent"})),s&&o.a.createElement("label",{htmlFor:b,style:x({color:t,cursor:r?"default":"pointer",fontSize:i||"1rem",fontWeight:700,marginLeft:".35em"},u)},s))};P.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,checkmarkColor:"",label:"",labelStyle:{},style:{}},P.propTypes={checked:a.a.bool,color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,id:a.a.string,inverted:a.a.bool,checkmarkColor:a.a.string,label:a.a.string,labelStyle:a.a.object,name:a.a.string.isRequired,onChange:a.a.func.isRequired,style:a.a.object};var k=P,C=(t(13),function(e){var n=e.theme,t=void 0===n?{}:n;return Object(r.useEffect)((function(){if(Object.keys(t).length>0){var e=document.documentElement;t.fontFamily&&e.style.setProperty("--font-family",t.fontFamily),t.fontSize&&e.style.setProperty("--font-size",t.fontSize),void 0!==t.lineHeight&&e.style.setProperty("--line-height",t.lineHeight.toString()),t.primaryColor&&e.style.setProperty("--primary-color",t.primaryColor),t.backgroundColor&&e.style.setProperty("--background-color",t.backgroundColor),t.accentColor&&e.style.setProperty("--accent-color",t.accentColor)}}),[t]),null});C.propTypes={theme:a.a.shape({fontFamily:a.a.string,fontSize:a.a.string,lineHeight:a.a.oneOfType([a.a.string,a.a.number]),primaryColor:a.a.string,backgroundColor:a.a.string,accentColor:a.a.string})};var E=C,T=t(8),D=t.n(T);function I(){return(I=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function B(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function L(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var M=function(e){var n=e.children,t=e.color,r=void 0===t?"#000":t,i=e.disabled,a=void 0!==i&&i,l=e.fontSize,c=void 0===l?".85em":l,s=e.htmlFor,u=e.style,d=L(e,["children","color","disabled","fontSize","htmlFor","style"]),p=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){R(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({color:r,fontSize:c||".85em",opacity:a?.5:1,cursor:a?"not-allowed":"default"},u),f=[D.a.label,a?D.a.disabled:""].filter(Boolean).join(" ");return o.a.createElement("label",I({className:f,htmlFor:s,style:p},d),n)};M.propTypes={children:a.a.node.isRequired,color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,htmlFor:a.a.string,style:a.a.object};var F=M,A=t(5),N=t.n(A);function q(){return(q=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function U(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function V(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function H(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var J=function(e){var n=e.color,t=void 0===n?"#000":n,r=e.disabled,i=void 0!==r&&r,a=e.fontSize,l=void 0===a?"1em":a,c=e.name,s=void 0===c?"":c,u=e.onChange,d=e.placeholder,p=e.placeholderOpacity,f=void 0===p?.3:p,b=e.size,m=e.style,y=e.type,g=void 0===y?"text":y,h=e.value,v=void 0===h?"":h,_=H(e,["color","disabled","fontSize","name","onChange","placeholder","placeholderOpacity","size","style","type","value"]),O=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?U(Object(t),!0).forEach((function(n){V(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):U(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({borderColor:t,color:t,fontSize:l||"1em",opacity:i?.3:1},m),j="input-placeholder-".concat(o.a.useId?o.a.useId():Math.random().toString(36));o.a.useEffect((function(){var e=document.createElement("style");return e.id=j,e.textContent="\n .".concat(j,"::placeholder {\n color: inherit;\n opacity: ").concat(f,";\n }\n "),document.head.appendChild(e),function(){var e=document.getElementById(j);e&&e.remove()}}),[j,f]);var w=[N.a.input,"small"===b?N.a.sizeSmall:N.a.sizeDefault,j].filter(Boolean).join(" ");return o.a.createElement("input",q({className:w,disabled:i,name:s,onChange:u,placeholder:d,style:O,type:g,value:v},_))};J.propTypes={color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,name:a.a.string,onChange:a.a.func.isRequired,placeholder:a.a.string,placeholderOpacity:a.a.number,size:a.a.string,style:a.a.object,type:a.a.string,value:a.a.string};var W=J;function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?X(Object(t),!0).forEach((function(n){K(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function K(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var G=function(e){var n=e.checked,t=e.color,r=e.disabled,i=e.fontSize,a=e.id,l=e.label,c=e.labelStyle,s=e.name,u=e.onChange,d=e.style,p=""===a?w():a,f=function(e){r||u(e)};return o.a.createElement("div",{style:Z({cursor:r?"default":"pointer",display:"flex",alignItems:"center",fontSize:i||"1em",lineHeight:1.25,opacity:r?"0.3":"1"},d)},o.a.createElement("input",{id:p,checked:n,disabled:r,name:s,onChange:f,style:{display:"none"},type:"radio"}),o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:function(){return f({target:{checked:!n,name:s,type:"radio"}})},style:{width:i||"1rem"}},o.a.createElement("circle",{cx:"50",cy:"50",r:"42.5",width:"100%",style:{fill:"transparent",strokeWidth:"12.5",stroke:t}}),n&&o.a.createElement("circle",{cx:"50",cy:"50",r:"25",style:{fill:t}})),l&&o.a.createElement("label",{htmlFor:p,style:Z({color:t,cursor:r?"default":"pointer",fontSize:i||"1rem",fontWeight:700,marginLeft:".35em"},c)},l))};G.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,label:"",labelStyle:{},style:{}},G.propTypes={checked:a.a.bool,color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,id:a.a.string,label:a.a.string,labelStyle:a.a.object,name:a.a.string.isRequired,onChange:a.a.func.isRequired,style:a.a.object};var Y=G,$=t(6),Q=t.n($);function ee(){return(ee=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function ne(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function te(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function re(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var oe=function(e){var n=e.children,t=e.color,r=void 0===t?"#000":t,i=e.disabled,a=void 0!==i&&i,l=e.fontSize,c=void 0===l?"1em":l,s=e.name,u=void 0===s?"":s,d=e.onChange,p=e.placeholder,f=void 0===p?"":p,b=e.size,m=e.style,y=e.value,g=void 0===y?"":y,h=re(e,["children","color","disabled","fontSize","name","onChange","placeholder","size","style","value"]),v=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ne(Object(t),!0).forEach((function(n){te(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ne(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({backgroundImage:function(e){var n=e.replace("#","%23"),t='\n <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\n <path\n d="M 30 42.5 L 50 22.5 L 70 42.5"\n stroke="'.concat(n,'"\n stroke-width="11"\n fill="transparent"\n />\n <path\n d="M 30 58.5 L 50 78.5 L 70 58.5"\n stroke="').concat(n,'"\n stroke-width="11"\n fill="transparent"\n />\n </svg>\n ');return"url('data:image/svg+xml;utf8,".concat(t.trim(),"')")}(r),borderColor:r,color:r,cursor:a?"default":"pointer",fontSize:c||"1em",opacity:a?.3:1},m),_=[Q.a.select,"small"===b?Q.a.sizeSmall:Q.a.sizeDefault].filter(Boolean).join(" ");return o.a.createElement("select",ee({className:_,disabled:a,name:u,onChange:d,style:v,value:g},h),""!==f&&o.a.createElement("option",{disabled:!0,value:""},f),n)};oe.propTypes={children:a.a.node,color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,name:a.a.string,onChange:a.a.func.isRequired,placeholder:a.a.string,size:a.a.string,style:a.a.object,value:a.a.string};var ie=oe,ae=t(7),le=t.n(ae);function ce(){return(ce=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function se(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function ue(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function de(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var pe=function(e){var n=e.color,t=void 0===n?"#000":n,r=e.disabled,i=void 0!==r&&r,a=e.fontSize,l=void 0===a?"1em":a,c=e.name,s=void 0===c?"":c,u=e.onChange,d=e.placeholder,p=e.placeholderOpacity,f=void 0===p?.3:p,b=e.rows,m=void 0===b?"3":b,y=e.size,g=e.style,h=e.value,v=void 0===h?"":h,_=de(e,["color","disabled","fontSize","name","onChange","placeholder","placeholderOpacity","rows","size","style","value"]),O="textarea-placeholder-".concat(o.a.useId?o.a.useId():Math.random().toString(36));o.a.useEffect((function(){var e=document.createElement("style");return e.id=O,e.textContent="\n .".concat(O,"::placeholder {\n color: inherit;\n opacity: ").concat(f,";\n }\n "),document.head.appendChild(e),function(){var e=document.getElementById(O);e&&e.remove()}}),[O,f]);var j=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?se(Object(t),!0).forEach((function(n){ue(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):se(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({borderColor:t,color:t,fontSize:l||"1em",opacity:i?.3:1},g),w=[le.a.textarea,"small"===y?le.a.sizeSmall:le.a.sizeDefault,O].filter(Boolean).join(" ");return o.a.createElement("textarea",ce({className:w,disabled:i,name:s,onChange:u,placeholder:d,rows:m,style:j,value:v},_))};pe.propTypes={color:a.a.string,disabled:a.a.bool,fontSize:a.a.string,name:a.a.string,onChange:a.a.func.isRequired,placeholder:a.a.string,placeholderOpacity:a.a.number,rows:a.a.string,size:a.a.string,style:a.a.object,value:a.a.string};var fe=pe}])}));
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "digital-rabbit-cl",
3
- "version": "0.4.2",
3
+ "version": "1.0.1",
4
4
  "dependencies": {
5
5
  "react": "^16.13.1",
6
6
  "react-dom": "^16.13.1",
7
7
  "uuid": "^7.0.3"
8
8
  },
9
9
  "peerDependencies": {
10
- "styled-components": ">= 5"
10
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
11
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
11
12
  },
12
13
  "scripts": {
13
14
  "build": "webpack --config webpack.config.js",
@@ -20,7 +21,8 @@
20
21
  "types": "src/index.d.ts",
21
22
  "files": [
22
23
  "dist/digital-rabbit-cl.js",
23
- "src/**/*.d.ts"
24
+ "src/**/*.d.ts",
25
+ "src/**/*.module.css"
24
26
  ],
25
27
  "browserslist": {
26
28
  "production": [
@@ -44,10 +46,9 @@
44
46
  "@storybook/react": "^5.3.18",
45
47
  "@types/react": "^19.2.3",
46
48
  "@types/react-dom": "^19.2.2",
47
- "@types/styled-components": "^5.1.35",
48
49
  "babel-loader": "^8.1.0",
49
- "babel-plugin-styled-components": "^1.10.7",
50
- "styled-components": "^5.1.0",
50
+ "css-loader": "^3.5.3",
51
+ "style-loader": "^1.2.1",
51
52
  "typescript": "^5.9.3",
52
53
  "webpack": "^4.43.0",
53
54
  "webpack-cli": "^3.3.11"
@@ -0,0 +1,33 @@
1
+ .button {
2
+ border-width: 0.15em;
3
+ border-style: solid;
4
+ cursor: pointer;
5
+ font-weight: 700;
6
+ line-height: 1.25;
7
+ outline: none;
8
+ }
9
+
10
+ .button:disabled {
11
+ cursor: default;
12
+ opacity: 0.3;
13
+ }
14
+
15
+ .button:not(:disabled):hover {
16
+ opacity: 0.75;
17
+ }
18
+
19
+ .sizeSmall {
20
+ padding: 0.1em 0.5em;
21
+ }
22
+
23
+ .sizeDefault {
24
+ padding: 0.25em 0.5em;
25
+ }
26
+
27
+ .outline {
28
+ background-color: transparent;
29
+ }
30
+
31
+ .outline:not(:disabled):hover {
32
+ opacity: 1;
33
+ }
@@ -0,0 +1,45 @@
1
+ import { FC } from 'react';
2
+
3
+ export interface CSSResetTheme {
4
+ /**
5
+ * Base font family
6
+ * @default '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
7
+ */
8
+ fontFamily?: string;
9
+ /**
10
+ * Base font size
11
+ * @default '16px'
12
+ */
13
+ fontSize?: string;
14
+ /**
15
+ * Base line height
16
+ * @default 1.5
17
+ */
18
+ lineHeight?: string | number;
19
+ /**
20
+ * Primary text color
21
+ * @default '#000'
22
+ */
23
+ primaryColor?: string;
24
+ /**
25
+ * Body background color
26
+ * @default '#fff'
27
+ */
28
+ backgroundColor?: string;
29
+ /**
30
+ * Accent color for links, etc.
31
+ * @default '#0066cc'
32
+ */
33
+ accentColor?: string;
34
+ }
35
+
36
+ export interface CSSResetProps {
37
+ /**
38
+ * Optional theme object to customize reset styles
39
+ */
40
+ theme?: CSSResetTheme;
41
+ }
42
+
43
+ declare const CSSReset: FC<CSSResetProps>;
44
+
45
+ export default CSSReset;
@@ -0,0 +1 @@
1
+ export { default, CSSResetProps, CSSResetTheme } from './CSSReset';
@@ -0,0 +1,14 @@
1
+ .label {
2
+ display: inline-block;
3
+ font-weight: 700;
4
+ padding-bottom: 0.25em;
5
+ }
6
+
7
+ .label.disabled {
8
+ opacity: 0.5;
9
+ cursor: not-allowed;
10
+ }
11
+
12
+ .label:not(.disabled) {
13
+ cursor: default;
14
+ }
@@ -0,0 +1,23 @@
1
+ .input {
2
+ background-color: transparent;
3
+ border-width: 0.15em;
4
+ border-style: solid;
5
+ box-sizing: border-box;
6
+ display: block;
7
+ font-weight: 700;
8
+ line-height: 1.25;
9
+ outline: none;
10
+ width: 100%;
11
+ }
12
+
13
+ .input:disabled {
14
+ opacity: 0.3;
15
+ }
16
+
17
+ .sizeSmall {
18
+ padding: 0.1em 0.25em;
19
+ }
20
+
21
+ .sizeDefault {
22
+ padding: 0.25em 0.5em;
23
+ }
@@ -0,0 +1,35 @@
1
+ .select {
2
+ -webkit-appearance: none;
3
+ -moz-appearance: none;
4
+ appearance: none;
5
+ background-color: transparent;
6
+ background-position: right;
7
+ background-repeat: no-repeat;
8
+ background-size: auto 85%;
9
+ border-width: 0.15em;
10
+ border-style: solid;
11
+ border-radius: 0;
12
+ box-sizing: border-box;
13
+ display: block;
14
+ font-weight: 700;
15
+ line-height: 1.25;
16
+ outline: none;
17
+ width: 100%;
18
+ }
19
+
20
+ .select:disabled {
21
+ cursor: default;
22
+ opacity: 0.3;
23
+ }
24
+
25
+ .select:not(:disabled) {
26
+ cursor: pointer;
27
+ }
28
+
29
+ .sizeSmall {
30
+ padding: 0.1em 1.75em 0.1em 0.25em;
31
+ }
32
+
33
+ .sizeDefault {
34
+ padding: 0.25em 2em 0.25em 0.5em;
35
+ }
@@ -0,0 +1,23 @@
1
+ .textarea {
2
+ background-color: transparent;
3
+ border-width: 0.15em;
4
+ border-style: solid;
5
+ box-sizing: border-box;
6
+ display: block;
7
+ font-weight: 700;
8
+ line-height: 1.25;
9
+ outline: none;
10
+ width: 100%;
11
+ }
12
+
13
+ .textarea:disabled {
14
+ opacity: 0.3;
15
+ }
16
+
17
+ .sizeSmall {
18
+ padding: 0.1em 0.25em;
19
+ }
20
+
21
+ .sizeDefault {
22
+ padding: 0.25em 0.5em;
23
+ }
package/src/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { default as Button } from './components/Button';
2
2
  export { default as Checkbox } from './components/Checkbox';
3
+ export { default as CSSReset } from './components/CSSReset';
3
4
  export { default as FormLabel } from './components/FormLabel';
4
5
  export { default as Input } from './components/Input';
5
6
  export { default as Radio } from './components/Radio';