digital-rabbit-cl 0.3.20 → 0.4.0

package/dist/digital-rabbit-cl.js

@@ -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,"Input",(function(){return C})),r.d(t,"Radio",(function(){return E})),r.d(t,"Select",(function(){return _})),r.d(t,"Textarea",(function(){return I}));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||"1rem"}),(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){w(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 w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var O=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||"1rem",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))};O.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,checkmarkColor:"",label:"",labelStyle:{},style:{}},O.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=O,x=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||"1rem"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em .25em":".25em .5em"}),(function(e){return e.placeholderOpacity}));x.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholderOpacity:.3,size:"",type:"text",value:""},x.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 C=x;function S(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 j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){z(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function z(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var P=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:j({cursor:n?"default":"pointer",display:"flex",alignItems:"center",fontSize:a||"1rem",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:j({color:r,cursor:n?"default":"pointer",fontSize:a||"1rem",fontWeight:700,marginLeft:".35em"},c)},l))};P.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,label:"",labelStyle:{},style:{}},P.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 E=P,T=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||"1rem"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em 1.75em .1em .25em":".25em 2em .25em .5em"}));T.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholder:"",size:"",value:""},T.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 _=T,R=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||"1rem"}),(function(e){return e.disabled?"0.3":"1"}),(function(e){return"small"===e.size?".1em .25em":".25em .5em"}),(function(e){return e.placeholderOpacity}));R.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholderOpacity:.3,rows:"3",size:"",value:""},R.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 I=R}])}));
+!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,"Input",(function(){return C})),r.d(t,"Radio",(function(){return E})),r.d(t,"Select",(function(){return _})),r.d(t,"Textarea",(function(){return I}));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){w(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 w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var O=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))};O.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,checkmarkColor:"",label:"",labelStyle:{},style:{}},O.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=O,x=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}));x.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholderOpacity:.3,size:"",type:"text",value:""},x.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 C=x;function S(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 j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){z(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function z(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var P=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:j({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:j({color:r,cursor:n?"default":"pointer",fontSize:a||"1rem",fontWeight:700,marginLeft:".35em"},c)},l))};P.defaultProps={checked:!1,color:"#000",disabled:!1,fontSize:"",id:"",inverted:!1,label:"",labelStyle:{},style:{}},P.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 E=P,T=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"}));T.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholder:"",size:"",value:""},T.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 _=T,R=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}));R.defaultProps={color:"#000",disabled:!1,fontSize:"",name:"",outline:!1,placeholderOpacity:.3,rows:"3",size:"",value:""},R.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 I=R}])}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digital-rabbit-cl",
-  "version": "0.3.20",
+  "version": "0.4.0",
   "dependencies": {
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -17,8 +17,10 @@
   },
   "license": "MIT",
   "main": "dist/digital-rabbit-cl.js",
+  "types": "src/index.d.ts",
   "files": [
-    "dist/digital-rabbit-cl.js"
+    "dist/digital-rabbit-cl.js",
+    "src/**/*.d.ts"
   ],
   "browserslist": {
     "production": [
@@ -40,9 +42,13 @@
     "@storybook/addon-links": "^5.3.18",
     "@storybook/addons": "^5.3.18",
     "@storybook/react": "^5.3.18",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.2",
+    "@types/styled-components": "^5.1.35",
     "babel-loader": "^8.1.0",
     "babel-plugin-styled-components": "^1.10.7",
     "styled-components": "^5.1.0",
+    "typescript": "^5.9.3",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11"
   }

package/src/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface ButtonProps {
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  hoverColor?: string;
+  hoverTextColor?: string;
+  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  outline?: boolean;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  textColor?: string;
+  type?: 'button' | 'submit' | 'reset';
+}
+
+declare const Button: StyledComponent<'button', any, ButtonProps, never>;
+
+export default Button;

package/src/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export * from './Button';

package/src/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+export interface CheckboxProps {
+  checked?: boolean;
+  checkmarkColor?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  id?: string;
+  inverted?: boolean;
+  label?: string;
+  labelStyle?: React.CSSProperties;
+  name: string;
+  onChange: (event: { target: { checked: boolean; name: string; type: 'checkbox' } }) => void;
+  style?: React.CSSProperties;
+}
+
+declare const Checkbox: React.FC<CheckboxProps>;
+
+export default Checkbox;

package/src/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+export * from './Checkbox';

package/src/components/Input/Input.d.ts

@@ -0,0 +1,22 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface InputProps {
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  name?: string;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  outline?: boolean;
+  placeholder?: string;
+  placeholderOpacity?: string | number;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  type?: string;
+  value?: string;
+}
+
+declare const Input: StyledComponent<'input', any, InputProps, never>;
+
+export default Input;

package/src/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export * from './Input';

package/src/components/Radio/Radio.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export interface RadioProps {
+  checked?: boolean;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  id?: string;
+  inverted?: boolean;
+  label?: string;
+  labelStyle?: React.CSSProperties;
+  name: string;
+  onChange: (event: { target: { checked: boolean; name: string; type: 'radio' } }) => void;
+  style?: React.CSSProperties;
+}
+
+declare const Radio: React.FC<RadioProps>;
+
+export default Radio;

package/src/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Radio';
+export * from './Radio';

package/src/components/Select/Select.d.ts

@@ -0,0 +1,21 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface SelectProps {
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  name?: string;
+  onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+  outline?: boolean;
+  placeholder?: string;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  value?: string;
+}
+
+declare const Select: StyledComponent<'select', any, SelectProps, never>;
+
+export default Select;

package/src/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Select';
+export * from './Select';

package/src/components/Textarea/Textarea.d.ts

@@ -0,0 +1,22 @@
+import { StyledComponent } from 'styled-components';
+import * as React from 'react';
+
+export interface TextareaProps {
+  className?: string;
+  color?: string;
+  disabled?: boolean;
+  fontSize?: string;
+  name?: string;
+  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  outline?: boolean;
+  placeholder?: string;
+  placeholderOpacity?: string | number;
+  rows?: string;
+  size?: 'small' | string;
+  style?: React.CSSProperties;
+  value?: string;
+}
+
+declare const Textarea: StyledComponent<'textarea', any, TextareaProps, never>;
+
+export default Textarea;

package/src/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Textarea';
+export * from './Textarea';

package/src/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Button } from './components/Button';
+export { default as Checkbox } from './components/Checkbox';
+export { default as Input } from './components/Input';
+export { default as Radio } from './components/Radio';
+export { default as Select } from './components/Select';
+export { default as Textarea } from './components/Textarea';