@janiscommerce/ui-web 0.2.0 → 0.2.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.
- package/index.umd.js +133 -92
- package/index.umd.js.map +1 -1
- package/package.json +1 -1
package/index.umd.js
CHANGED
|
@@ -2564,7 +2564,7 @@
|
|
|
2564
2564
|
|
|
2565
2565
|
var hoistNonReactStatics_cjs = hoistNonReactStatics;
|
|
2566
2566
|
|
|
2567
|
-
function y(){return (y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var v$1=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},g$1=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!reactIs$2.exports.typeOf(t)},S=Object.freeze([]),w$1=Object.freeze({});function E(e){return "function"==typeof e}function b$1(e){return e.displayName||e.name||"Component"}function _(e){return e&&"string"==typeof e.styledComponentId}var N$1="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",C="undefined"!=typeof window&&"HTMLElement"in window,I=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!=="production");function D(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):""))}var j=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&D(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++);},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n);}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),T$1=new Map,x$1=new Map,k=1,V$1=function(e){if(T$1.has(e))return T$1.get(e);for(;x$1.has(k);)k++;var t=k++;return T$1.set(e,t),x$1.set(t,e),t},z$1=function(e){return x$1.get(e)},B$1=function(e,t){t>=k&&(k=t+1),T$1.set(e,t),x$1.set(t,e);},M="style["+N$1+'][data-styled-version="5.3.5"]',G$1=new RegExp("^"+N$1+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),L$1=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r);},F=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(G$1);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(B$1(u,c),L$1(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0;}else r.push(i);}}},Y=function(){return "undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},q$1=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(N$1))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(N$1,"active"),r.setAttribute("data-styled-version","5.3.5");var i=Y();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},H=function(){function e(e){var t=this.element=q$1(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}D(17);}(t),this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return !1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),$$1=function(){function e(e){var t=this.element=q$1(e);this.nodes=t.childNodes,this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return !1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),W=function(){function e(e){this.rules=[],this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--;},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),U=C,J$1={isServer:!C,useCSSOMInjection:!I},X$1=function(){function e(e,t,n){void 0===e&&(e=w$1),void 0===t&&(t={}),this.options=y({},J$1,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&C&&U&&(U=!1,function(e){for(var t=document.querySelectorAll(M),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(N$1)&&(F(e,o),o.parentNode&&o.parentNode.removeChild(o));}}(this));}e.registerId=function(e){return V$1(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(y({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new W(o):r?new H(o):new $$1(o),new j(e)));var e,t,n,r,o;},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(V$1(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(V$1(e),n);},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},t.clearRules=function(e){this.getTag().clearGroup(V$1(e)),this.clearNames(e);},t.clearTag=function(){this.tag=void 0;},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=z$1(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=N$1+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+",");})),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n';}}}return r}(this)},e}(),Z=/(a)(d)/gi,K$1=function(e){return String.fromCharCode(e+(e>25?39:97))};function Q(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=K$1(t%52)+n;return (K$1(t%52)+n).replace(Z,"$1-$2")}var ee=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},te=function(e){return ee(5381,e)};function ne(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(E(n)&&!_(n))return !1}return !0}var re=te("5.3.5"),oe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===n||n.isStatic)&&ne(e),this.componentId=t,this.baseHash=ee(re,t),this.baseStyle=n,X$1.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else {var s=_e(this.rules,e,t,n).join(""),i=Q(ee(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a);}o.push(i),this.staticRulesId=i;}else {for(var c=this.rules.length,u=ee(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h;else if(h){var p=_e(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=ee(u,f+d),l+=f;}}if(l){var m=Q(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y);}o.push(m);}}return o.join(" ")},e}(),se=/^\s*\/\/.*$/gm,ie=[":","[",".","#"];function ae(e){var t,n,r,o,s=void 0===e?w$1:e,i=s.options,a=void 0===i?w$1:i,c=s.plugins,u=void 0===c?S:c,l=new stylis_min(a),d=[],p=function(e){function t(t){if(t)try{e(t+"}");}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t);}}}((function(e){d.push(e);})),f=function(e,r,s){return 0===r&&-1!==ie.indexOf(s[n.length])||s.match(o)?e:"."+t};function m(e,s,i,a){void 0===a&&(a="&");var c=e.replace(se,""),u=s&&i?i+" "+s+" { "+c+" }":c;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f));},p,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||D(15),ee(e,t.name)}),5381).toString():"",m}var ce=React__default["default"].createContext();ce.Consumer;var le=React__default["default"].createContext(),de=(le.Consumer,new X$1),he=ae();function pe(){return React.useContext(ce)||de}function fe(){return React.useContext(le)||he}var ye=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=he);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"));},this.toString=function(){return D(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t;}return e.prototype.getName=function(e){return void 0===e&&(e=he),this.name+e.hash},e}(),ve=/([A-Z])/,ge=/([A-Z])/g,Se=/^ms-/,we=function(e){return "-"+e.toLowerCase()};function Ee(e){return ve.test(e)?e.replace(ge,we).replace(Se,"-ms-"):e}var be=function(e){return null==e||!1===e||""===e};function _e(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)""!==(s=_e(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(be(e))return "";if(_(e))return "."+e.styledComponentId;if(E(e)){if("function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n)return e;var u=e(n);return _e(u,n,r,o)}var l;return e instanceof ye?r?(e.inject(r,o),e.getName(o)):e:g$1(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!be(t[i])&&(Array.isArray(t[i])&&t[i].isCss||E(t[i])?s.push(Ee(i)+":",t[i],";"):g$1(t[i])?s.push.apply(s,e(t[i],i)):s.push(Ee(i)+": "+(r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in unitlessKeys?String(o).trim():o+"px")+";"));return n?[n+" {"].concat(s,["}"]):s}(e):e.toString()}var Ne=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ae(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return E(e)||g$1(e)?Ne(_e(v$1(S,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:Ne(_e(v$1(e,n)))}var Oe=function(e,t,n){return void 0===n&&(n=w$1),e.theme!==n.theme&&e.theme||t||n.theme},Re=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,De=/(^-|-$)/g;function je(e){return e.replace(Re,"-").replace(De,"")}var Te=function(e){return Q(te(e)>>>0)};function xe(e){return "string"==typeof e&&("production"==="production")}var ke=function(e){return "function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Ve=function(e){return "__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ze(e,t,n){var r=e[n];ke(t)&&ke(r)?Be(r,t):e[n]=t;}function Be(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(ke(i))for(var a in i)Ve(a)&&ze(e,i[a],a);}return e}var Me=React__default["default"].createContext();Me.Consumer;var Fe={};function Ye(e,t,n){var o=_(e),i=!xe(e),a=t.attrs,c=void 0===a?S:a,d=t.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":je(e);Fe[n]=(Fe[n]||0)+1;var r=n+"-"+Te("5.3.5"+n+Fe[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,v=void 0===p?function(e){return xe(e)?"styled."+e:"Styled("+b$1(e)+")"}(e):p,g=t.displayName&&t.componentId?je(t.displayName)+"-"+t.componentId:t.componentId||h,N=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new oe(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target;var m=function(e,t,n){void 0===e&&(e=w$1);var r=y({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in E(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t];})),[r,o]}(Oe(t,React.useContext(Me),a)||w$1,t,o),v=m[0],g=m[1],S=function(e,t,n,r){var o=pe(),s=fe(),i=t?e.generateAndInjectStyles(w$1,o,s):e.generateAndInjectStyles(n,o,s);return i}(i,r,v),b=n,_=g.$as||t.$as||g.as||t.as||p,N=xe(_),A=g!==t?y({},t,{},g):t,C={};for(var I in A)"$"!==I[0]&&"as"!==I&&("forwardedAs"===I?C.as=A[I]:(d?d(I,isPropValid,_):!N||isPropValid(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=y({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),C.ref=b,React.createElement(_,C)}(C,e,t,P)};return O.displayName=v,(C=React__default["default"].forwardRef(O)).attrs=N,C.componentStyle=I,C.displayName=v,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):S,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return {};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=r&&r+"-"+(xe(e)?e:je(b$1(e)));return Ye(e,y({},o,{attrs:N,componentId:s}),n)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Be({},e.defaultProps,t):t;}}),C.toString=function(){return "."+C.styledComponentId},i&&hoistNonReactStatics_cjs(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var qe=function(e){return function e(t,r,o){if(void 0===o&&(o=w$1),!reactIs$2.exports.isValidElementType(r))return D(1,String(r));var s=function(){return t(r,o,Ae.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,y({},o,{},n))},s.attrs=function(n){return e(t,r,y({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(Ye,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){qe[e]=qe(e);}));var styled$9 = qe;
|
|
2567
|
+
function y(){return (y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var v$1=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},g$1=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!reactIs$2.exports.typeOf(t)},S=Object.freeze([]),w$1=Object.freeze({});function E(e){return "function"==typeof e}function b$1(e){return e.displayName||e.name||"Component"}function _(e){return e&&"string"==typeof e.styledComponentId}var N$1="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",C="undefined"!=typeof window&&"HTMLElement"in window,I=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!=="production");function D(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):""))}var j=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&D(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++);},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n);}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),T$1=new Map,x$1=new Map,k=1,V$1=function(e){if(T$1.has(e))return T$1.get(e);for(;x$1.has(k);)k++;var t=k++;return T$1.set(e,t),x$1.set(t,e),t},z$1=function(e){return x$1.get(e)},B$1=function(e,t){t>=k&&(k=t+1),T$1.set(e,t),x$1.set(t,e);},M="style["+N$1+'][data-styled-version="5.3.5"]',G$1=new RegExp("^"+N$1+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),L$1=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r);},F=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(G$1);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(B$1(u,c),L$1(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0;}else r.push(i);}}},Y=function(){return "undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},q$1=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(N$1))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(N$1,"active"),r.setAttribute("data-styled-version","5.3.5");var i=Y();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},H=function(){function e(e){var t=this.element=q$1(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}D(17);}(t),this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return !1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),$$1=function(){function e(e){var t=this.element=q$1(e);this.nodes=t.childNodes,this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return !1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),W=function(){function e(e){this.rules=[],this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--;},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),U=C,J$1={isServer:!C,useCSSOMInjection:!I},X$1=function(){function e(e,t,n){void 0===e&&(e=w$1),void 0===t&&(t={}),this.options=y({},J$1,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&C&&U&&(U=!1,function(e){for(var t=document.querySelectorAll(M),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(N$1)&&(F(e,o),o.parentNode&&o.parentNode.removeChild(o));}}(this));}e.registerId=function(e){return V$1(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(y({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new W(o):r?new H(o):new $$1(o),new j(e)));var e,t,n,r,o;},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(V$1(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(V$1(e),n);},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},t.clearRules=function(e){this.getTag().clearGroup(V$1(e)),this.clearNames(e);},t.clearTag=function(){this.tag=void 0;},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=z$1(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=N$1+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+",");})),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n';}}}return r}(this)},e}(),Z=/(a)(d)/gi,K$1=function(e){return String.fromCharCode(e+(e>25?39:97))};function Q(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=K$1(t%52)+n;return (K$1(t%52)+n).replace(Z,"$1-$2")}var ee=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},te=function(e){return ee(5381,e)};function ne(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(E(n)&&!_(n))return !1}return !0}var re=te("5.3.5"),oe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===n||n.isStatic)&&ne(e),this.componentId=t,this.baseHash=ee(re,t),this.baseStyle=n,X$1.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else {var s=_e(this.rules,e,t,n).join(""),i=Q(ee(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a);}o.push(i),this.staticRulesId=i;}else {for(var c=this.rules.length,u=ee(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h;else if(h){var p=_e(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=ee(u,f+d),l+=f;}}if(l){var m=Q(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y);}o.push(m);}}return o.join(" ")},e}(),se=/^\s*\/\/.*$/gm,ie=[":","[",".","#"];function ae(e){var t,n,r,o,s=void 0===e?w$1:e,i=s.options,a=void 0===i?w$1:i,c=s.plugins,u=void 0===c?S:c,l=new stylis_min(a),d=[],p=function(e){function t(t){if(t)try{e(t+"}");}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t);}}}((function(e){d.push(e);})),f=function(e,r,s){return 0===r&&-1!==ie.indexOf(s[n.length])||s.match(o)?e:"."+t};function m(e,s,i,a){void 0===a&&(a="&");var c=e.replace(se,""),u=s&&i?i+" "+s+" { "+c+" }":c;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f));},p,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||D(15),ee(e,t.name)}),5381).toString():"",m}var ce=React__default["default"].createContext();ce.Consumer;var le=React__default["default"].createContext(),de=(le.Consumer,new X$1),he=ae();function pe(){return React.useContext(ce)||de}function fe(){return React.useContext(le)||he}var ye=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=he);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"));},this.toString=function(){return D(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t;}return e.prototype.getName=function(e){return void 0===e&&(e=he),this.name+e.hash},e}(),ve=/([A-Z])/,ge=/([A-Z])/g,Se=/^ms-/,we=function(e){return "-"+e.toLowerCase()};function Ee(e){return ve.test(e)?e.replace(ge,we).replace(Se,"-ms-"):e}var be=function(e){return null==e||!1===e||""===e};function _e(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)""!==(s=_e(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(be(e))return "";if(_(e))return "."+e.styledComponentId;if(E(e)){if("function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n)return e;var u=e(n);return _e(u,n,r,o)}var l;return e instanceof ye?r?(e.inject(r,o),e.getName(o)):e:g$1(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!be(t[i])&&(Array.isArray(t[i])&&t[i].isCss||E(t[i])?s.push(Ee(i)+":",t[i],";"):g$1(t[i])?s.push.apply(s,e(t[i],i)):s.push(Ee(i)+": "+(r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in unitlessKeys?String(o).trim():o+"px")+";"));return n?[n+" {"].concat(s,["}"]):s}(e):e.toString()}var Ne=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ae(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return E(e)||g$1(e)?Ne(_e(v$1(S,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:Ne(_e(v$1(e,n)))}var Oe=function(e,t,n){return void 0===n&&(n=w$1),e.theme!==n.theme&&e.theme||t||n.theme},Re=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,De=/(^-|-$)/g;function je(e){return e.replace(Re,"-").replace(De,"")}var Te=function(e){return Q(te(e)>>>0)};function xe(e){return "string"==typeof e&&("production"==="production")}var ke=function(e){return "function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Ve=function(e){return "__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ze(e,t,n){var r=e[n];ke(t)&&ke(r)?Be(r,t):e[n]=t;}function Be(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(ke(i))for(var a in i)Ve(a)&&ze(e,i[a],a);}return e}var Me=React__default["default"].createContext();Me.Consumer;var Fe={};function Ye(e,t,n){var o=_(e),i=!xe(e),a=t.attrs,c=void 0===a?S:a,d=t.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":je(e);Fe[n]=(Fe[n]||0)+1;var r=n+"-"+Te("5.3.5"+n+Fe[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,v=void 0===p?function(e){return xe(e)?"styled."+e:"Styled("+b$1(e)+")"}(e):p,g=t.displayName&&t.componentId?je(t.displayName)+"-"+t.componentId:t.componentId||h,N=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new oe(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target;var m=function(e,t,n){void 0===e&&(e=w$1);var r=y({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in E(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t];})),[r,o]}(Oe(t,React.useContext(Me),a)||w$1,t,o),v=m[0],g=m[1],S=function(e,t,n,r){var o=pe(),s=fe(),i=t?e.generateAndInjectStyles(w$1,o,s):e.generateAndInjectStyles(n,o,s);return i}(i,r,v),b=n,_=g.$as||t.$as||g.as||t.as||p,N=xe(_),A=g!==t?y({},t,{},g):t,C={};for(var I in A)"$"!==I[0]&&"as"!==I&&("forwardedAs"===I?C.as=A[I]:(d?d(I,isPropValid,_):!N||isPropValid(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=y({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),C.ref=b,React.createElement(_,C)}(C,e,t,P)};return O.displayName=v,(C=React__default["default"].forwardRef(O)).attrs=N,C.componentStyle=I,C.displayName=v,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):S,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return {};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=r&&r+"-"+(xe(e)?e:je(b$1(e)));return Ye(e,y({},o,{attrs:N,componentId:s}),n)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Be({},e.defaultProps,t):t;}}),C.toString=function(){return "."+C.styledComponentId},i&&hoistNonReactStatics_cjs(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var qe=function(e){return function e(t,r,o){if(void 0===o&&(o=w$1),!reactIs$2.exports.isValidElementType(r))return D(1,String(r));var s=function(){return t(r,o,Ae.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,y({},o,{},n))},s.attrs=function(n){return e(t,r,y({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(Ye,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){qe[e]=qe(e);}));var styled$a = qe;
|
|
2568
2568
|
|
|
2569
2569
|
var mainPallet = {
|
|
2570
2570
|
primary: {
|
|
@@ -19978,7 +19978,7 @@
|
|
|
19978
19978
|
|
|
19979
19979
|
var _templateObject$4;
|
|
19980
19980
|
var styles = {
|
|
19981
|
-
Svg: styled$
|
|
19981
|
+
Svg: styled$a.svg.withConfig({
|
|
19982
19982
|
displayName: "styles__Svg",
|
|
19983
19983
|
componentId: "sc-jf3e5i-0"
|
|
19984
19984
|
})(["fill:", ";", " ", ";"], function (props) {
|
|
@@ -19986,7 +19986,7 @@
|
|
|
19986
19986
|
}, mediaBreaks.onlyPrint(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n\t\t\tfill: ", ";\n\t\t"])), palette.darkGrey), function (props) {
|
|
19987
19987
|
return props.styles;
|
|
19988
19988
|
}),
|
|
19989
|
-
Path: styled$
|
|
19989
|
+
Path: styled$a.path.withConfig({
|
|
19990
19990
|
displayName: "styles__Path",
|
|
19991
19991
|
componentId: "sc-jf3e5i-1"
|
|
19992
19992
|
})(["fill:inherit;", ";"], function (props) {
|
|
@@ -19994,17 +19994,17 @@
|
|
|
19994
19994
|
})
|
|
19995
19995
|
};
|
|
19996
19996
|
({
|
|
19997
|
-
Grid: styled$
|
|
19997
|
+
Grid: styled$a.div.withConfig({
|
|
19998
19998
|
displayName: "styles__Grid",
|
|
19999
19999
|
componentId: "sc-jf3e5i-2"
|
|
20000
20000
|
})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:15px;"]),
|
|
20001
|
-
Item: styled$
|
|
20001
|
+
Item: styled$a.div.withConfig({
|
|
20002
20002
|
displayName: "styles__Item",
|
|
20003
20003
|
componentId: "sc-jf3e5i-3"
|
|
20004
20004
|
})(["padding:5px;border:1px dashed #ccc;cursor:default;display:grid;justify-items:center;justify-content:center;grid-row-gap:5px;", ";& ", "{", ";}&:hover{color:", ";}&:hover ", "{fill:", ";}"], mixins.transition('color'), styles.Svg, mixins.transition('fill'), palette.blue, styles.Svg, palette.blue)
|
|
20005
20005
|
});
|
|
20006
20006
|
|
|
20007
|
-
var _excluded$
|
|
20007
|
+
var _excluded$7 = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
|
|
20008
20008
|
|
|
20009
20009
|
var Icon = function Icon(_ref) {
|
|
20010
20010
|
var color = _ref.color,
|
|
@@ -20015,7 +20015,7 @@
|
|
|
20015
20015
|
width = _ref.width,
|
|
20016
20016
|
height = _ref.height,
|
|
20017
20017
|
viewBox = _ref.viewBox,
|
|
20018
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
20018
|
+
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
20019
20019
|
|
|
20020
20020
|
var iconProps = icons[name];
|
|
20021
20021
|
if (!iconProps) return null;
|
|
@@ -20085,7 +20085,7 @@
|
|
|
20085
20085
|
return isValidColor(color) ? findColor(color, 'pressed') : palette.bluePressed;
|
|
20086
20086
|
};
|
|
20087
20087
|
|
|
20088
|
-
var StyledButton = styled$
|
|
20088
|
+
var StyledButton = styled$a.button.withConfig({
|
|
20089
20089
|
displayName: "styles",
|
|
20090
20090
|
componentId: "sc-buf2do-0"
|
|
20091
20091
|
})(["display:flex;align-items:center;justify-content:center;height:36px;width:", ";flex-shrink:", ";border-radius:", ";padding:", ";cursor:", ";border:", ";font-size:13px;font-weight:500;position:relative;", ";z-index:0;&:before{content:'';border-radius:50px;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;}&:after{content:'';border-radius:50px;position:absolute;z-index:-1;width:100%;height:100%;transition:all 0.25s ", ";transform:scale(0,0);top:0;bottom:0;left:0;right:0;}&:focus:after,&:hover:after,&:active:after{transform:scale(1,1);}&:active{-webkit-tap-highlight-color:", ";}", "{margin-right:", ";fill:", ";", ";}", ";", "{fill:", ";}", ";"], function (props) {
|
|
@@ -20120,7 +20120,7 @@
|
|
|
20120
20120
|
return props.styles;
|
|
20121
20121
|
});
|
|
20122
20122
|
|
|
20123
|
-
var _excluded$
|
|
20123
|
+
var _excluded$6 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant"];
|
|
20124
20124
|
|
|
20125
20125
|
var Button = function Button(_ref) {
|
|
20126
20126
|
var children = _ref.children,
|
|
@@ -20133,7 +20133,7 @@
|
|
|
20133
20133
|
rounded = _ref.rounded,
|
|
20134
20134
|
styles = _ref.styles,
|
|
20135
20135
|
variant = _ref.variant,
|
|
20136
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
20136
|
+
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
20137
20137
|
|
|
20138
20138
|
return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends$1({
|
|
20139
20139
|
color: color,
|
|
@@ -20158,8 +20158,8 @@
|
|
|
20158
20158
|
variant: 'cleaned'
|
|
20159
20159
|
};
|
|
20160
20160
|
|
|
20161
|
-
var styled$
|
|
20162
|
-
Container: styled$
|
|
20161
|
+
var styled$9 = {
|
|
20162
|
+
Container: styled$a.label.withConfig({
|
|
20163
20163
|
displayName: "styles__Container",
|
|
20164
20164
|
componentId: "sc-18bfcwf-0"
|
|
20165
20165
|
})(["background:", ";border:1px solid ", ";border-radius:", "px;width:16px;height:16px;line-height:16px;position:relative;cursor:pointer;display:flex;transition:background ", " 0.2s;user-select:none;margin-right:12px;", ";"], function (props) {
|
|
@@ -20171,7 +20171,7 @@
|
|
|
20171
20171
|
}, timingFunctions$1.standard, function (props) {
|
|
20172
20172
|
return props.styles;
|
|
20173
20173
|
}),
|
|
20174
|
-
Input: styled$
|
|
20174
|
+
Input: styled$a.input.withConfig({
|
|
20175
20175
|
displayName: "styles__Input",
|
|
20176
20176
|
componentId: "sc-18bfcwf-1"
|
|
20177
20177
|
})(["opacity:0;position:absolute;cursor:pointer;"]),
|
|
@@ -20180,7 +20180,7 @@
|
|
|
20180
20180
|
})
|
|
20181
20181
|
};
|
|
20182
20182
|
|
|
20183
|
-
var _excluded$
|
|
20183
|
+
var _excluded$5 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
|
|
20184
20184
|
|
|
20185
20185
|
var Checkbox = function Checkbox(_ref) {
|
|
20186
20186
|
var autoComplete = _ref.autoComplete,
|
|
@@ -20190,7 +20190,7 @@
|
|
|
20190
20190
|
rounded = _ref.rounded,
|
|
20191
20191
|
styles = _ref.styles,
|
|
20192
20192
|
value = _ref.value,
|
|
20193
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
20193
|
+
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
20194
20194
|
|
|
20195
20195
|
var _useState = React.useState(!!value || defaultChecked),
|
|
20196
20196
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -20205,18 +20205,18 @@
|
|
|
20205
20205
|
|
|
20206
20206
|
var _props$checked = props.checked,
|
|
20207
20207
|
conntroledChecked = _props$checked === void 0 ? checked : _props$checked;
|
|
20208
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20208
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$9.Container, {
|
|
20209
20209
|
checked: conntroledChecked,
|
|
20210
20210
|
rounded: rounded,
|
|
20211
20211
|
styles: styles
|
|
20212
|
-
}, /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20212
|
+
}, /*#__PURE__*/React__default["default"].createElement(styled$9.Input, _extends$1({}, props, {
|
|
20213
20213
|
type: "checkbox",
|
|
20214
20214
|
disabled: disabled,
|
|
20215
20215
|
autoComplete: autoComplete ? 'on' : 'off',
|
|
20216
20216
|
onChange: handleChange
|
|
20217
20217
|
})), /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
20218
20218
|
name: "check_bold",
|
|
20219
|
-
styles: styled$
|
|
20219
|
+
styles: styled$9.iconCheckStyles,
|
|
20220
20220
|
rounded: rounded
|
|
20221
20221
|
}));
|
|
20222
20222
|
};
|
|
@@ -20229,8 +20229,8 @@
|
|
|
20229
20229
|
};
|
|
20230
20230
|
|
|
20231
20231
|
var _templateObject$3;
|
|
20232
|
-
var styled$
|
|
20233
|
-
Chip: styled$
|
|
20232
|
+
var styled$8 = {
|
|
20233
|
+
Chip: styled$a.button.withConfig({
|
|
20234
20234
|
displayName: "styles__Chip",
|
|
20235
20235
|
componentId: "sc-1vnh4co-0"
|
|
20236
20236
|
})(["padding:", ";cursor:", ";font-size:13px;color:", ";height:", ";width:", ";max-width:150px;border-radius:", ";display:inline-flex;justify-content:center;align-items:center;pointer-events:", ";white-space:nowrap;.chip-icon{margin-right:", ";}", " ", ";", " ", " ", " ", ""], function (props) {
|
|
@@ -20271,18 +20271,18 @@
|
|
|
20271
20271
|
return props.textColor && "color: ".concat(getColor$1(props.textColor), ";");
|
|
20272
20272
|
}, mediaBreaks.onlyPrint(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n\t\t\tborder: 1px solid ", ";\n\t\t"])), palette.grey.dark)),
|
|
20273
20273
|
iconPathStyles: Ae(["", ";"], mixins.transition('fill')),
|
|
20274
|
-
DeleteButton: styled$
|
|
20274
|
+
DeleteButton: styled$a.button.withConfig({
|
|
20275
20275
|
displayName: "styles__DeleteButton",
|
|
20276
20276
|
componentId: "sc-1vnh4co-1"
|
|
20277
20277
|
})(["width:16px;height:16px;margin-left:12px;"]),
|
|
20278
20278
|
deleteButtonPathStyles: Ae(["", ";"], mixins.transition('fill')),
|
|
20279
|
-
Children: styled$
|
|
20279
|
+
Children: styled$a.div.withConfig({
|
|
20280
20280
|
displayName: "styles__Children",
|
|
20281
20281
|
componentId: "sc-1vnh4co-2"
|
|
20282
20282
|
})(["text-overflow:ellipsis;overflow:hidden;"])
|
|
20283
20283
|
};
|
|
20284
20284
|
|
|
20285
|
-
var _excluded$
|
|
20285
|
+
var _excluded$4 = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "onClick", "onDelete", "selected", "styles", "textColor", "variant", "hasLink"];
|
|
20286
20286
|
|
|
20287
20287
|
var Chip = function Chip(_ref) {
|
|
20288
20288
|
var backgroundColor = _ref.backgroundColor,
|
|
@@ -20298,9 +20298,9 @@
|
|
|
20298
20298
|
textColor = _ref.textColor,
|
|
20299
20299
|
variant = _ref.variant,
|
|
20300
20300
|
hasLink = _ref.hasLink,
|
|
20301
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
20301
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
20302
20302
|
|
|
20303
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20303
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$8.Chip, _extends$1({
|
|
20304
20304
|
as: props.onClick ? 'button' : 'div',
|
|
20305
20305
|
backgroundColor: backgroundColor,
|
|
20306
20306
|
borderColor: borderColor,
|
|
@@ -20319,13 +20319,13 @@
|
|
|
20319
20319
|
className: "chip-icon",
|
|
20320
20320
|
name: icon,
|
|
20321
20321
|
color: iconColor,
|
|
20322
|
-
pathStyles: styled$
|
|
20323
|
-
}), /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20322
|
+
pathStyles: styled$8.iconPathStyles
|
|
20323
|
+
}), /*#__PURE__*/React__default["default"].createElement(styled$8.Children, null, children), onDelete && /*#__PURE__*/React__default["default"].createElement(styled$8.DeleteButton, {
|
|
20324
20324
|
type: "button",
|
|
20325
20325
|
onClick: onDelete
|
|
20326
20326
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
20327
20327
|
color: "black",
|
|
20328
|
-
pathStyles: styled$
|
|
20328
|
+
pathStyles: styled$8.deleteButtonPathStyles,
|
|
20329
20329
|
className: "delete-button",
|
|
20330
20330
|
name: "cross_circle_flat",
|
|
20331
20331
|
size: 16
|
|
@@ -20343,18 +20343,18 @@
|
|
|
20343
20343
|
hasLink: false
|
|
20344
20344
|
};
|
|
20345
20345
|
|
|
20346
|
-
var styled$
|
|
20347
|
-
Wrapper: styled$
|
|
20346
|
+
var styled$7 = {
|
|
20347
|
+
Wrapper: styled$a.div.withConfig({
|
|
20348
20348
|
displayName: "styles__Wrapper",
|
|
20349
20349
|
componentId: "sc-zbd85t-0"
|
|
20350
20350
|
})(["display:flex;align-items:center;"]),
|
|
20351
|
-
ColorSample: styled$
|
|
20351
|
+
ColorSample: styled$a.div.withConfig({
|
|
20352
20352
|
displayName: "styles__ColorSample",
|
|
20353
20353
|
componentId: "sc-zbd85t-1"
|
|
20354
20354
|
})(["display:block;width:16px;height:16px;background-color:", ";border:1px solid ", ";border-radius:50%;"], function (props) {
|
|
20355
20355
|
return props.color;
|
|
20356
20356
|
}, palette.grey),
|
|
20357
|
-
Label: styled$
|
|
20357
|
+
Label: styled$a.span.withConfig({
|
|
20358
20358
|
displayName: "styles__Label",
|
|
20359
20359
|
componentId: "sc-zbd85t-2"
|
|
20360
20360
|
})(["margin-left:5px;text-transform:", ";"], function (props) {
|
|
@@ -20362,11 +20362,11 @@
|
|
|
20362
20362
|
})
|
|
20363
20363
|
};
|
|
20364
20364
|
({
|
|
20365
|
-
Grid: styled$
|
|
20365
|
+
Grid: styled$a.div.withConfig({
|
|
20366
20366
|
displayName: "styles__Grid",
|
|
20367
20367
|
componentId: "sc-zbd85t-3"
|
|
20368
20368
|
})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:15px;"]),
|
|
20369
|
-
Item: styled$
|
|
20369
|
+
Item: styled$a.div.withConfig({
|
|
20370
20370
|
displayName: "styles__Item",
|
|
20371
20371
|
componentId: "sc-zbd85t-4"
|
|
20372
20372
|
})(["padding:5px;border:1px dashed #ccc;cursor:default;display:grid;justify-items:center;justify-content:center;grid-row-gap:5px;"])
|
|
@@ -20377,9 +20377,9 @@
|
|
|
20377
20377
|
showLabel = _ref.showLabel;
|
|
20378
20378
|
if (!color) return null;
|
|
20379
20379
|
var colorCode = getColor$1(color);
|
|
20380
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20380
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$7.Wrapper, null, /*#__PURE__*/React__default["default"].createElement(styled$7.ColorSample, {
|
|
20381
20381
|
color: colorCode
|
|
20382
|
-
}), showLabel && /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20382
|
+
}), showLabel && /*#__PURE__*/React__default["default"].createElement(styled$7.Label, {
|
|
20383
20383
|
color: colorCode
|
|
20384
20384
|
}, colorCode));
|
|
20385
20385
|
};
|
|
@@ -20405,7 +20405,7 @@
|
|
|
20405
20405
|
return palette.darkGrey;
|
|
20406
20406
|
}
|
|
20407
20407
|
};
|
|
20408
|
-
var Ball = styled$
|
|
20408
|
+
var Ball = styled$a.div.withConfig({
|
|
20409
20409
|
displayName: "styles__Ball",
|
|
20410
20410
|
componentId: "sc-rtzdt3-0"
|
|
20411
20411
|
})(["width:16px;height:16px;border-radius:50%;position:absolute;top:4px;left:4px;background-color:", ";transition:all ", " 0.2s;", ""], palette.base.white, timingFunctions$1.standard, function (props) {
|
|
@@ -20416,8 +20416,8 @@
|
|
|
20416
20416
|
}, onlyPrint(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n\t\tfill: ", " !important;\n\t"])), function (props) {
|
|
20417
20417
|
return props.checked ? palette.black : palette.darkGrey;
|
|
20418
20418
|
}));
|
|
20419
|
-
var styled$
|
|
20420
|
-
OuterContainer: styled$
|
|
20419
|
+
var styled$6 = {
|
|
20420
|
+
OuterContainer: styled$a.div.withConfig({
|
|
20421
20421
|
displayName: "styles__OuterContainer",
|
|
20422
20422
|
componentId: "sc-rtzdt3-1"
|
|
20423
20423
|
})(["display:flex;width:44px;align-items:center;pointer-events:", ";align-self:center;position:relative;", " &:active ", "{box-shadow:0px 0px 0px 10px ", ";", " svg{fill:", ";}}"], function (props) {
|
|
@@ -20427,12 +20427,12 @@
|
|
|
20427
20427
|
iconCheckStyles, function (props) {
|
|
20428
20428
|
return props.checked ? palette.blue : palette.darkGrey;
|
|
20429
20429
|
}),
|
|
20430
|
-
Input: styled$
|
|
20430
|
+
Input: styled$a.input.withConfig({
|
|
20431
20431
|
displayName: "styles__Input",
|
|
20432
20432
|
componentId: "sc-rtzdt3-2"
|
|
20433
20433
|
})(["position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;"]),
|
|
20434
20434
|
Ball: Ball,
|
|
20435
|
-
Container: styled$
|
|
20435
|
+
Container: styled$a.div.withConfig({
|
|
20436
20436
|
displayName: "styles__Container",
|
|
20437
20437
|
componentId: "sc-rtzdt3-3"
|
|
20438
20438
|
})(["width:44px;height:24px;background-color:", ";border-radius:50px;position:relative;", ""], function (props) {
|
|
@@ -20441,7 +20441,7 @@
|
|
|
20441
20441
|
iconCheckStyles: iconCheckStyles
|
|
20442
20442
|
};
|
|
20443
20443
|
|
|
20444
|
-
var _excluded$
|
|
20444
|
+
var _excluded$3 = ["autoComplete", "defaultChecked", "disabled", "id", "name", "onChange", "value"];
|
|
20445
20445
|
|
|
20446
20446
|
var Switch = function Switch(_ref) {
|
|
20447
20447
|
var autoComplete = _ref.autoComplete,
|
|
@@ -20451,7 +20451,7 @@
|
|
|
20451
20451
|
name = _ref.name,
|
|
20452
20452
|
onChange = _ref.onChange,
|
|
20453
20453
|
value = _ref.value,
|
|
20454
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
20454
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
20455
20455
|
|
|
20456
20456
|
var _useState = React.useState(!!value || defaultChecked),
|
|
20457
20457
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -20466,10 +20466,10 @@
|
|
|
20466
20466
|
|
|
20467
20467
|
var _props$checked = props.checked,
|
|
20468
20468
|
controledChecked = _props$checked === void 0 ? checked : _props$checked;
|
|
20469
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20469
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$6.OuterContainer, {
|
|
20470
20470
|
disabled: disabled,
|
|
20471
20471
|
checked: checked
|
|
20472
|
-
}, /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20472
|
+
}, /*#__PURE__*/React__default["default"].createElement(styled$6.Input, {
|
|
20473
20473
|
checked: controledChecked,
|
|
20474
20474
|
id: id,
|
|
20475
20475
|
name: name,
|
|
@@ -20477,10 +20477,10 @@
|
|
|
20477
20477
|
disabled: disabled,
|
|
20478
20478
|
autoComplete: autoComplete ? 'on' : 'off',
|
|
20479
20479
|
onChange: handleChange
|
|
20480
|
-
}), /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20480
|
+
}), /*#__PURE__*/React__default["default"].createElement(styled$6.Container, {
|
|
20481
20481
|
checked: controledChecked,
|
|
20482
20482
|
disabled: disabled
|
|
20483
|
-
}, /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20483
|
+
}, /*#__PURE__*/React__default["default"].createElement(styled$6.Ball, {
|
|
20484
20484
|
checked: controledChecked,
|
|
20485
20485
|
disabled: disabled
|
|
20486
20486
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
@@ -20488,7 +20488,7 @@
|
|
|
20488
20488
|
disabled: disabled,
|
|
20489
20489
|
name: "check_bold",
|
|
20490
20490
|
size: 16,
|
|
20491
|
-
styles: styled$
|
|
20491
|
+
styles: styled$6.iconCheckStyles
|
|
20492
20492
|
}))));
|
|
20493
20493
|
};
|
|
20494
20494
|
|
|
@@ -20562,14 +20562,14 @@
|
|
|
20562
20562
|
}
|
|
20563
20563
|
};
|
|
20564
20564
|
|
|
20565
|
-
var styled$
|
|
20566
|
-
Container: styled$
|
|
20565
|
+
var styled$5 = {
|
|
20566
|
+
Container: styled$a.div.withConfig({
|
|
20567
20567
|
displayName: "styles__Container",
|
|
20568
20568
|
componentId: "sc-1fhkfhs-0"
|
|
20569
20569
|
})(["position:relative;width:", ";"], function (props) {
|
|
20570
20570
|
return props.fullWidth ? '100%' : 'auto';
|
|
20571
20571
|
}),
|
|
20572
|
-
FloatingLabel: styled$
|
|
20572
|
+
FloatingLabel: styled$a.div.withConfig({
|
|
20573
20573
|
displayName: "styles__FloatingLabel",
|
|
20574
20574
|
componentId: "sc-1fhkfhs-1"
|
|
20575
20575
|
})(["position:absolute;font-size:", ";font-weight:400;color:", ";height:30px;line-height:30px;bottom:0;left:0;", " transform-origin:top left;transform:", ";transition:all 0.2s ", ";", ""], fontSize$1, function (props) {
|
|
@@ -20584,7 +20584,7 @@
|
|
|
20584
20584
|
isFloating = _ref2.isFloating;
|
|
20585
20585
|
return hasIcon && !isFloating && "padding-left: 32px";
|
|
20586
20586
|
}),
|
|
20587
|
-
Input: styled$
|
|
20587
|
+
Input: styled$a.input.withConfig({
|
|
20588
20588
|
displayName: "styles__Input",
|
|
20589
20589
|
componentId: "sc-1fhkfhs-2"
|
|
20590
20590
|
})(["@keyframes onAutoFill{}", " height:34px;border:none;font-size:", ";font-weight:400;color:", ";transition:color 0.2s ", ";cursor:pointer;width:100%;border-bottom:1px solid ", ";border-radius:0;", " ", " ", " &:hover{border-color:", ";}&:focus{border-color:", ";caret-color:", ";outline:none;}&:disabled{background-color:", ";color:", ";border-color:", ";cursor:default;}&:-webkit-autofill{animation-name:onAutoFill;}::-webkit-inner-spin-button{appearance:none;}", ""], function (props) {
|
|
@@ -20605,17 +20605,17 @@
|
|
|
20605
20605
|
}, function (props) {
|
|
20606
20606
|
return hoverAndFocusColor(props);
|
|
20607
20607
|
}, palette.base.white, palette.grey.main, palette.grey.main, mediaBreaks.onlyPrint(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n\t\t\tborder-bottom: none;\n\t\t"])))),
|
|
20608
|
-
ErrorMessage: styled$
|
|
20608
|
+
ErrorMessage: styled$a.span.withConfig({
|
|
20609
20609
|
displayName: "styles__ErrorMessage",
|
|
20610
20610
|
componentId: "sc-1fhkfhs-3"
|
|
20611
20611
|
})(["color:", ";font-size:12px;line-height:14px;transform:translateY(-6px);word-break:break-word;"], palette.error.main),
|
|
20612
|
-
InputIcon: styled$
|
|
20612
|
+
InputIcon: styled$a(Icon).withConfig({
|
|
20613
20613
|
displayName: "styles__InputIcon",
|
|
20614
20614
|
componentId: "sc-1fhkfhs-4"
|
|
20615
20615
|
})(["position:absolute;flex-shrink:0;flex-grow:0;margin-right:8px;height:100%;"])
|
|
20616
20616
|
};
|
|
20617
20617
|
|
|
20618
|
-
var _excluded$
|
|
20618
|
+
var _excluded$2 = ["icon", "error", "disabled", "placeholder", "errorMessage", "autoComplete", "hasFloatingLabel", "value", "isTranslateActive", "defaultValue"];
|
|
20619
20619
|
|
|
20620
20620
|
var Input = /*#__PURE__*/function (_PureComponent) {
|
|
20621
20621
|
_inherits$2(Input, _PureComponent);
|
|
@@ -20711,15 +20711,15 @@
|
|
|
20711
20711
|
value = _this$props$value === void 0 ? stateValue : _this$props$value,
|
|
20712
20712
|
isTranslateActive = _this$props.isTranslateActive;
|
|
20713
20713
|
_this$props.defaultValue;
|
|
20714
|
-
var props = _objectWithoutProperties(_this$props, _excluded$
|
|
20714
|
+
var props = _objectWithoutProperties(_this$props, _excluded$2);
|
|
20715
20715
|
|
|
20716
20716
|
var autoCompleteOff = props.type === 'password' ? 'new-password' : 'off';
|
|
20717
20717
|
var isFloating = isFocused || !!value.toString();
|
|
20718
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20718
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$5.Container, {
|
|
20719
20719
|
fullWidth: props.fullWidth
|
|
20720
|
-
}, /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20720
|
+
}, /*#__PURE__*/React__default["default"].createElement(styled$5.Container, {
|
|
20721
20721
|
fullWidth: props.fullWidth
|
|
20722
|
-
}, hasFloatingLabel && /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20722
|
+
}, hasFloatingLabel && /*#__PURE__*/React__default["default"].createElement(styled$5.FloatingLabel, {
|
|
20723
20723
|
"data-test": "floatingLabel",
|
|
20724
20724
|
error: error,
|
|
20725
20725
|
onClick: this.handleLabelClick,
|
|
@@ -20728,10 +20728,10 @@
|
|
|
20728
20728
|
isFloating: isFloating,
|
|
20729
20729
|
hasIcon: !!icon,
|
|
20730
20730
|
isTranslateActive: isTranslateActive
|
|
20731
|
-
}, props.label), icon && /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20731
|
+
}, props.label), icon && /*#__PURE__*/React__default["default"].createElement(styled$5.InputIcon, {
|
|
20732
20732
|
name: icon,
|
|
20733
20733
|
color: error ? 'error' : 'black'
|
|
20734
|
-
}), /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20734
|
+
}), /*#__PURE__*/React__default["default"].createElement(styled$5.Input, _extends$1({}, props, {
|
|
20735
20735
|
ref: this.input,
|
|
20736
20736
|
placeholder: hasFloatingLabel && !isFloating ? '' : placeholder,
|
|
20737
20737
|
onBlur: this.handleBlur,
|
|
@@ -20744,7 +20744,7 @@
|
|
|
20744
20744
|
error: error,
|
|
20745
20745
|
hasIcon: !!icon,
|
|
20746
20746
|
onAnimationStart: this.handleFocus
|
|
20747
|
-
}))), error && /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20747
|
+
}))), error && /*#__PURE__*/React__default["default"].createElement(styled$5.ErrorMessage, {
|
|
20748
20748
|
"data-test": "errorMessage"
|
|
20749
20749
|
}, errorMessage));
|
|
20750
20750
|
}
|
|
@@ -20802,14 +20802,14 @@
|
|
|
20802
20802
|
}
|
|
20803
20803
|
};
|
|
20804
20804
|
|
|
20805
|
-
var styled$
|
|
20806
|
-
Container: styled$
|
|
20805
|
+
var styled$4 = {
|
|
20806
|
+
Container: styled$a.div.withConfig({
|
|
20807
20807
|
displayName: "styles__Container",
|
|
20808
20808
|
componentId: "sc-wtau65-0"
|
|
20809
20809
|
})(["position:relative;width:", ";"], function (props) {
|
|
20810
20810
|
return props.fullWidth ? '100%' : 'auto';
|
|
20811
20811
|
}),
|
|
20812
|
-
Textarea: styled$
|
|
20812
|
+
Textarea: styled$a.textarea.withConfig({
|
|
20813
20813
|
displayName: "styles__Textarea",
|
|
20814
20814
|
componentId: "sc-wtau65-1"
|
|
20815
20815
|
})(["border:none;border-bottom:1px solid ", ";border-radius:0;height:23px;max-height:350px;padding:0 9px 4px 0;resize:none;font-size:", ";font-weight:400;color:", ";", ";width:", ";", " ", " &:hover{border-color:", ";}&:focus{border-color:", ";caret-color:", ";outline:none;}&:disabled{background-color:", ";color:", ";border-color:", ";cursor:default;}", " ", ""], palette.grey.main, fontSize, palette.black.main, mixins.transition('color,border-color', '0.2s'), function (props) {
|
|
@@ -20819,7 +20819,7 @@
|
|
|
20819
20819
|
})), mixins.scrollbar(palette.grey.main, palette.base.white), palette.black.main, palette.primary.main, palette.primary.main, palette.base.white, palette.grey.main, palette.grey.main, function (props) {
|
|
20820
20820
|
return props.error && "\n\t\t\t&, &:hover, &:focus {\n\t\t\t\tborder-color: ".concat(palette.error.main, "\n\t\t\t}\n\t\t");
|
|
20821
20821
|
}, mediaBreaks.onlyPrint(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\tmin-height: initial;\n\t\t\theight: auto !important;\n\t\t\tborder-bottom: none;\n\t\t"])))),
|
|
20822
|
-
FloatingLabel: styled$
|
|
20822
|
+
FloatingLabel: styled$a.div.withConfig({
|
|
20823
20823
|
displayName: "styles__FloatingLabel",
|
|
20824
20824
|
componentId: "sc-wtau65-2"
|
|
20825
20825
|
})(["position:absolute;font-size:", ";font-weight:400;color:", ";height:24px;line-height:22px;top:0;left:0;pointer-events:", ";transform-origin:top left;transform:", ";transition:all 0.2s ", ";"], fontSize, function (props) {
|
|
@@ -20830,13 +20830,13 @@
|
|
|
20830
20830
|
}, function (props) {
|
|
20831
20831
|
return props.isFloating && 'translate(0, -18px) scale(0.75)';
|
|
20832
20832
|
}, timingFunctions.standard),
|
|
20833
|
-
ErrorMessage: styled$
|
|
20833
|
+
ErrorMessage: styled$a.span.withConfig({
|
|
20834
20834
|
displayName: "styles__ErrorMessage",
|
|
20835
20835
|
componentId: "sc-wtau65-3"
|
|
20836
20836
|
})(["color:", ";font-size:12px;line-height:14px;display:block;word-break:break-word;"], palette.error.main)
|
|
20837
20837
|
};
|
|
20838
20838
|
|
|
20839
|
-
var _excluded = ["label", "error", "disabled", "placeholder", "autoComplete", "errorMessage", "hasFloatingLabel", "isTranslateActive", "value", "defaultValue"];
|
|
20839
|
+
var _excluded$1 = ["label", "error", "disabled", "placeholder", "autoComplete", "errorMessage", "hasFloatingLabel", "isTranslateActive", "value", "defaultValue"];
|
|
20840
20840
|
|
|
20841
20841
|
var Textarea = /*#__PURE__*/function (_PureComponent) {
|
|
20842
20842
|
_inherits$2(Textarea, _PureComponent);
|
|
@@ -20938,12 +20938,12 @@
|
|
|
20938
20938
|
_this$props$value = _this$props.value,
|
|
20939
20939
|
value = _this$props$value === void 0 ? stateValue : _this$props$value;
|
|
20940
20940
|
_this$props.defaultValue;
|
|
20941
|
-
var props = _objectWithoutProperties(_this$props, _excluded);
|
|
20941
|
+
var props = _objectWithoutProperties(_this$props, _excluded$1);
|
|
20942
20942
|
|
|
20943
20943
|
var isFloating = isFocused || !!value;
|
|
20944
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20944
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$4.Container, {
|
|
20945
20945
|
fullWidth: props.fullWidth
|
|
20946
|
-
}, hasFloatingLabel && /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20946
|
+
}, hasFloatingLabel && /*#__PURE__*/React__default["default"].createElement(styled$4.FloatingLabel, _extends$1({}, props, {
|
|
20947
20947
|
"data-test": "floatingLabel",
|
|
20948
20948
|
error: error,
|
|
20949
20949
|
onClick: this.handleLabelClick,
|
|
@@ -20951,7 +20951,7 @@
|
|
|
20951
20951
|
isFocused: isFocused,
|
|
20952
20952
|
isFloating: isFloating,
|
|
20953
20953
|
isTranslateActive: isTranslateActive
|
|
20954
|
-
}), label), /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20954
|
+
}), label), /*#__PURE__*/React__default["default"].createElement(styled$4.Textarea, _extends$1({}, props, {
|
|
20955
20955
|
ref: this.textarea,
|
|
20956
20956
|
placeholder: hasFloatingLabel && !isFloating ? '' : placeholder,
|
|
20957
20957
|
onBlur: this.handleBlur,
|
|
@@ -20962,7 +20962,7 @@
|
|
|
20962
20962
|
value: value,
|
|
20963
20963
|
autoComplete: autoComplete ? 'on' : 'off',
|
|
20964
20964
|
disabled: disabled
|
|
20965
|
-
})), error && /*#__PURE__*/React__default["default"].createElement(styled$
|
|
20965
|
+
})), error && /*#__PURE__*/React__default["default"].createElement(styled$4.ErrorMessage, {
|
|
20966
20966
|
"data-test": "errorMessage"
|
|
20967
20967
|
}, errorMessage));
|
|
20968
20968
|
}
|
|
@@ -20998,8 +20998,8 @@
|
|
|
20998
20998
|
return 'initial';
|
|
20999
20999
|
};
|
|
21000
21000
|
|
|
21001
|
-
var styled$
|
|
21002
|
-
ImageWrapper: styled$
|
|
21001
|
+
var styled$3 = {
|
|
21002
|
+
ImageWrapper: styled$a.div.withConfig({
|
|
21003
21003
|
displayName: "styles__ImageWrapper",
|
|
21004
21004
|
componentId: "sc-vrvp1c-0"
|
|
21005
21005
|
})(["width:", ";height:", ";border-radius:", ";", ";overflow:hidden;display:flex;justify-content:center;align-items:center;"], function (_ref) {
|
|
@@ -21015,7 +21015,7 @@
|
|
|
21015
21015
|
var background = _ref4.background;
|
|
21016
21016
|
return background && "background-color: ".concat(background);
|
|
21017
21017
|
}),
|
|
21018
|
-
Image: styled$
|
|
21018
|
+
Image: styled$a.img.withConfig({
|
|
21019
21019
|
displayName: "styles__Image",
|
|
21020
21020
|
componentId: "sc-vrvp1c-1"
|
|
21021
21021
|
})(["width:", ";height:", ";border-radius:", ";"], function (_ref5) {
|
|
@@ -21044,7 +21044,7 @@
|
|
|
21044
21044
|
errorImage = _useState2[0],
|
|
21045
21045
|
setErrorImage = _useState2[1];
|
|
21046
21046
|
|
|
21047
|
-
return errorImage ? /*#__PURE__*/React__default["default"].createElement(styled$
|
|
21047
|
+
return errorImage ? /*#__PURE__*/React__default["default"].createElement(styled$3.ImageWrapper, {
|
|
21048
21048
|
background: background,
|
|
21049
21049
|
width: width || height,
|
|
21050
21050
|
height: height || width
|
|
@@ -21052,7 +21052,7 @@
|
|
|
21052
21052
|
name: errorImage,
|
|
21053
21053
|
size: (width || height) * 0.35 || 20,
|
|
21054
21054
|
color: palette.lightGreyPressed
|
|
21055
|
-
})) : /*#__PURE__*/React__default["default"].createElement(styled$
|
|
21055
|
+
})) : /*#__PURE__*/React__default["default"].createElement(styled$3.Image, {
|
|
21056
21056
|
src: url,
|
|
21057
21057
|
alt: altText || url,
|
|
21058
21058
|
width: width,
|
|
@@ -21885,8 +21885,8 @@
|
|
|
21885
21885
|
return debounced;
|
|
21886
21886
|
}
|
|
21887
21887
|
|
|
21888
|
-
var styled$
|
|
21889
|
-
ClickableWrapper: styled$
|
|
21888
|
+
var styled$2 = {
|
|
21889
|
+
ClickableWrapper: styled$a.div.withConfig({
|
|
21890
21890
|
displayName: "styles__ClickableWrapper",
|
|
21891
21891
|
componentId: "sc-lreg3c-0"
|
|
21892
21892
|
})(["display:flex;align-items:center;border:none;cursor:pointer;&:before{content:'';z-index:1;display:inline-block;border:1px solid ", ";background-color:", ";border-radius:48%;width:14px;height:14px;margin:7px 4px;position:absolute;margin-bottom:", "px;}"], palette.grey, function (props) {
|
|
@@ -21894,19 +21894,19 @@
|
|
|
21894
21894
|
}, function (props) {
|
|
21895
21895
|
return props.error ? '25' : '7';
|
|
21896
21896
|
}),
|
|
21897
|
-
ClosePickerWrapper: styled$
|
|
21897
|
+
ClosePickerWrapper: styled$a.div.withConfig({
|
|
21898
21898
|
displayName: "styles__ClosePickerWrapper",
|
|
21899
21899
|
componentId: "sc-lreg3c-1"
|
|
21900
21900
|
})(["position:fixed;top:0px;right:0px;bottom:0px;left:0px;"]),
|
|
21901
|
-
Input: styled$
|
|
21901
|
+
Input: styled$a(Input).withConfig({
|
|
21902
21902
|
displayName: "styles__Input",
|
|
21903
21903
|
componentId: "sc-lreg3c-2"
|
|
21904
21904
|
})(["padding-left:26px;"]),
|
|
21905
|
-
PickerWrapper: styled$
|
|
21905
|
+
PickerWrapper: styled$a.div.withConfig({
|
|
21906
21906
|
displayName: "styles__PickerWrapper",
|
|
21907
21907
|
componentId: "sc-lreg3c-3"
|
|
21908
21908
|
})(["position:absolute;top:31px;z-index:2;left:0;margin-top:15px;"]),
|
|
21909
|
-
Wrapper: styled$
|
|
21909
|
+
Wrapper: styled$a.div.withConfig({
|
|
21910
21910
|
displayName: "styles__Wrapper",
|
|
21911
21911
|
componentId: "sc-lreg3c-4"
|
|
21912
21912
|
})(["display:flex;flex-direction:column;width:100%;position:relative;"])
|
|
@@ -21950,13 +21950,13 @@
|
|
|
21950
21950
|
var value = colorValue || DEFAULT_COLOR;
|
|
21951
21951
|
|
|
21952
21952
|
if (isCollapsable) {
|
|
21953
|
-
return /*#__PURE__*/React__default["default"].createElement(styled$
|
|
21953
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$2.Wrapper, null, /*#__PURE__*/React__default["default"].createElement(styled$2.ClickableWrapper, {
|
|
21954
21954
|
"data-test": "collapsible-picker",
|
|
21955
21955
|
color: value,
|
|
21956
21956
|
role: "presentation",
|
|
21957
21957
|
onClick: toggleStateVisible,
|
|
21958
21958
|
error: error
|
|
21959
|
-
}, /*#__PURE__*/React__default["default"].createElement(styled$
|
|
21959
|
+
}, /*#__PURE__*/React__default["default"].createElement(styled$2.Input, {
|
|
21960
21960
|
value: colorValue,
|
|
21961
21961
|
fullWidth: true,
|
|
21962
21962
|
onChange: function onChange(_ref2) {
|
|
@@ -21965,10 +21965,10 @@
|
|
|
21965
21965
|
},
|
|
21966
21966
|
errorMessage: errorMessage,
|
|
21967
21967
|
error: error
|
|
21968
|
-
})), pickerVisible && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(styled$
|
|
21968
|
+
})), pickerVisible && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(styled$2.ClosePickerWrapper, {
|
|
21969
21969
|
onClick: handleClosePicker,
|
|
21970
21970
|
role: "presentation"
|
|
21971
|
-
}), /*#__PURE__*/React__default["default"].createElement(styled$
|
|
21971
|
+
}), /*#__PURE__*/React__default["default"].createElement(styled$2.PickerWrapper, null, /*#__PURE__*/React__default["default"].createElement(J, {
|
|
21972
21972
|
color: value,
|
|
21973
21973
|
onChange: change
|
|
21974
21974
|
}))));
|
|
@@ -22314,12 +22314,12 @@
|
|
|
22314
22314
|
|
|
22315
22315
|
var Frame = /*@__PURE__*/getDefaultExportFromCjs(lib);
|
|
22316
22316
|
|
|
22317
|
-
var styled = {
|
|
22318
|
-
Wrapper: styled$
|
|
22317
|
+
var styled$1 = {
|
|
22318
|
+
Wrapper: styled$a.div.withConfig({
|
|
22319
22319
|
displayName: "styles__Wrapper",
|
|
22320
22320
|
componentId: "sc-3jodl7-0"
|
|
22321
22321
|
})(["display:flex;align-items:center;align-self:center;height:100%;max-height:36px;overflow:hidden;white-space:nowrap;"]),
|
|
22322
|
-
Icon: styled$
|
|
22322
|
+
Icon: styled$a(Icon).withConfig({
|
|
22323
22323
|
displayName: "styles__Icon",
|
|
22324
22324
|
componentId: "sc-3jodl7-1"
|
|
22325
22325
|
})(["margin-right:6px;flex-shrink:0;"])
|
|
@@ -22327,7 +22327,7 @@
|
|
|
22327
22327
|
|
|
22328
22328
|
var DefaultError = function DefaultError(_ref) {
|
|
22329
22329
|
var message = _ref.message;
|
|
22330
|
-
return /*#__PURE__*/React__default["default"].createElement(styled.Wrapper, null, /*#__PURE__*/React__default["default"].createElement(styled.Icon, {
|
|
22330
|
+
return /*#__PURE__*/React__default["default"].createElement(styled$1.Wrapper, null, /*#__PURE__*/React__default["default"].createElement(styled$1.Icon, {
|
|
22331
22331
|
name: "exclamation_circle",
|
|
22332
22332
|
color: "statusRed"
|
|
22333
22333
|
}), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
@@ -22446,6 +22446,46 @@
|
|
|
22446
22446
|
height: 'medium'
|
|
22447
22447
|
};
|
|
22448
22448
|
|
|
22449
|
+
var styled = {
|
|
22450
|
+
LinkWrapper: styled$a.div.withConfig({
|
|
22451
|
+
displayName: "styles__LinkWrapper",
|
|
22452
|
+
componentId: "sc-fhfdft-0"
|
|
22453
|
+
})(["display:flex;color:", ";align-items:center;font-size:13px;& a{text-decoration:none;color:inherit;}"], getColor$1('blue')),
|
|
22454
|
+
StyledIcon: styled$a(Icon).withConfig({
|
|
22455
|
+
displayName: "styles__StyledIcon",
|
|
22456
|
+
componentId: "sc-fhfdft-1"
|
|
22457
|
+
})(["margin-right:8px;"])
|
|
22458
|
+
};
|
|
22459
|
+
|
|
22460
|
+
var _excluded = ["href", "children", "target", "icon"];
|
|
22461
|
+
|
|
22462
|
+
var Link = function Link(_ref) {
|
|
22463
|
+
var href = _ref.href,
|
|
22464
|
+
children = _ref.children,
|
|
22465
|
+
target = _ref.target,
|
|
22466
|
+
icon = _ref.icon,
|
|
22467
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22468
|
+
|
|
22469
|
+
if (href.startsWith('/')) return;
|
|
22470
|
+
|
|
22471
|
+
var renderIcon = function renderIcon() {
|
|
22472
|
+
return icon ? /*#__PURE__*/React__default["default"].createElement(styled.StyledIcon, {
|
|
22473
|
+
name: icon
|
|
22474
|
+
}) : null;
|
|
22475
|
+
};
|
|
22476
|
+
|
|
22477
|
+
var validHref = href.startsWith('http') ? href : "https://".concat(href);
|
|
22478
|
+
return /*#__PURE__*/React__default["default"].createElement(styled.LinkWrapper, props, renderIcon(), /*#__PURE__*/React__default["default"].createElement("a", {
|
|
22479
|
+
href: validHref,
|
|
22480
|
+
target: target
|
|
22481
|
+
}, children || validHref));
|
|
22482
|
+
};
|
|
22483
|
+
|
|
22484
|
+
Link.defaultProps = {
|
|
22485
|
+
href: '',
|
|
22486
|
+
target: '_self'
|
|
22487
|
+
};
|
|
22488
|
+
|
|
22449
22489
|
exports.Button = Button;
|
|
22450
22490
|
exports.Checkbox = Checkbox;
|
|
22451
22491
|
exports.Chip = Chip;
|
|
@@ -22456,6 +22496,7 @@
|
|
|
22456
22496
|
exports.Icon = Icon;
|
|
22457
22497
|
exports.Image = Image;
|
|
22458
22498
|
exports.Input = Input;
|
|
22499
|
+
exports.Link = Link;
|
|
22459
22500
|
exports.QRCode = QRCode;
|
|
22460
22501
|
exports.Switch = Switch;
|
|
22461
22502
|
exports.Textarea = Textarea;
|