@companycam/slab-web 0.0.23-beta.19 → 0.0.23-beta.2
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/README.md +7 -0
- package/index.esm.d.ts +1 -0
- package/index.esm.js +1255 -0
- package/package.json +4 -15
- package/src/index.d.ts +1 -0
- package/src/lib/SlabWeb.d.ts +4 -0
- package/index.d.ts +0 -10
- package/index.js +0 -480
- package/index.mjs +0 -2312
- package/lib/Avatar/Avatar.d.ts +0 -18
- package/lib/Badge/Badge.d.ts +0 -34
- package/lib/Billboard/Billboard.d.ts +0 -60
- package/lib/Button/Button.d.ts +0 -28
- package/lib/ButtonCondensed/ButtonCondensed.d.ts +0 -9
- package/lib/InputText/InputText.d.ts +0 -25
- package/lib/Notice/Notice.d.ts +0 -42
- package/lib/ScreenReaderContent/ScreenReaderContent.d.ts +0 -12
- package/lib/Spinner/Spinner.d.ts +0 -17
- package/lib/Text/Text.d.ts +0 -25
- package/lib/shared/Field/Field.d.ts +0 -21
- package/lib/shared/styles.d.ts +0 -20
package/package.json
CHANGED
|
@@ -1,18 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@companycam/slab-web",
|
|
3
|
-
"version": "0.0.23-beta.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
".": {
|
|
8
|
-
"import": {
|
|
9
|
-
"types": "./index.d.ts",
|
|
10
|
-
"default": "./index.mjs"
|
|
11
|
-
},
|
|
12
|
-
"require": {
|
|
13
|
-
"types": "./index.d.ts",
|
|
14
|
-
"default": "./index.js"
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
3
|
+
"version": "0.0.23-beta.2",
|
|
4
|
+
"module": "./index.esm.js",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./index.esm.js"
|
|
18
7
|
}
|
package/src/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/SlabWeb';
|
package/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from './lib/Avatar/Avatar';
|
|
2
|
-
export * from './lib/Badge/Badge';
|
|
3
|
-
export * from './lib/Billboard/Billboard';
|
|
4
|
-
export * from './lib/Button/Button';
|
|
5
|
-
export * from './lib/ButtonCondensed/ButtonCondensed';
|
|
6
|
-
export * from './lib/InputText/InputText';
|
|
7
|
-
export * from './lib/Notice/Notice';
|
|
8
|
-
export * from './lib/ScreenReaderContent/ScreenReaderContent';
|
|
9
|
-
export * from './lib/Spinner/Spinner';
|
|
10
|
-
export * from './lib/Text/Text';
|
package/index.js
DELETED
|
@@ -1,480 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),B=require("react");var T=function(){return T=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t},T.apply(this,arguments)};function Q(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,s;r<o;r++)(s||!(r in t))&&(s||(s=Array.prototype.slice.call(t,0,r)),s[r]=t[r]);return e.concat(s||Array.prototype.slice.call(t))}function ln(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var dn=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,un=ln(function(e){return dn.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),w="-ms-",he="-moz-",b="-webkit-",jt="comm",Ae="rule",rt="decl",pn="@import",At="@keyframes",_n="@layer",fn=Math.abs,ot=String.fromCharCode,Ye=Object.assign;function hn(e,t){return j(e,0)^45?(((t<<2^j(e,0))<<2^j(e,1))<<2^j(e,2))<<2^j(e,3):0}function Nt(e){return e.trim()}function L(e,t){return(e=t.exec(e))?e[0]:e}function f(e,t,n){return e.replace(t,n)}function ke(e,t){return e.indexOf(t)}function j(e,t){return e.charCodeAt(t)|0}function oe(e,t,n){return e.slice(t,n)}function M(e){return e.length}function Tt(e){return e.length}function fe(e,t){return t.push(e),e}function gn(e,t){return e.map(t).join("")}function ut(e,t){return e.filter(function(n){return!L(n,t)})}var Ne=1,se=1,Pt=0,R=0,I=0,le="";function Te(e,t,n,r,o,s,i,c){return{value:e,root:t,parent:n,type:r,props:o,children:s,line:Ne,column:se,length:i,return:"",siblings:c}}function V(e,t){return Ye(Te("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ne(e){for(;e.root;)e=V(e.root,{children:[e]});fe(e,e.siblings)}function mn(){return I}function yn(){return I=R>0?j(le,--R):0,se--,I===10&&(se=1,Ne--),I}function D(){return I=R<Pt?j(le,R++):0,se++,I===10&&(se=1,Ne++),I}function X(){return j(le,R)}function $e(){return R}function Pe(e,t){return oe(le,e,t)}function Ue(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function bn(e){return Ne=se=1,Pt=M(le=e),R=0,[]}function vn(e){return le="",e}function Le(e){return Nt(Pe(R-1,We(e===91?e+2:e===40?e+1:e)))}function xn(e){for(;(I=X())&&I<33;)D();return Ue(e)>2||Ue(I)>3?"":" "}function wn(e,t){for(;--t&&D()&&!(I<48||I>102||I>57&&I<65||I>70&&I<97););return Pe(e,$e()+(t<6&&X()==32&&D()==32))}function We(e){for(;D();)switch(I){case e:return R;case 34:case 39:e!==34&&e!==39&&We(I);break;case 40:e===41&&We(e);break;case 92:D();break}return R}function kn(e,t){for(;D()&&e+I!==47+10;)if(e+I===42+42&&X()===47)break;return"/*"+Pe(t,R-1)+"*"+ot(e===47?e:D())}function $n(e){for(;!Ue(X());)D();return Pe(e,R)}function Sn(e){return vn(Se("",null,null,null,[""],e=bn(e),0,[0],e))}function Se(e,t,n,r,o,s,i,c,a){for(var d=0,_=0,u=i,m=0,g=0,v=0,$=1,A=1,z=1,C=0,x="",S=o,E=s,y=r,h=x;A;)switch(v=C,C=D()){case 40:if(v!=108&&j(h,u-1)==58){ke(h+=f(Le(C),"&","&\f"),"&\f")!=-1&&(z=-1);break}case 34:case 39:case 91:h+=Le(C);break;case 9:case 10:case 13:case 32:h+=xn(v);break;case 92:h+=wn($e()-1,7);continue;case 47:switch(X()){case 42:case 47:fe(zn(kn(D(),$e()),t,n,a),a);break;default:h+="/"}break;case 123*$:c[d++]=M(h)*z;case 125*$:case 59:case 0:switch(C){case 0:case 125:A=0;case 59+_:z==-1&&(h=f(h,/\f/g,"")),g>0&&M(h)-u&&fe(g>32?_t(h+";",r,n,u-1,a):_t(f(h," ","")+";",r,n,u-2,a),a);break;case 59:h+=";";default:if(fe(y=pt(h,t,n,d,_,o,c,x,S=[],E=[],u,s),s),C===123)if(_===0)Se(h,t,y,y,S,s,u,c,E);else switch(m===99&&j(h,3)===110?100:m){case 100:case 108:case 109:case 115:Se(e,y,y,r&&fe(pt(e,y,y,0,0,o,c,x,o,S=[],u,E),E),o,E,u,c,r?S:E);break;default:Se(h,y,y,y,[""],E,0,c,E)}}d=_=g=0,$=z=1,x=h="",u=i;break;case 58:u=1+M(h),g=v;default:if($<1){if(C==123)--$;else if(C==125&&$++==0&&yn()==125)continue}switch(h+=ot(C),C*$){case 38:z=_>0?1:(h+="\f",-1);break;case 44:c[d++]=(M(h)-1)*z,z=1;break;case 64:X()===45&&(h+=Le(D())),m=X(),_=u=M(x=h+=$n($e())),C++;break;case 45:v===45&&M(h)==2&&($=0)}}return s}function pt(e,t,n,r,o,s,i,c,a,d,_,u){for(var m=o-1,g=o===0?s:[""],v=Tt(g),$=0,A=0,z=0;$<r;++$)for(var C=0,x=oe(e,m+1,m=fn(A=i[$])),S=e;C<v;++C)(S=Nt(A>0?g[C]+" "+x:f(x,/&\f/g,g[C])))&&(a[z++]=S);return Te(e,t,n,o===0?Ae:c,a,d,_,u)}function zn(e,t,n,r){return Te(e,t,n,jt,ot(mn()),oe(e,2,-2),0,r)}function _t(e,t,n,r,o){return Te(e,t,n,rt,oe(e,0,r),oe(e,r+1,-1),r,o)}function Rt(e,t,n){switch(hn(e,t)){case 5103:return b+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return b+e+e;case 4789:return he+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return b+e+he+e+w+e+e;case 5936:switch(j(e,t+11)){case 114:return b+e+w+f(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return b+e+w+f(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return b+e+w+f(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return b+e+w+e+e;case 6165:return b+e+w+"flex-"+e+e;case 5187:return b+e+f(e,/(\w+).+(:[^]+)/,b+"box-$1$2"+w+"flex-$1$2")+e;case 5443:return b+e+w+"flex-item-"+f(e,/flex-|-self/g,"")+(L(e,/flex-|baseline/)?"":w+"grid-row-"+f(e,/flex-|-self/g,""))+e;case 4675:return b+e+w+"flex-line-pack"+f(e,/align-content|flex-|-self/g,"")+e;case 5548:return b+e+w+f(e,"shrink","negative")+e;case 5292:return b+e+w+f(e,"basis","preferred-size")+e;case 6060:return b+"box-"+f(e,"-grow","")+b+e+w+f(e,"grow","positive")+e;case 4554:return b+f(e,/([^-])(transform)/g,"$1"+b+"$2")+e;case 6187:return f(f(f(e,/(zoom-|grab)/,b+"$1"),/(image-set)/,b+"$1"),e,"")+e;case 5495:case 3959:return f(e,/(image-set\([^]*)/,b+"$1$`$1");case 4968:return f(f(e,/(.+:)(flex-)?(.*)/,b+"box-pack:$3"+w+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+b+e+e;case 4200:if(!L(e,/flex-|baseline/))return w+"grid-column-align"+oe(e,t)+e;break;case 2592:case 3360:return w+f(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(r,o){return t=o,L(r.props,/grid-\w+-end/)})?~ke(e+(n=n[t].value),"span")?e:w+f(e,"-start","")+e+w+"grid-row-span:"+(~ke(n,"span")?L(n,/\d+/):+L(n,/\d+/)-+L(e,/\d+/))+";":w+f(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(r){return L(r.props,/grid-\w+-start/)})?e:w+f(f(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return f(e,/(.+)-inline(.+)/,b+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(M(e)-1-t>6)switch(j(e,t+1)){case 109:if(j(e,t+4)!==45)break;case 102:return f(e,/(.+:)(.+)-([^]+)/,"$1"+b+"$2-$3$1"+he+(j(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ke(e,"stretch")?Rt(f(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return f(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,o,s,i,c,a,d){return w+o+":"+s+d+(i?w+o+"-span:"+(c?a:+a-+s)+d:"")+e});case 4949:if(j(e,t+6)===121)return f(e,":",":"+b)+e;break;case 6444:switch(j(e,j(e,14)===45?18:11)){case 120:return f(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+b+(j(e,14)===45?"inline-":"")+"box$3$1"+b+"$2$3$1"+w+"$2box$3")+e;case 100:return f(e,":",":"+w)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return f(e,"scroll-","scroll-snap-")+e}return e}function Ee(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function Cn(e,t,n,r){switch(e.type){case _n:if(e.children.length)break;case pn:case rt:return e.return=e.return||e.value;case jt:return"";case At:return e.return=e.value+"{"+Ee(e.children,r)+"}";case Ae:if(!M(e.value=e.props.join(",")))return""}return M(n=Ee(e.children,r))?e.return=e.value+"{"+n+"}":""}function En(e){var t=Tt(e);return function(n,r,o,s){for(var i="",c=0;c<t;c++)i+=e[c](n,r,o,s)||"";return i}}function In(e){return function(t){t.root||(t=t.return)&&e(t)}}function jn(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case rt:e.return=Rt(e.value,e.length,n);return;case At:return Ee([V(e,{value:f(e.value,"@","@"+b)})],r);case Ae:if(e.length)return gn(n=e.props,function(o){switch(L(o,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ne(V(e,{props:[f(o,/:(read-\w+)/,":"+he+"$1")]})),ne(V(e,{props:[o]})),Ye(e,{props:ut(n,r)});break;case"::placeholder":ne(V(e,{props:[f(o,/:(plac\w+)/,":"+b+"input-$1")]})),ne(V(e,{props:[f(o,/:(plac\w+)/,":"+he+"$1")]})),ne(V(e,{props:[f(o,/:(plac\w+)/,w+"input-$1")]})),ne(V(e,{props:[o]})),Ye(e,{props:ut(n,r)});break}return""})}}var An={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},J=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",st=typeof window<"u"&&"HTMLElement"in window,Nn=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),ft=/invalid hook call/i,ve=new Set,Tn=function(e,t){if(process.env.NODE_ENV!=="production"){var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n,` has been created dynamically.
|
|
2
|
-
`)+`You may see this warning because you've called styled inside another component.
|
|
3
|
-
To resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{var s=!0;console.error=function(i){for(var c=[],a=1;a<arguments.length;a++)c[a-1]=arguments[a];ft.test(i)?(s=!1,ve.delete(r)):o.apply(void 0,Q([i],c,!1))},B.useRef(),s&&!ve.has(r)&&(console.warn(r),ve.add(r))}catch(i){ft.test(i.message)&&ve.delete(r)}finally{console.error=o}}},Re=Object.freeze([]),ie=Object.freeze({});function Pn(e,t,n){return n===void 0&&(n=ie),e.theme!==n.theme&&e.theme||t||n.theme}var qe=new Set(["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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","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","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Rn=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,On=/(^-|-$)/g;function ht(e){return e.replace(Rn,"-").replace(On,"")}var Dn=/(a)(d)/gi,gt=function(e){return String.fromCharCode(e+(e>25?39:97))};function Xe(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=gt(t%52)+n;return(gt(t%52)+n).replace(Dn,"$1-$2")}var Fe,U=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ot=function(e){return U(5381,e)};function Dt(e){return Xe(Ot(e)>>>0)}function Mt(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function He(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var Bt=typeof Symbol=="function"&&Symbol.for,Lt=Bt?Symbol.for("react.memo"):60115,Mn=Bt?Symbol.for("react.forward_ref"):60112,Bn={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Ln={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ft={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Fn=((Fe={})[Mn]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Fe[Lt]=Ft,Fe);function mt(e){return("type"in(t=e)&&t.type.$$typeof)===Lt?Ft:"$$typeof"in e?Fn[e.$$typeof]:Bn;var t}var Hn=Object.defineProperty,Vn=Object.getOwnPropertyNames,yt=Object.getOwnPropertySymbols,Gn=Object.getOwnPropertyDescriptor,Yn=Object.getPrototypeOf,bt=Object.prototype;function Ht(e,t,n){if(typeof t!="string"){if(bt){var r=Yn(t);r&&r!==bt&&Ht(e,r,n)}var o=Vn(t);yt&&(o=o.concat(yt(t)));for(var s=mt(e),i=mt(t),c=0;c<o.length;++c){var a=o[c];if(!(a in Ln||n&&n[a]||i&&a in i||s&&a in s)){var d=Gn(t,a);try{Hn(e,a,d)}catch{}}}}return e}function ae(e){return typeof e=="function"}function it(e){return typeof e=="object"&&"styledComponentId"in e}function W(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ke(e,t){if(e.length===0)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function ce(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ze(e,t,n){if(n===void 0&&(n=!1),!n&&!ce(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Ze(e[r],t[r]);else if(ce(t))for(var r in t)e[r]=Ze(e[r],t[r]);return e}function at(e,t){Object.defineProperty(e,"toString",{value:t})}var Un=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
4
|
-
|
|
5
|
-
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
6
|
-
|
|
7
|
-
- Are you trying to reuse it across renders?
|
|
8
|
-
- Are you accidentally calling collectStyles twice?
|
|
9
|
-
|
|
10
|
-
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
11
|
-
|
|
12
|
-
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
13
|
-
|
|
14
|
-
- Does this error occur on the client and is your target falsy?
|
|
15
|
-
- Does this error occur on the server and is the sheet falsy?
|
|
16
|
-
|
|
17
|
-
`,5:`The clone method cannot be used on the client!
|
|
18
|
-
|
|
19
|
-
- Are you running in a client-like environment on the server?
|
|
20
|
-
- Are you trying to run SSR on the client?
|
|
21
|
-
|
|
22
|
-
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
23
|
-
|
|
24
|
-
- Are you using a custom target that isn't mounted?
|
|
25
|
-
- Does your document not have a valid head element?
|
|
26
|
-
- Have you accidentally removed a style tag manually?
|
|
27
|
-
|
|
28
|
-
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
29
|
-
|
|
30
|
-
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
31
|
-
|
|
32
|
-
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
33
|
-
|
|
34
|
-
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
35
|
-
|
|
36
|
-
`,14:`ThemeProvider: "theme" prop is required.
|
|
37
|
-
|
|
38
|
-
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
39
|
-
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
40
|
-
as for instance in your render method then you may be running into this limitation.
|
|
41
|
-
|
|
42
|
-
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
43
|
-
Has styled-components' style tag been unmounted or altered by another script?
|
|
44
|
-
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Wn(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,s=e.length;o<s;o+=1)r.push(e[o]);return r.forEach(function(i){n=n.replace(/%[a-z]/,i)}),n}function de(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Wn.apply(void 0,Q([Un[e]],t,!1)).trim())}var qn=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var n=0,r=0;r<t;r++)n+=this.groupSizes[r];return n},e.prototype.insertRules=function(t,n){if(t>=this.groupSizes.length){for(var r=this.groupSizes,o=r.length,s=o;t>=s;)if((s<<=1)<0)throw de(16,"".concat(t));this.groupSizes=new Uint32Array(s),this.groupSizes.set(r),this.length=s;for(var i=o;i<s;i++)this.groupSizes[i]=0}for(var c=this.indexOfGroup(t+1),a=(i=0,n.length);i<a;i++)this.tag.insertRule(c,n[i])&&(this.groupSizes[t]++,c++)},e.prototype.clearGroup=function(t){if(t<this.length){var n=this.groupSizes[t],r=this.indexOfGroup(t),o=r+n;this.groupSizes[t]=0;for(var s=r;s<o;s++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(t){var n="";if(t>=this.length||this.groupSizes[t]===0)return n;for(var r=this.groupSizes[t],o=this.indexOfGroup(t),s=o+r,i=o;i<s;i++)n+="".concat(this.tag.getRule(i)).concat(`/*!sc*/
|
|
45
|
-
`);return n},e}(),ze=new Map,Ie=new Map,Ce=1,xe=function(e){if(ze.has(e))return ze.get(e);for(;Ie.has(Ce);)Ce++;var t=Ce++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>1073741824))throw de(16,"".concat(t));return ze.set(e,t),Ie.set(t,e),t},Xn=function(e,t){Ce=t+1,ze.set(e,t),Ie.set(t,e)},Kn="style[".concat(J,"][").concat("data-styled-version",'="').concat("6.1.1",'"]'),Zn=new RegExp("^".concat(J,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Qn=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)},Jn=function(e,t){for(var n,r=((n=t.textContent)!==null&&n!==void 0?n:"").split(`/*!sc*/
|
|
46
|
-
`),o=[],s=0,i=r.length;s<i;s++){var c=r[s].trim();if(c){var a=c.match(Zn);if(a){var d=0|parseInt(a[1],10),_=a[2];d!==0&&(Xn(_,d),Qn(e,_,a[3]),e.getTag().insertRules(d,o)),o.length=0}else o.push(c)}}};function er(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Vt=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(c){var a=Array.from(c.querySelectorAll("style[".concat(J,"]")));return a[a.length-1]}(n),s=o!==void 0?o.nextSibling:null;r.setAttribute(J,"active"),r.setAttribute("data-styled-version","6.1.1");var i=er();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},tr=function(){function e(t){this.element=Vt(t),this.element.appendChild(document.createTextNode("")),this.sheet=function(n){if(n.sheet)return n.sheet;for(var r=document.styleSheets,o=0,s=r.length;o<s;o++){var i=r[o];if(i.ownerNode===n)return i}throw de(17)}(this.element),this.length=0}return e.prototype.insertRule=function(t,n){try{return this.sheet.insertRule(n,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var n=this.sheet.cssRules[t];return n&&n.cssText?n.cssText:""},e}(),nr=function(){function e(t){this.element=Vt(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,n){if(t<=this.length&&t>=0){var r=document.createTextNode(n);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e}(),rr=function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,n){return t<=this.length&&(this.rules.splice(t,0,n),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e}(),vt=st,or={isServer:!st,useCSSOMInjection:!Nn},Gt=function(){function e(t,n,r){t===void 0&&(t=ie),n===void 0&&(n={});var o=this;this.options=T(T({},or),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&st&&vt&&(vt=!1,function(s){for(var i=document.querySelectorAll(Kn),c=0,a=i.length;c<a;c++){var d=i[c];d&&d.getAttribute(J)!=="active"&&(Jn(s,d),d.parentNode&&d.parentNode.removeChild(d))}}(this)),at(this,function(){return function(s){for(var i=s.getTag(),c=i.length,a="",d=function(u){var m=function(z){return Ie.get(z)}(u);if(m===void 0)return"continue";var g=s.names.get(m),v=i.getGroup(u);if(g===void 0||v.length===0)return"continue";var $="".concat(J,".g").concat(u,'[id="').concat(m,'"]'),A="";g!==void 0&&g.forEach(function(z){z.length>0&&(A+="".concat(z,","))}),a+="".concat(v).concat($,'{content:"').concat(A,'"}').concat(`/*!sc*/
|
|
47
|
-
`)},_=0;_<c;_++)d(_);return a}(o)})}return e.registerId=function(t){return xe(t)},e.prototype.reconstructWithOptions=function(t,n){return n===void 0&&(n=!0),new e(T(T({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=function(n){var r=n.useCSSOMInjection,o=n.target;return n.isServer?new rr(o):r?new tr(o):new nr(o)}(this.options),new qn(t)));var t},e.prototype.hasNameForId=function(t,n){return this.names.has(t)&&this.names.get(t).has(n)},e.prototype.registerName=function(t,n){if(xe(t),this.names.has(t))this.names.get(t).add(n);else{var r=new Set;r.add(n),this.names.set(t,r)}},e.prototype.insertRules=function(t,n,r){this.registerName(t,n),this.getTag().insertRules(xe(t),r)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(xe(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e}(),sr=/&/g,ir=/^\s*\/\/.*$/gm;function Yt(e,t){return e.map(function(n){return n.type==="rule"&&(n.value="".concat(t," ").concat(n.value),n.value=n.value.replaceAll(",",",".concat(t," ")),n.props=n.props.map(function(r){return"".concat(t," ").concat(r)})),Array.isArray(n.children)&&n.type!=="@keyframes"&&(n.children=Yt(n.children,t)),n})}function ar(e){var t,n,r,o=e===void 0?ie:e,s=o.options,i=s===void 0?ie:s,c=o.plugins,a=c===void 0?Re:c,d=function(m,g,v){return v===n||v.startsWith(n)&&v.endsWith(n)&&v.replaceAll(n,"").length>0?".".concat(t):m},_=a.slice();_.push(function(m){m.type===Ae&&m.value.includes("&")&&(m.props[0]=m.props[0].replace(sr,n).replace(r,d))}),i.prefix&&_.push(jn),_.push(Cn);var u=function(m,g,v,$){g===void 0&&(g=""),v===void 0&&(v=""),$===void 0&&($="&"),t=$,n=g,r=new RegExp("\\".concat(n,"\\b"),"g");var A=m.replace(ir,""),z=Sn(v||g?"".concat(v," ").concat(g," { ").concat(A," }"):A);i.namespace&&(z=Yt(z,i.namespace));var C=[];return Ee(z,En(_.concat(In(function(x){return C.push(x)})))),C};return u.hash=a.length?a.reduce(function(m,g){return g.name||de(15),U(m,g.name)},5381).toString():"",u}var cr=new Gt,Qe=ar(),Ut=B.createContext({shouldForwardProp:void 0,styleSheet:cr,stylis:Qe});Ut.Consumer;B.createContext(void 0);function xt(){return B.useContext(Ut)}var Je=function(){function e(t,n){var r=this;this.inject=function(o,s){s===void 0&&(s=Qe);var i=r.name+s.hash;o.hasNameForId(r.id,i)||o.insertRules(r.id,i,s(r.rules,i,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=n,at(this,function(){throw de(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Qe),this.name+t.hash},e}(),lr=function(e){return e>="A"&&e<="Z"};function wt(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(n===1&&r==="-"&&e[0]==="-")return e;lr(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Wt=function(e){return e==null||e===!1||e===""},qt=function(e){var t,n,r=[];for(var o in e){var s=e[o];e.hasOwnProperty(o)&&!Wt(s)&&(Array.isArray(s)&&s.isCss||ae(s)?r.push("".concat(wt(o),":"),s,";"):ce(s)?r.push.apply(r,Q(Q(["".concat(o," {")],qt(s),!1),["}"],!1)):r.push("".concat(wt(o),": ").concat((t=o,(n=s)==null||typeof n=="boolean"||n===""?"":typeof n!="number"||n===0||t in An||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function K(e,t,n,r){if(Wt(e))return[];if(it(e))return[".".concat(e.styledComponentId)];if(ae(e)){if(!ae(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Je||ce(o)||o===null||console.error("".concat(Mt(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),K(o,t,n,r)}var s;return e instanceof Je?n?(e.inject(n,r),[e.getName(r)]):[e]:ce(e)?qt(e):Array.isArray(e)?Array.prototype.concat.apply(Re,e.map(function(i){return K(i,t,n,r)})):[e.toString()]}function dr(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(ae(n)&&!it(n))return!1}return!0}var ur=Ot("6.1.1"),pr=function(){function e(t,n,r){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&dr(t),this.componentId=n,this.baseHash=U(ur,n),this.baseStyle=r,Gt.registerId(n)}return e.prototype.generateAndInjectStyles=function(t,n,r){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,n,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(this.componentId,this.staticRulesId))o=W(o,this.staticRulesId);else{var s=Ke(K(this.rules,t,n,r)),i=Xe(U(this.baseHash,s)>>>0);if(!n.hasNameForId(this.componentId,i)){var c=r(s,".".concat(i),void 0,this.componentId);n.insertRules(this.componentId,i,c)}o=W(o,i),this.staticRulesId=i}else{for(var a=U(this.baseHash,r.hash),d="",_=0;_<this.rules.length;_++){var u=this.rules[_];if(typeof u=="string")d+=u,process.env.NODE_ENV!=="production"&&(a=U(a,u));else if(u){var m=Ke(K(u,t,n,r));a=U(a,m+_),d+=m}}if(d){var g=Xe(a>>>0);n.hasNameForId(this.componentId,g)||n.insertRules(this.componentId,g,r(d,".".concat(g),void 0,this.componentId)),o=W(o,g)}}return o},e}(),Xt=B.createContext(void 0);Xt.Consumer;var Ve={},kt=new Set;function _r(e,t,n){var r=it(e),o=e,s=!He(e),i=t.attrs,c=i===void 0?Re:i,a=t.componentId,d=a===void 0?function(S,E){var y=typeof S!="string"?"sc":ht(S);Ve[y]=(Ve[y]||0)+1;var h="".concat(y,"-").concat(Dt("6.1.1"+y+Ve[y]));return E?"".concat(E,"-").concat(h):h}(t.displayName,t.parentComponentId):a,_=t.displayName,u=_===void 0?function(S){return He(S)?"styled.".concat(S):"Styled(".concat(Mt(S),")")}(e):_,m=t.displayName&&t.componentId?"".concat(ht(t.displayName),"-").concat(t.componentId):t.componentId||d,g=r&&o.attrs?o.attrs.concat(c).filter(Boolean):c,v=t.shouldForwardProp;if(r&&o.shouldForwardProp){var $=o.shouldForwardProp;if(t.shouldForwardProp){var A=t.shouldForwardProp;v=function(S,E){return $(S,E)&&A(S,E)}}else v=$}var z=new pr(n,m,r?o.componentStyle:void 0);function C(S,E){return function(y,h,G){var ee=y.attrs,nn=y.componentStyle,rn=y.defaultProps,on=y.foldedComponentIds,dt=y.styledComponentId,sn=y.target,an=B.useContext(Xt),cn=xt(),Oe=y.shouldForwardProp||cn.shouldForwardProp;process.env.NODE_ENV!=="production"&&B.useDebugValue(dt);var F=function(me,_e,ye){for(var te,Y=T(T({},_e),{className:void 0,theme:ye}),Be=0;Be<me.length;Be+=1){var be=ae(te=me[Be])?te(Y):te;for(var H in be)Y[H]=H==="className"?W(Y[H],be[H]):H==="style"?T(T({},Y[H]),be[H]):be[H]}return _e.className&&(Y.className=W(Y.className,_e.className)),Y}(ee,h,Pn(h,an,rn)||ie),ue=F.as||sn,pe={};for(var P in F)F[P]===void 0||P[0]==="$"||P==="as"||P==="theme"||(P==="forwardedAs"?pe.as=F.forwardedAs:Oe&&!Oe(P,ue)||(pe[P]=F[P],Oe||process.env.NODE_ENV!=="development"||un(P)||kt.has(P)||!qe.has(ue)||(kt.add(P),console.warn('styled-components: it looks like an unknown prop "'.concat(P,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var De=function(me,_e){var ye=xt(),te=me.generateAndInjectStyles(_e,ye.styleSheet,ye.stylis);return process.env.NODE_ENV!=="production"&&B.useDebugValue(te),te}(nn,F);process.env.NODE_ENV!=="production"&&y.warnTooManyClasses&&y.warnTooManyClasses(De);var Me=W(on,dt);return De&&(Me+=" "+De),F.className&&(Me+=" "+F.className),pe[He(ue)&&!qe.has(ue)?"class":"className"]=Me,pe.ref=G,B.createElement(ue,pe)}(x,S,E)}C.displayName=u;var x=B.forwardRef(C);return x.attrs=g,x.componentStyle=z,x.displayName=u,x.shouldForwardProp=v,x.foldedComponentIds=r?W(o.foldedComponentIds,o.styledComponentId):"",x.styledComponentId=m,x.target=r?o.target:e,Object.defineProperty(x,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(S){this._foldedDefaultProps=r?function(E){for(var y=[],h=1;h<arguments.length;h++)y[h-1]=arguments[h];for(var G=0,ee=y;G<ee.length;G++)Ze(E,ee[G],!0);return E}({},o.defaultProps,S):S}}),process.env.NODE_ENV!=="production"&&(Tn(u,m),x.warnTooManyClasses=function(S,E){var y={},h=!1;return function(G){if(!h&&(y[G]=!0,Object.keys(y).length>=200)){var ee=E?' with the id of "'.concat(E,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(S).concat(ee,`.
|
|
48
|
-
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
49
|
-
Example:
|
|
50
|
-
const Component = styled.div.attrs(props => ({
|
|
51
|
-
style: {
|
|
52
|
-
background: props.background,
|
|
53
|
-
},
|
|
54
|
-
}))\`width: 100%;\`
|
|
55
|
-
|
|
56
|
-
<Component />`),h=!0,y={}}}}(u,m)),at(x,function(){return".".concat(x.styledComponentId)}),s&&Ht(x,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),x}function $t(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}var St=function(e){return Object.assign(e,{isCss:!0})};function N(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(ae(e)||ce(e)){var r=e;return St(K($t(Re,Q([r],t,!0))))}var o=e;return t.length===0&&o.length===1&&typeof o[0]=="string"?K(o):St(K($t(o,t)))}function et(e,t,n){if(n===void 0&&(n=ie),!t)throw de(1,t);var r=function(o){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return e(t,n,N.apply(void 0,Q([o],s,!1)))};return r.attrs=function(o){return et(e,t,T(T({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}))},r.withConfig=function(o){return et(e,t,T(T({},n),o))},r}var Kt=function(e){return et(_r,e)},p=Kt;qe.forEach(function(e){p[e]=Kt(e)});function Zt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=Ke(N.apply(void 0,Q([e],t,!1))),o=Dt(r);return new Je(o,r)}process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
57
|
-
Perhaps you're looking to import 'styled-components/native'?
|
|
58
|
-
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var we="__sc-".concat(J,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[we]||(window[we]=0),window[we]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
59
|
-
|
|
60
|
-
See https://s-c.sh/2BAXzed for more info.`),window[we]+=1);const fr=p.span`
|
|
61
|
-
width: 1px;
|
|
62
|
-
height: 1px;
|
|
63
|
-
margin: -1px;
|
|
64
|
-
padding: 0;
|
|
65
|
-
position: absolute;
|
|
66
|
-
top: 0;
|
|
67
|
-
left: 0;
|
|
68
|
-
overflow: hidden;
|
|
69
|
-
clip: rect(0 0 0 0);
|
|
70
|
-
border: 0;
|
|
71
|
-
opacity: 0;
|
|
72
|
-
`,Qt=({children:e})=>l.jsx(fr,{children:e}),hr="#0967d2",gr="#142334",mr="#ffd000",yr="#0ce8d6",br="#7949d1",vr="#bca4e8",xr="#ef4e4e",wr="#f48585",kr="#ffd000",$r="#12a537",Sr="#3ebd93",zr="#42608a",Cr="#e76119",Er="#ffffff",Ir="#142334",jr="#f5f7fa",Ar="#192d43",Nr="#ebeff5",Tr="#1f3751",Pr="rgba(31, 55, 81, 0.75)",Rr="#142334",Or="#ffffff",Dr="#4d5a68",Mr="#c3c8cc",Br="#8191a2",Lr="#a0a7af",Fr="#0967d2",Hr="#6fabf1",Vr="#1f3751",Gr="#ffffff",Yr="#ebeff5",Ur="#2a415a",Wr="#ef4e4e",qr="#f48585",Xr="#12a537",Kr="#3ebd93",Zr="#e5f1ff",Qr="rgba(255, 255, 255, 0.1)",Jr="#ffffff",eo="#142334",to="#ffffff",no="#142334",ro="#4d5a68",oo="#c3c8cc",so="#ffffff",io="#142334",ao="#ffffff",co="#142334",lo="#0967d2",uo="#6fabf1",po="#142334",_o="#ffffff",fo="#4d5a68",ho="#c3c8cc",go="rgba(20, 35, 52, 0.12)",mo="rgba(255, 255, 255, 0.15)",yo="rgba(20, 35, 52, 0.2)",bo="rgba(255, 255, 255, 0.22)",vo="#0967d2",xo="#6fabf1",wo="rgba(20, 35, 52, 0.13)",ko="rgba(6, 10, 16, 0.5)",$o="rgba(20, 35, 52, 0.13)",So="rgba(6, 10, 16, 0.6)",zo="rgba(20, 35, 52, 0.2)",Co="rgba(6, 10, 16, 0.7)",Eo="#31a03c",Io="#4191ed",jo="#a227c5",Ao="#354b62",No="#ffd000",To="#e76119",Po="#c73732",Ro="#828c95",Oo="#4d5a68",Do="#a227c5",Mo="#e76119",Bo="#31a03c",Lo="#4191ed",Fo="#c73732",Ho="#d28e09",Vo="#354b62",Go="#413ecf",Yo="#d63baa",Uo="#745138",Wo="#ffd000",qo=2,Xo=4,Ko=8,Zo=16,Qo=24,Jo=32,es=48,ts=1,ns=2,rs=4,os=8,ss=2,is=4,as=8,cs=16,ls=24,ds=1e3,us=10,ps=12,_s=14,fs=16,hs=20,gs=24,ms=32,ys=42,bs=16,vs=24,xs=32,ws=40,ks=3,$s=1,Ss=6,zs=2,Cs=12,Es=4,Is=Object.freeze(Object.defineProperty({__proto__:null,color_background_1_de:Ir,color_background_1_le:Er,color_background_2_de:Ar,color_background_2_le:jr,color_background_3_de:Tr,color_background_3_le:Nr,color_background_backdrop:Pr,color_border_default_de:mo,color_border_default_le:go,color_border_input_active_de:xo,color_border_input_active_le:vo,color_border_input_inactive_de:bo,color_border_input_inactive_le:yo,color_brand_accent:mr,color_brand_add_on_de:vr,color_brand_add_on_le:br,color_brand_primary:hr,color_brand_secondary:gr,color_brand_upgrade:yr,color_button_background_destroy_de:qr,color_button_background_destroy_le:Wr,color_button_background_primary_de:Hr,color_button_background_primary_le:Fr,color_button_background_secondary_de:Gr,color_button_background_secondary_le:Vr,color_button_background_subtle_de:Ur,color_button_background_subtle_le:Yr,color_button_background_success_de:Kr,color_button_background_success_le:Xr,color_button_background_tint_de:Qr,color_button_background_tint_le:Zr,color_button_text_destroy_de:io,color_button_text_destroy_le:so,color_button_text_primary_de:eo,color_button_text_primary_le:Jr,color_button_text_secondary_de:no,color_button_text_secondary_le:to,color_button_text_subtle_de:oo,color_button_text_subtle_le:ro,color_button_text_success_de:co,color_button_text_success_le:ao,color_collab_blue:Lo,color_collab_brown:Uo,color_collab_green:Bo,color_collab_magenta:Yo,color_collab_navy:Vo,color_collab_orange:Mo,color_collab_owner:Wo,color_collab_plum:Go,color_collab_purple:Do,color_collab_red:Fo,color_collab_yellow:Ho,color_depth_1_de:ko,color_depth_1_le:wo,color_depth_2_de:So,color_depth_2_le:$o,color_depth_3_de:Co,color_depth_3_le:zo,color_label_blue:Io,color_label_dark_gray:Oo,color_label_green:Eo,color_label_light_gray:Ro,color_label_navy:Ao,color_label_orange:To,color_label_purple:jo,color_label_red:Po,color_label_yellow:No,color_link_primary_de:uo,color_link_primary_le:lo,color_link_secondary_de:_o,color_link_secondary_le:po,color_link_subtle_de:ho,color_link_subtle_le:fo,color_text_default_de:Or,color_text_default_le:Rr,color_text_nonessential_de:Lr,color_text_nonessential_le:Br,color_text_subtle_de:Mr,color_text_subtle_le:Dr,color_utility_assigned:Cr,color_utility_caution:kr,color_utility_destroy_de:wr,color_utility_destroy_le:xr,color_utility_info:zr,color_utility_success_de:Sr,color_utility_success_le:$r,size_avatar_l:ws,size_avatar_m:xs,size_avatar_s:vs,size_avatar_xs:bs,size_border_radius_l:as,size_border_radius_m:is,size_border_radius_pill:ds,size_border_radius_s:ss,size_border_radius_xl:cs,size_border_radius_xxl:ls,size_border_width_l:rs,size_border_width_m:ns,size_border_width_s:ts,size_border_width_xl:os,size_depth_1_blur:ks,size_depth_1_y:$s,size_depth_2_blur:Ss,size_depth_2_y:zs,size_depth_3_blur:Cs,size_depth_3_y:Es,size_spacing_l:Qo,size_spacing_m:Zo,size_spacing_s:Ko,size_spacing_xl:Jo,size_spacing_xs:Xo,size_spacing_xxl:es,size_spacing_xxs:qo,size_text_l:hs,size_text_m:fs,size_text_s:_s,size_text_xl:gs,size_text_xs:ps,size_text_xxl:ms,size_text_xxs:us,size_text_xxxl:ys},Symbol.toStringTag,{value:"Module"})),q={...Is},ct=`font-family: system-ui, -apple-system, BlinkMacSystemFont,
|
|
73
|
-
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`,lt=`font-family: 'Averta', system-ui, -apple-system, BlinkMacSystemFont,
|
|
74
|
-
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`,Jt=(e=!1,t=!1)=>{const n=N`
|
|
75
|
-
outline-width: var(--cc_size_border_width_m);
|
|
76
|
-
outline-style: solid;
|
|
77
|
-
`;return e||t?N`
|
|
78
|
-
${n}
|
|
79
|
-
outline-color: ${t&&!e?"var(--cc_color_utility_success)":"var(--cc_color_utility_destroy)"};
|
|
80
|
-
`:N`
|
|
81
|
-
${n}
|
|
82
|
-
outline-color: var(--cc_color_border_input_active);
|
|
83
|
-
`},js=({disabled:e=!1,readOnly:t=!1})=>`
|
|
84
|
-
all: initial;
|
|
85
|
-
box-sizing: border-box;
|
|
86
|
-
font-family: inherit;
|
|
87
|
-
font-weight: 700;
|
|
88
|
-
max-width: 100%;
|
|
89
|
-
overflow: visible;
|
|
90
|
-
display: inline-block;
|
|
91
|
-
vertical-align: middle;
|
|
92
|
-
text-align: center;
|
|
93
|
-
background: none;
|
|
94
|
-
position: relative;
|
|
95
|
-
appearance: none;
|
|
96
|
-
text-decoration: none;
|
|
97
|
-
touch-action: manipulation;
|
|
98
|
-
cursor: pointer;
|
|
99
|
-
user-select: none;
|
|
100
|
-
-webkit-font-smoothing: antialiased;
|
|
101
|
-
-moz-osx-font-smoothing: grayscale;
|
|
102
|
-
|
|
103
|
-
&:focus-visible {
|
|
104
|
-
${Jt}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
${e||t?N`
|
|
108
|
-
pointer-events: none;
|
|
109
|
-
`:""}
|
|
110
|
-
${e?N`
|
|
111
|
-
opacity: 0.5;
|
|
112
|
-
cursor: not-allowed;
|
|
113
|
-
`:""}
|
|
114
|
-
`,As={small:"var(--cc_size_avatar_m)",medium:"var(--cc_size_avatar_l)",large:"48px"},Ns=N`
|
|
115
|
-
margin: -1px;
|
|
116
|
-
padding: 0;
|
|
117
|
-
width: 1px;
|
|
118
|
-
height: 1px;
|
|
119
|
-
overflow: hidden;
|
|
120
|
-
clip: rect(0 0 0 0);
|
|
121
|
-
clip: rect(0, 0, 0, 0);
|
|
122
|
-
position: absolute;
|
|
123
|
-
`,Ts=e=>{const t=["xxl","xl","l","m","s","xs","xxs"],n=e.split(" "),r=[];return n.forEach(o=>{t.includes(o)?r.push(`var(--cc_size_spacing_${o})`):r.push("0")}),r.join(" ")},en={large:q.size_avatar_l,medium:q.size_avatar_m,small:q.size_avatar_s,xsmall:q.size_avatar_xs},Ps=p.span`
|
|
124
|
-
box-sizing: border-box;
|
|
125
|
-
position: relative;
|
|
126
|
-
display: inline-flex;
|
|
127
|
-
width: ${e=>e.$avatarSize}px;
|
|
128
|
-
height: ${e=>e.$avatarSize}px;
|
|
129
|
-
background-color: var(--cc_color_background_3);
|
|
130
|
-
border-radius: 100%;
|
|
131
|
-
color: var(--cc_color_text_subtle);
|
|
132
|
-
${lt};
|
|
133
|
-
font-weight: 600;
|
|
134
|
-
`,Rs=p.img`
|
|
135
|
-
width: 100%;
|
|
136
|
-
height: 100%;
|
|
137
|
-
border-radius: 100%;
|
|
138
|
-
object-fit: cover;
|
|
139
|
-
object-position: center;
|
|
140
|
-
`,zt=p.span`
|
|
141
|
-
font-size: ${e=>e.$initialsTextSize}px;
|
|
142
|
-
width: 100%;
|
|
143
|
-
height: 100%;
|
|
144
|
-
display: grid;
|
|
145
|
-
place-items: center;
|
|
146
|
-
text-align: center;
|
|
147
|
-
`,Os=p.i`
|
|
148
|
-
// make icon slightly larger than initials
|
|
149
|
-
font-size: ${e=>e.$initialsTextSize+4}px;
|
|
150
|
-
`,Ds=p.span`
|
|
151
|
-
position: absolute;
|
|
152
|
-
display: block;
|
|
153
|
-
pointer-events: none;
|
|
154
|
-
top: 0;
|
|
155
|
-
left: 0;
|
|
156
|
-
right: 0;
|
|
157
|
-
bottom: 0;
|
|
158
|
-
border-width: var(--cc_size_border_width_m);
|
|
159
|
-
border-style: solid;
|
|
160
|
-
border-radius: 100%;
|
|
161
|
-
`,Ms=({fullName:e,iconName:t,imageSrc:n,initials:r,size:o="medium",testId:s})=>{var _,u;const i=typeof o=="number"?o:en[o],c=Math.round(i/2.25),a=((u=(_=e.match(/(\b\S)?/g))==null?void 0:_.join("").match(/(^\S|\S$)?/g))==null?void 0:u.join(""))??"",d=()=>n?l.jsx(Rs,{src:n,alt:e}):t?l.jsx(zt,{$initialsTextSize:c,children:l.jsx(Os,{$initialsTextSize:c,className:`mdi mdi-${t}`,"aria-hidden":"true"})}):l.jsx(zt,{$initialsTextSize:c,"aria-hidden":"true",children:r||a});return l.jsxs(Ps,{$avatarSize:i,"data-testid":s,children:[n?null:l.jsx(Qt,{children:e}),d(),l.jsx(Ds,{})]})},O={add_on:"add_on",assigned:"assigned",caution:"caution",destroy:"destroy",info:"info",success:"success",upgrade:"upgrade"},ge={small:"small",medium:"medium"},Bs=e=>{switch(e){case O.info:return"var(--cc_color_background_2)";case O.upgrade:return"var(--cc_color_brand_upgrade_alpha_20)";case O.assigned:return"var(--cc_color_utility_assigned_alpha_20)";case O.add_on:return"var(--cc_color_brand_add_on_alpha_20)";default:return`var(--cc_color_utility_${e}_alpha_20)`}},Ls=e=>{switch(e){case O.info:return"var(--cc_color_border_default)";case O.upgrade:return"var(--cc_color_brand_upgrade_alpha_60)";case O.assigned:return"var(--cc_color_utility_assigned_alpha_60)";case O.add_on:return"var(--cc_color_brand_add_on_alpha_60)";default:return`var(--cc_color_utility_${e}_alpha_60)`}},Fs=p.span`
|
|
162
|
-
display: inline-flex;
|
|
163
|
-
align-items: center;
|
|
164
|
-
justify-content: center;
|
|
165
|
-
gap: var(--cc_size_spacing_xs);
|
|
166
|
-
background-color: ${e=>Bs(e.color||O.info)};
|
|
167
|
-
border-radius: var(--cc_size_border_radius_pill);
|
|
168
|
-
border: var(--cc_size_border_width_s) solid
|
|
169
|
-
${e=>Ls(e.color||O.info)};
|
|
170
|
-
padding: ${e=>e.size===ge.small?"6px":"var(--cc_size_spacing_s)"};
|
|
171
|
-
height: ${e=>e.size===ge.small?"var(--cc_size_avatar_xs)":"var(--cc_size_avatar_s)"};
|
|
172
|
-
line-height: 1.5;
|
|
173
|
-
`,Hs=p.i`
|
|
174
|
-
color: var(--cc_color_text_default);
|
|
175
|
-
font-size: ${e=>e.size===ge.small?"11px":"14px"};
|
|
176
|
-
line-height: 0;
|
|
177
|
-
`,Vs=p.span`
|
|
178
|
-
color: var(--cc_color_text_default);
|
|
179
|
-
font-family: 'Averta', system-ui, sans-serif;
|
|
180
|
-
font-weight: 600;
|
|
181
|
-
font-size: ${e=>e.size===ge.small?"9px":"10px"};
|
|
182
|
-
text-transform: uppercase;
|
|
183
|
-
white-space: nowrap;
|
|
184
|
-
overflow: hidden;
|
|
185
|
-
text-overflow: ellipsis;
|
|
186
|
-
letter-spacing: 0.25px;
|
|
187
|
-
|
|
188
|
-
&:empty {
|
|
189
|
-
display: none;
|
|
190
|
-
}
|
|
191
|
-
`;function Gs({children:e,color:t=O.info,className:n,iconName:r,size:o=ge.medium,style:s,testId:i}){return l.jsxs(Fs,{size:o,className:n,color:t,style:s,"data-testid":i,children:[r?l.jsx(Hs,{size:o,className:`mdi mdi-${r}`}):null,l.jsx(Vs,{size:o,children:e})]})}const Ys=Zt`
|
|
192
|
-
to {
|
|
193
|
-
stroke-dashoffset: 200;
|
|
194
|
-
}
|
|
195
|
-
`,Us=Zt`
|
|
196
|
-
to {
|
|
197
|
-
transform: rotate(1turn);
|
|
198
|
-
}
|
|
199
|
-
`,Ws=p.span`
|
|
200
|
-
display: inline-flex;
|
|
201
|
-
flex-direction: ${e=>e.$layout==="vertical"?"column":"row"};
|
|
202
|
-
align-items: center;
|
|
203
|
-
`,qs=p.span`
|
|
204
|
-
font-family: system-ui, sans-serif;
|
|
205
|
-
font-weight: 400;
|
|
206
|
-
font-size: ${e=>e.$fontSize}px;
|
|
207
|
-
color: var(--cc_color_text_nonessential);
|
|
208
|
-
margin-${e=>e.$layout==="vertical"?"block-start":"inline-start"}: 12px;
|
|
209
|
-
`,Xs=p.span`
|
|
210
|
-
display: block;
|
|
211
|
-
position: relative;
|
|
212
|
-
width: ${e=>e.$size}px;
|
|
213
|
-
height: ${e=>e.$size}px;
|
|
214
|
-
`,Ks=p.svg`
|
|
215
|
-
position: absolute;
|
|
216
|
-
top: 0;
|
|
217
|
-
bottom: 0;
|
|
218
|
-
left: 0;
|
|
219
|
-
right: 0;
|
|
220
|
-
transform: rotate(0turn);
|
|
221
|
-
animation-name: ${Us};
|
|
222
|
-
animation-duration: 0.75s;
|
|
223
|
-
animation-iteration-count: infinite;
|
|
224
|
-
animation-timing-function: linear;
|
|
225
|
-
`,Zs=p.circle`
|
|
226
|
-
stroke: ${e=>e.$trackColor};
|
|
227
|
-
fill: transparent;
|
|
228
|
-
stroke-width: 28;
|
|
229
|
-
`,Qs=p.circle`
|
|
230
|
-
stroke: ${e=>e.$meterColor};
|
|
231
|
-
stroke-width: 28;
|
|
232
|
-
fill: transparent;
|
|
233
|
-
stroke-dasharray: 540;
|
|
234
|
-
stroke-dashoffset: 506;
|
|
235
|
-
animation-name: ${Ys};
|
|
236
|
-
animation-duration: 1s;
|
|
237
|
-
animation-iteration-count: infinite;
|
|
238
|
-
animation-direction: alternate;
|
|
239
|
-
animation-timing-function: linear;
|
|
240
|
-
`,tn=({accessibilityLabel:e,testId:t,className:n,label:r,layout:o="horizontal",meterColor:s="var(--cc_color_border_input_inactive)",size:i="medium",style:c,trackColor:a="var(--cc_color_background_2)"})=>{const d=typeof i=="number"?i:en[i],_=d<=24?12:14,u=l.jsx(Xs,{$size:d,className:n,style:c,"data-testid":t,children:l.jsxs(Ks,{viewBox:"0 0 200 200",focusable:"false","data-svg-type":"spinner",children:[l.jsx("title",{children:e}),l.jsxs("g",{role:"presentation",children:[l.jsx(Zs,{r:"86",cy:"100",cx:"100",$trackColor:a}),l.jsx(Qs,{r:"86",cy:"100",cx:"100",$meterColor:s})]})]})});return r?l.jsxs(Ws,{$layout:o,children:[u,l.jsx(qs,{$fontSize:_,$layout:o,children:r})]}):u},Ge={solid:"solid",outline:"outline",minimal:"minimal"},Js={small:"0 calc(var(--cc_size_spacing_s) * 1.25)",medium:"0 var(--cc_size_spacing_m)",large:"0 var(--cc_size_spacing_l)"},tt={small:"calc(var(--cc_size_text_xs) + 1px)",medium:"calc(var(--cc_size_text_s) + 1px)",large:"calc(var(--cc_size_text_m) + 1px)"},ei=e=>`
|
|
241
|
-
color: var(--cc_color_button_text_${e});
|
|
242
|
-
background: var(--cc_color_button_background_${e});
|
|
243
|
-
&:hover {
|
|
244
|
-
background: var(--cc_color_button_background_${e}_darken_10);
|
|
245
|
-
}
|
|
246
|
-
`,ti=(e,t)=>e==="destroy"||e==="success"?`
|
|
247
|
-
background: transparent;
|
|
248
|
-
color: var(--cc_color_utility_${e});
|
|
249
|
-
&:hover {
|
|
250
|
-
color: var(--cc_color_utility_${e}_darken_10);
|
|
251
|
-
background: var(--cc_color_button_background_${e}_alpha_10);
|
|
252
|
-
}
|
|
253
|
-
${t?`
|
|
254
|
-
border-color: var(--cc_color_button_background_${e});
|
|
255
|
-
&:hover {
|
|
256
|
-
border-color: var(--cc_color_button_background_${e}_darken_10);
|
|
257
|
-
}
|
|
258
|
-
`:null}
|
|
259
|
-
`:`
|
|
260
|
-
background: transparent;
|
|
261
|
-
color: var(--cc_color_link_${e});
|
|
262
|
-
&:hover {
|
|
263
|
-
background: var(--cc_color_button_background_${e}_alpha_${e==="subtle"?"70":"10"});
|
|
264
|
-
color: var(--cc_color_link_${e}_darken_15);
|
|
265
|
-
}
|
|
266
|
-
${t?`
|
|
267
|
-
border-color: var(--cc_color_link_${e});
|
|
268
|
-
&:hover {
|
|
269
|
-
border-color: var(--cc_color_link_${e}_darken_10);
|
|
270
|
-
}
|
|
271
|
-
`:null}
|
|
272
|
-
`,ni=p.button`
|
|
273
|
-
${e=>js({disabled:e.disabled})}
|
|
274
|
-
-webkit-font-smoothing: antialiased;
|
|
275
|
-
-moz-osx-font-smoothing: grayscale;
|
|
276
|
-
line-height: 1.2;
|
|
277
|
-
display: inline-flex;
|
|
278
|
-
align-items: center;
|
|
279
|
-
justify-content: center;
|
|
280
|
-
gap: ${e=>`calc(${tt[e.$size]} * 0.25 + 4px)`};
|
|
281
|
-
border: var(--cc_size_border_width_m) solid transparent;
|
|
282
|
-
border-radius: var(--cc_size_border_radius_l);
|
|
283
|
-
font-weight: 700;
|
|
284
|
-
transition: transform 0.25s, color 0.25s, background 0.25s;
|
|
285
|
-
box-sizing: border-box;
|
|
286
|
-
${e=>e.$design===Ge.outline||e.$design===Ge.minimal?ti(e.$color,e.$design===Ge.outline):ei(e.$color)};
|
|
287
|
-
height: ${e=>As[e.$size]};
|
|
288
|
-
padding: ${e=>Js[e.$size]};
|
|
289
|
-
font-family: 'Averta', system-ui, -apple-system, BlinkMacSystemFont,
|
|
290
|
-
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
291
|
-
font-size: ${e=>tt[e.$size]};
|
|
292
|
-
|
|
293
|
-
&:active {
|
|
294
|
-
transform: scale(0.98);
|
|
295
|
-
}
|
|
296
|
-
`,ri=p.span`
|
|
297
|
-
position: relative;
|
|
298
|
-
white-space: nowrap;
|
|
299
|
-
overflow: hidden;
|
|
300
|
-
text-overflow: ellipsis;
|
|
301
|
-
${e=>e.$isLoading?N`
|
|
302
|
-
visibility: hidden;
|
|
303
|
-
`:null}
|
|
304
|
-
`,oi=p(tn)`
|
|
305
|
-
position: absolute;
|
|
306
|
-
top: 50%;
|
|
307
|
-
left: 50%;
|
|
308
|
-
transform: translate3d(-50%, -50%, 0);
|
|
309
|
-
`,si=p.i`
|
|
310
|
-
// make icons render at the font size + 4px
|
|
311
|
-
font-size: ${e=>`calc(${tt[e.size]} + 4px)`};
|
|
312
|
-
// because MD icon font has extra space at top
|
|
313
|
-
transform: translateY(-0.05ch);
|
|
314
|
-
top: 0;
|
|
315
|
-
|
|
316
|
-
${e=>e.$isLoading?N`
|
|
317
|
-
visibility: hidden;
|
|
318
|
-
`:null}
|
|
319
|
-
`,je=({children:e,color:t="subtle",design:n="solid",href:r,icon:o={position:"before"},loading:s=!1,size:i="medium",type:c="button",...a})=>{const d=o!=null&&o.name?l.jsx(si,{className:`mdi mdi-${o.name}`,size:i,$isLoading:s}):null;return l.jsxs(ni,{as:r?"a":"button",$color:t,href:r,disabled:a.disabled,$design:n,$size:i,type:r?void 0:c,className:a.className,style:a.style,...a,children:[(o==null?void 0:o.position)==="before"?d:null,l.jsx(ri,{$isLoading:s,children:e}),(o==null?void 0:o.position)==="after"?d:null,s?l.jsx(oi,{accessibilityLabel:"Loading",size:i==="large"?20:"xsmall",trackColor:"rgba(0, 0, 0, 0.2)",meterColor:"currentColor"}):null]})},re={xxxl:{size:"var(--cc_size_text_xxxl)",family:"heading",weight:800,lineHeight:1.1},xxl:{size:"var(--cc_size_text_xxl)",family:"heading",weight:800,lineHeight:1.1},xl:{size:"var(--cc_size_text_xl)",family:"heading",weight:700,lineHeight:1.1},l:{size:"var(--cc_size_text_l)",family:"system",weight:700,lineHeight:1.2},m:{size:"var(--cc_size_text_m)",family:"system",lineHeight:1.4},s:{size:"var(--cc_size_text_s)",family:"system",lineHeight:1.4},xs:{size:"var(--cc_size_text_xs)",family:"system",lineHeight:1.4},xxs:{size:"var(--cc_size_text_xxs)",family:"system",lineHeight:1.4}},ii=p.span`
|
|
320
|
-
/* unset all global typography styles */
|
|
321
|
-
all: unset;
|
|
322
|
-
|
|
323
|
-
/* default is block */
|
|
324
|
-
display: ${e=>e.$display};
|
|
325
|
-
|
|
326
|
-
/* Component can inherit font color for one-offs */
|
|
327
|
-
color: ${e=>e.$color==="inherit"?"inherit":`var(--cc_color_text_${e.$color})`};
|
|
328
|
-
|
|
329
|
-
/* Use either Averta (heading) or system font stack default */
|
|
330
|
-
${e=>e.$family&&e.$family==="heading"||re[e.size].family==="heading"?lt:ct}
|
|
331
|
-
|
|
332
|
-
/* Add 1px to font size if heading font family, due to Averta lookin' too small */
|
|
333
|
-
font-size: ${e=>e.$family==="heading"?`calc(${re[e.size].size} + 1px)`:re[e.size].size};
|
|
334
|
-
line-height: ${e=>re[e.size].lineHeight};
|
|
335
|
-
|
|
336
|
-
/* if ccMargin is specified in props, convert spacing tokens to CSS variables */
|
|
337
|
-
${e=>e.$ccMargin?N`
|
|
338
|
-
margin: ${Ts(e.$ccMargin)};
|
|
339
|
-
`:null}
|
|
340
|
-
|
|
341
|
-
/* if user specifies weight in props OR there is a weight default for the font size, set it in CSS */
|
|
342
|
-
${e=>e.$weight||re[e.size].weight?N`
|
|
343
|
-
font-weight: ${e.$weight||re[e.size].weight};
|
|
344
|
-
`:null}
|
|
345
|
-
`;function nt({as:e,forwardedAs:t,children:n,color:r="default",size:o="s",family:s,ccMargin:i,weight:c,display:a="block",className:d,style:_,...u}){return l.jsx(ii,{as:e,forwardedAs:t,size:o,$family:s,$ccMargin:i,$color:r,$weight:c,$display:a,className:d,style:_,...u,children:n})}const ai={success:"var(--cc_color_utility_success)",caution:"var(--cc_color_utility_caution)",destroy:"var(--cc_color_utility_destroy)",info:"var(--cc_color_utility_info)"},ci=p.div`
|
|
346
|
-
height: 100%;
|
|
347
|
-
display: flex;
|
|
348
|
-
align-items: center;
|
|
349
|
-
justify-content: center;
|
|
350
|
-
flex-direction: column;
|
|
351
|
-
`,li=p.div`
|
|
352
|
-
text-align: center;
|
|
353
|
-
`,di=p.div`
|
|
354
|
-
height: 128px;
|
|
355
|
-
width: 128px;
|
|
356
|
-
margin-block-end: var(--cc_size_spacing_xs);
|
|
357
|
-
`,ui=p.img`
|
|
358
|
-
width: 100%;
|
|
359
|
-
height: 100%;
|
|
360
|
-
object-fit: contain;
|
|
361
|
-
`,pi=p.i`
|
|
362
|
-
display: block;
|
|
363
|
-
color: ${e=>ai[e.$iconColor]};
|
|
364
|
-
font-size: 48px;
|
|
365
|
-
line-height: 1;
|
|
366
|
-
margin-block-end: var(--cc_size_spacing_xs);
|
|
367
|
-
`,_i=p.div`
|
|
368
|
-
display: flex;
|
|
369
|
-
flex-direction: column;
|
|
370
|
-
gap: var(--cc_size_spacing_s);
|
|
371
|
-
margin-block-start: var(--cc_size_spacing_m);
|
|
372
|
-
`,fi=({image:e,className:t,color:n="info",iconName:r,message:o="",primaryAction:s,secondaryAction:i,style:c,title:a})=>{var _,u,m,g;const d=()=>e!=null&&e.src?l.jsx(di,{style:e.imageContainerStyle,children:l.jsx(ui,{src:e.src,alt:e.alt})}):l.jsx(pi,{className:`mdi mdi-${r}`,$iconColor:n,"aria-hidden":"true"});return l.jsxs(ci,{className:t,style:c,children:[d(),l.jsxs(li,{children:[a?l.jsx(nt,{as:"h3",family:"heading",size:"xl",weight:"800",ccMargin:"none none xs",children:a}):null,l.jsx(nt,{as:"p",color:"subtle",children:o})]}),l.jsxs(_i,{children:[s?l.jsx(je,{...s,"data-testid":s["data-testid"],color:n==="destroy"?"destroy":"primary",icon:{name:(_=s.icon)==null?void 0:_.name,position:(u=s.icon)==null?void 0:u.position},children:s.label}):null,i?l.jsx(je,{...i,"datatest-id":i["data-testid"],color:"subtle",icon:{name:(m=i.icon)==null?void 0:m.name,position:(g=i.icon)==null?void 0:g.position},children:i.label}):null]})]})},hi=p(je)`
|
|
373
|
-
padding: 0 0.25ch;
|
|
374
|
-
height: auto;
|
|
375
|
-
line-height: inherit;
|
|
376
|
-
vertical-align: baseline;
|
|
377
|
-
border-radius: var(--cc_size_border_radius_m);
|
|
378
|
-
`,gi=({...e})=>l.jsx(hi,{design:"minimal",...e}),mi={default:"default",error:"error",success:"success"},yi={error:"alert-circle-outline",success:"check-circle-outline"},bi=p.div`
|
|
379
|
-
position: relative;
|
|
380
|
-
z-index: 1;
|
|
381
|
-
${e=>e.disabled?N`
|
|
382
|
-
opacity: 0.5;
|
|
383
|
-
pointer-events: none;
|
|
384
|
-
user-select: none;
|
|
385
|
-
`:null}
|
|
386
|
-
`,vi=p.div`
|
|
387
|
-
display: flex;
|
|
388
|
-
align-items: center;
|
|
389
|
-
gap: var(--cc_size_spacing_xs);
|
|
390
|
-
font-size: var(--cc_size_text_xs);
|
|
391
|
-
font-weight: 400;
|
|
392
|
-
margin-block-start: var(--cc_size_spacing_xs);
|
|
393
|
-
color: ${e=>`var(--cc_color_utility_${e.status})`};
|
|
394
|
-
`,xi=p.i`
|
|
395
|
-
font-size: 18px;
|
|
396
|
-
flex-shrink: 0;
|
|
397
|
-
`,wi=p.span`
|
|
398
|
-
${ct}
|
|
399
|
-
`;function ki({children:e,className:t,disabled:n=!1,id:r,message:o,status:s="default",style:i}){return l.jsxs(bi,{className:t,style:i,disabled:n,children:[e,o?l.jsxs(vi,{status:mi[s],children:[s==="success"||s==="error"?l.jsx(xi,{className:`mdi mdi-${yi[s]}`,"aria-hidden":"true"}):null,l.jsx(wi,{id:`${r}-message`,children:o})]}):null]})}const $i=p.label`
|
|
400
|
-
all: initial;
|
|
401
|
-
${e=>e.$hideLabel?Ns:N`
|
|
402
|
-
box-sizing: border-box;
|
|
403
|
-
display: block;
|
|
404
|
-
${lt}
|
|
405
|
-
font-weight: 600;
|
|
406
|
-
font-size: calc(var(--cc_size_text_s) + 1px);
|
|
407
|
-
color: var(--cc_color_text_default);
|
|
408
|
-
margin-block-end: var(--cc_size_spacing_xs);
|
|
409
|
-
`}
|
|
410
|
-
`,Si=p.input`
|
|
411
|
-
all: initial;
|
|
412
|
-
box-sizing: border-box;
|
|
413
|
-
background: transparent;
|
|
414
|
-
${ct};
|
|
415
|
-
font-size: var(--cc_size_text_m);
|
|
416
|
-
color: var(--cc_color_text_default);
|
|
417
|
-
padding: 0 calc(var(--cc_size_spacing_m) * 0.75);
|
|
418
|
-
flex: 1;
|
|
419
|
-
height: ${e=>e.$inputSize==="medium"?38:48}px;
|
|
420
|
-
overflow: hidden;
|
|
421
|
-
max-width: 100%;
|
|
422
|
-
&::placeholder {
|
|
423
|
-
color: var(--cc_color_text_nonessential);
|
|
424
|
-
}
|
|
425
|
-
`,zi=p.div`
|
|
426
|
-
border-width: var(--cc_size_border_width_s);
|
|
427
|
-
border-style: solid;
|
|
428
|
-
border-color: ${e=>e.$error?"var(--cc_color_utility_destroy)":"var(--cc_color_border_input_inactive)"};
|
|
429
|
-
display: flex;
|
|
430
|
-
align-items: center;
|
|
431
|
-
min-width: 1px;
|
|
432
|
-
transition: border-color 0.3s;
|
|
433
|
-
border-radius: ${e=>e.$type==="search"?"var(--cc_size_border_radius_pill)":"var(--cc_size_border_radius_l)"};
|
|
434
|
-
background: var(--cc_color_background_1);
|
|
435
|
-
${e=>e.$disabled?null:N`
|
|
436
|
-
&:hover {
|
|
437
|
-
border-color: var(--cc_color_button_background_secondary);
|
|
438
|
-
}
|
|
439
|
-
`}
|
|
440
|
-
|
|
441
|
-
&:focus-within {
|
|
442
|
-
${e=>Jt(e.$error,e.$success)}
|
|
443
|
-
border-color: transparent;
|
|
444
|
-
outline-offset: -2px;
|
|
445
|
-
}
|
|
446
|
-
`,Ci=p.i`
|
|
447
|
-
color: var(--cc_color_text_nonessential);
|
|
448
|
-
font-size: ${e=>e.$inputSize==="large"?22:20}px;
|
|
449
|
-
margin-inline-start: calc(var(--cc_size_spacing_m) * 0.75);
|
|
450
|
-
line-height: 1;
|
|
451
|
-
`,Ct=p.span`
|
|
452
|
-
flex-shrink: 0;
|
|
453
|
-
`,Ei=({success:e,error:t})=>e&&!t?"success":t?"error":"default",Ii=({type:e})=>{switch(e){case"email":return"email-outline";case"tel":return"phone-outline";case"search":return"magnify";case"url":return"web";default:return null}};function ji({className:e,contentBefore:t,contentAfter:n,error:r=!1,hideLabel:o=!1,id:s,label:i,message:c,name:a,inputSize:d="medium",style:_,success:u=!1,testId:m,type:g="text",...v}){const $=Ii({type:g}),A=t||$,z=()=>A?l.jsx(Ct,{children:t||l.jsx(Ci,{className:`mdi mdi-${$}`,$inputSize:d})}):null;return l.jsxs(ki,{id:s,message:c,disabled:v.disabled,className:e,status:Ei({success:u,error:r}),style:_,children:[l.jsx($i,{htmlFor:s,$hideLabel:o,children:i}),l.jsxs(zi,{$disabled:v.disabled||!1,$success:u,$error:r,$type:g,children:[z(),l.jsx(Si,{disabled:v.disabled,"aria-labelledby":c?`${s}-message`:"","aria-invalid":r,id:s,name:a||s,$inputSize:d,"data-testid":m,type:g,...v}),n?l.jsx(Ct,{children:n}):null]})]})}const k={add_on:"add_on",assigned:"assigned",caution:"caution",destroy:"destroy",info:"info",success:"success",upgrade:"upgrade"},Z={small:"small",medium:"medium",large:"large"},Ai=e=>{switch(e){case k.add_on:return"var(--cc_color_brand_add_on_alpha_10)";case k.assigned:return"var(--cc_color_utility_assigned_alpha_10)";case k.caution:return"var(--cc_color_utility_caution_alpha_20)";case k.destroy:return"var(--cc_color_utility_destroy_alpha_10)";case k.info:return"var(--cc_color_background_3_alpha_80)";case k.success:return"var(--cc_color_utility_success_alpha_10)";case k.upgrade:return"var(--cc_color_brand_upgrade_alpha_10)";default:return"var(--cc_color_background_3_alpha_80)"}},Ni=e=>{switch(e){case k.add_on:return"var(--cc_color_brand_add_on)";case k.assigned:return"var(--cc_color_utility_assigned)";case k.caution:return"var(--cc_color_utility_caution)";case k.destroy:return"var(--cc_color_utility_destroy)";case k.info:return"var(--cc_color_utility_info_alpha_80)";case k.success:return"var(--cc_color_utility_success)";case k.upgrade:return"var(--cc_color_brand_upgrade)";default:return"var(--cc_color_utility_info_alpha_80)"}},Ti=e=>{switch(e){case k.add_on:return"var(--cc_color_background_1)";case k.assigned:return"var(--cc_color_background_1)";case k.caution:return q.color_text_default_le;case k.destroy:return"var(--cc_color_background_1)";case k.info:return q.color_text_default_de;case k.success:return"var(--cc_color_background_1)";case k.upgrade:return"var(--cc_color_brand_secondary)";default:return q.color_text_default_de}},Pi=(e,t)=>{switch(t){case"add_on":return e||"information-outline";case"assigned":return e||"account-check";case"success":return e||"check";case"caution":return e||"alert-circle-outline";case"destroy":return e||"alert-circle-outline";case"upgrade":return e||"lightning-bolt";default:return e||"information-outline"}},Ri=e=>{switch(e){case"small":return"6px 8px";case"medium":return"calc(var(--cc_size_spacing_s) + 2px) var(--cc_size_spacing_m) calc(var(--cc_size_spacing_s) + 2px)";case"large":return"var(--cc_size_spacing_m) var(--cc_size_spacing_l) var(--cc_size_spacing_m) var(--cc_size_spacing_m)"}},Et=e=>{switch(e){case"small":return 24;case"medium":return 28;case"large":return 34}},Oi=e=>{switch(e){case"small":return"var(--cc_size_text_xs)";case"medium":return"calc(var(--cc_size_text_s) - 1px)";case"large":return"var(--cc_size_text_s)"}},Di=e=>{switch(e){case"small":return 16;case"medium":return 18;case"large":return 22}},Mi=p.div`
|
|
454
|
-
display: flex;
|
|
455
|
-
flex-wrap: wrap;
|
|
456
|
-
align-items: ${({$contentAlign:e="center"})=>e};
|
|
457
|
-
gap: ${({size:e=Z.medium})=>e==="small"?"calc(var(--cc_size_spacing_s) + 2px)":"var(--cc_size_spacing_m)"};
|
|
458
|
-
padding: ${({size:e=Z.medium})=>Ri(e)};
|
|
459
|
-
background-color: ${({color:e=k.info})=>Ai(e)};
|
|
460
|
-
border-radius: var(--cc_size_border_radius_l);
|
|
461
|
-
color: var(--cc_color_text_subtle);
|
|
462
|
-
font-size: ${({size:e=Z.medium})=>Oi(e)};
|
|
463
|
-
font-family: system-ui, sans-serif;
|
|
464
|
-
line-height: 1.3;
|
|
465
|
-
`,Bi=p.span`
|
|
466
|
-
flex: 1;
|
|
467
|
-
`,It=p.span`
|
|
468
|
-
flex-shrink: 0;
|
|
469
|
-
`,Li=p.span`
|
|
470
|
-
flex-shrink: 0;
|
|
471
|
-
display: grid;
|
|
472
|
-
place-items: center;
|
|
473
|
-
width: ${({size:e=Z.medium})=>Et(e)}px;
|
|
474
|
-
height: ${({size:e=Z.medium})=>Et(e)}px;
|
|
475
|
-
background-color: ${({color:e=k.info})=>Ni(e)};
|
|
476
|
-
border-radius: var(--cc_size_border_radius_l);
|
|
477
|
-
`,Fi=p.i`
|
|
478
|
-
font-size: ${({size:e=Z.medium})=>Di(e)}px;
|
|
479
|
-
color: ${({color:e=k.info})=>Ti(e)};
|
|
480
|
-
`;function Hi({children:e,color:t=k.info,contentBefore:n,contentAfter:r,contentAlign:o="center",iconName:s="",hideIcon:i,size:c=Z.medium,testId:a}){return l.jsxs(Mi,{color:t,size:c,$contentAlign:o,"data-testid":a,children:[!i&&!n?l.jsx(Li,{color:t,size:c,children:l.jsx(Fi,{className:`mdi mdi-${Pi(s,t)}`,"aria-hidden":"true",size:c,color:t,"data-testid":"icon"})}):null,n?l.jsx(It,{children:n}):null,l.jsx(Bi,{children:e}),r?l.jsx(It,{children:r}):null]})}exports.Avatar=Ms;exports.Badge=Gs;exports.Billboard=fi;exports.Button=je;exports.ButtonCondensed=gi;exports.InputText=ji;exports.Notice=Hi;exports.ScreenReaderContent=Qt;exports.Spinner=tn;exports.Text=nt;
|