@purple/phoenix-components 5.28.0 → 5.28.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/dist/bundle.cjs.js +127 -127
- package/dist/bundle.cjs.js.map +1 -1
- package/dist/bundle.esm.js +315 -315
- package/dist/bundle.esm.js.map +1 -1
- package/dist/bundle.umd.js +128 -128
- package/dist/bundle.umd.js.map +1 -1
- package/dist/index.d.ts +23 -16
- package/package.json +3 -3
package/dist/bundle.cjs.js
CHANGED
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
`,ve=w.default(E.default)`
|
|
107
107
|
width: 100%;
|
|
108
108
|
height: 100%;
|
|
109
|
-
`,be=
|
|
109
|
+
`,be=({size:e=24,testId:t="Icon",color:l,ref:n,...i})=>b.default.createElement(xe,{$size:e,$color:l,ref:n,"data-testid":t,...i},b.default.createElement(ve,{src:ue[i.icon]})),we=(e,t,l,n)=>{const i=parseInt(t.tokens.inputButton.sizing.height[e],10),r=Math.max(q(t.tokens.button.fontSize[e])*G(t.tokens.ref.lineHeight.sm),n?q(t.tokens.button.sizing.icon[e]):0),o=l?q(t.tokens.button.borderWidth):0;return`\n\t\tmin-height: ${t.tokens.inputButton.sizing.height[e]};\n\t\tfont-size: ${t.tokens.button.fontSize[e]};\n\t\tpadding: ${(i-r)/2-o}px ${t.tokens.button.spacing.x[e]};\n\t\tborder-radius: ${t.tokens.inputButton.borderRadius[e]};\n\t`},Ee=(e,t,l,n,i)=>{const{tokens:r}=e;return l?`\n\t\t\tbackground: transparent;\n\t\t\tcolor: ${r.color.text[t].primary};\n\t\t\t&:hover {\n\t\t\t\tbackground: ${r.color.background[t].secondary};\n\t\t\t}\n\t\t\tpath {\n\t\t\t\ttransition: fill ${r.duration.transition.base};\n\t\t\t\tfill: ${r.color.text[t].primary};\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 ${r.borderWidth.focus} ${r.color.border.focus};\n\t\t\t}\n\t\t\t&[disabled] {\n\t\t\t\tcolor: ${r.color.text[t].disabled};\n\t\t\t\tbackground: transparent;\n\t\t\t}\n\t\t\t&[disabled] path {\n\t\t\t\tfill: ${r.color.text[t].disabled};\n\t\t\t}\n\t\t`:i?`\n\t\t\tbackground: transparent;\n\t\t\tcolor: ${r.color.text[t].primary};\n\t\t\tborder: ${r.button.borderWidth} solid ${r.color.border[t].primary};\n\t\t\t&:hover {\n\t\t\t\tbackground: ${r.color.background[t].primary};\n\t\t\t\tcolor: #fff;\n\t\t\t\tpath {\n\t\t\t\t\tfill: #fff;\n\t\t\t\t}\n\t\t\t}\n\t\t\tpath {\n\t\t\t\ttransition: fill ${r.duration.transition.base};\n\t\t\t\tfill: ${r.color.text[t].primary};\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 ${r.borderWidth.focus} ${r.color.border.focus};\n\t\t\t}\n\t\t\t&[disabled] {\n\t\t\t\tcolor: ${r.color.text[t].disabled};\n\t\t\t\tborder: 1px solid ${r.color.background[t].primaryDisabled};\n\t\t\t\tbackground: transparent;\n\t\t\t}\n\t\t\t&[disabled] path {\n\t\t\t\tfill: ${r.color.text[t].disabled};\n\t\t\t}\n\t\t`:n?`\n\t\t\tbackground: ${r.color.background[t].secondary};\n\t\t\tcolor: ${r.color.text[t].onSecondary};\n\t\t\t&:hover {\n\t\t\t\tbackground: ${r.color.background[t].secondaryInteraction};\n\t\t\t}\n\t\t\tpath {\n\t\t\t\ttransition: fill ${r.duration.transition.base};\n\t\t\t\tfill: ${r.color.text[t].onSecondary};\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 ${r.borderWidth.focus} ${r.color.border.focus};\n\t\t\t}\n\t\t\t&[disabled] {\n\t\t\t\tcolor: ${r.color.text[t].disabled};\n\t\t\t\tbackground: ${r.color.background[t].secondaryDisabled};\n\t\t\t}\n\t\t\t&[disabled] path {\n\t\t\t\tfill: ${r.color.text[t].disabled};\n\t\t\t}\n\t\t`:`\n\t\t\t\tbackground: ${r.color.background[t].primary};\n\t\t\t\tbox-shadow: ${Y(r.button.boxShadow.primary)};\n\t\t\t\tcolor: ${r.color.text[t].onPrimary};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: ${r.color.background[t].primaryInteraction};\n\t\t\t\t\tcolor: ${r.color.text[t].onPrimary};\n\t\t\t\t}\n\t\t\t\tpath {\n\t\t\t\t\ttransition: fill ${r.duration.transition.base};\n\t\t\t\t\tfill: ${r.color.text[t].onPrimary};\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 ${r.borderWidth.focus} ${r.color.border.focus};\n\t\t\t\t}\n\t\t\t\t&[disabled] {\n\t\t\t\t\tcolor: ${r.color.background.primary};\n\t\t\t\t\tbackground: ${r.color.background[t].primaryDisabled};\n\t\t\t\t}\n\t\t\t`},Le=e=>t.css`
|
|
110
110
|
// When display: flex is used, LinkButton is stretched 100% and close button is wrapped on the next line in a Notice component
|
|
111
111
|
display: inline-flex;
|
|
112
112
|
font-family: ${e.tokens.ref.fontFamily.base};
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
display: flex;
|
|
166
166
|
align-items: center;
|
|
167
167
|
justify-content: center;
|
|
168
|
-
`,Ae=e=>e.icon?De(e.icon)?b.default.createElement(Be,{icon:e.icon,$size:e.size}):"string"==typeof e.icon?b.default.createElement(Ze,{src:e.icon,$size:e.size}):e.icon:null,Se=({colorTheme:e="brand",size:t="md",loading:l,secondary:n,icon:i,iconAlignment:r,children:o})=>b.default.createElement(b.default.Fragment,null,l&&b.default.createElement(ze,null,b.default.createElement(se,{size:t,colorTheme:e,light:!n})),b.default.createElement(ye,{$loading:l},"left"===r&&b.default.createElement(Ae,{icon:i,size:t}),b.default.createElement(Ve,{icon:!!i,iconAlignment:r},o),"right"===r&&b.default.createElement(Ae,{icon:i,size:t}))),_e=
|
|
168
|
+
`,Ae=e=>e.icon?De(e.icon)?b.default.createElement(Be,{icon:e.icon,$size:e.size}):"string"==typeof e.icon?b.default.createElement(Ze,{src:e.icon,$size:e.size}):e.icon:null,Se=({colorTheme:e="brand",size:t="md",loading:l,secondary:n,icon:i,iconAlignment:r,children:o})=>b.default.createElement(b.default.Fragment,null,l&&b.default.createElement(ze,null,b.default.createElement(se,{size:t,colorTheme:e,light:!n})),b.default.createElement(ye,{$loading:l},"left"===r&&b.default.createElement(Ae,{icon:i,size:t}),b.default.createElement(Ve,{icon:!!i,iconAlignment:r},o),"right"===r&&b.default.createElement(Ae,{icon:i,size:t}))),_e=({colorTheme:e="brand",size:t="md",iconAlignment:l="left",type:n="button",testId:i="Button",secondary:r,light:o,icon:a,loading:C,children:d,ref:s,...c})=>{const p=r??o,u={...c,type:n,size:t,colorTheme:e,secondary:p,icon:a};return b.default.createElement(He,{ref:s,"data-testid":i,...u},b.default.createElement(Se,{loading:C,size:t,colorTheme:e,secondary:p,icon:a,iconAlignment:l},d))},Ie=w.default.div`
|
|
169
169
|
display: inline-flex;
|
|
170
170
|
`,Te=w.default.div`
|
|
171
171
|
display: flex;
|
|
@@ -341,10 +341,10 @@
|
|
|
341
341
|
padding: 0 12px;
|
|
342
342
|
width: 36px;
|
|
343
343
|
background: transparent;
|
|
344
|
-
`,rt=
|
|
344
|
+
`,rt=w.default.div`
|
|
345
345
|
position: relative;
|
|
346
346
|
display: inline-flex;
|
|
347
|
-
`,
|
|
347
|
+
`,ot=w.default.div`
|
|
348
348
|
${e=>we("sm",e.theme)}
|
|
349
349
|
|
|
350
350
|
display: flex;
|
|
@@ -354,14 +354,14 @@
|
|
|
354
354
|
background: ${({theme:e})=>e.tokens.color.background.neutral.secondary};
|
|
355
355
|
color: ${({theme:e})=>e.tokens.color.text.primary};
|
|
356
356
|
padding-inline-end: 36px;
|
|
357
|
-
`,
|
|
357
|
+
`,at=w.default.div`
|
|
358
358
|
transition: height
|
|
359
359
|
${e=>e.theme.tokens.duration.transition.base} ease-out;
|
|
360
360
|
height: ${e=>e.$height};
|
|
361
361
|
visibility: ${e=>e.$visibility};
|
|
362
362
|
overflow: ${e=>e.$overflow};
|
|
363
|
-
`,
|
|
364
|
-
font-size: ${({size:e,theme:t,as:l})=>e?"number"==typeof e?`${e}px`:Q(e)?t.tokens.heading.fontSize[e]:e:t.tokens.heading.fontSize[
|
|
363
|
+
`,Ct=e=>{const t=b.useRef(!1),l=b.useRef(0),n=b.useRef(null),[i,r]=((e,t)=>{const l={visibility:e?"hidden":"visible",height:e?"0px":"auto",overflow:e?"hidden":"visible"};return b.useReducer(((l,n)=>{switch(n.type){case"start":return{...l,overflow:"hidden",visibility:"visible",height:`${t.current?.scrollHeight}px`};case"collapsing":return{...l,height:"0px"};case"end":return{...l,visibility:e?"hidden":"visible",height:e?"0px":"auto",overflow:e?"hidden":"visible"}}}),l)})(e,n);b.useLayoutEffect((()=>{if(null!=n.current){if(t.current)return l.current=requestAnimationFrame((()=>{r({type:"start"}),e&&(l.current=requestAnimationFrame((()=>{r({type:"collapsing"})})))})),()=>{null!=l.current&&cancelAnimationFrame(l.current)};t.current=!0}}),[e,r]);const o=b.useCallback((()=>{r({type:"end"})}),[r]);return{ref:n,height:i.height,onTransitionEnd:o,visibility:i.visibility,overflow:i.overflow}},dt=({testId:e="Collapsible",collapsed:t,children:l})=>{const{ref:n,height:i,visibility:r,onTransitionEnd:o,overflow:a}=Ct(t);return b.default.createElement(at,{ref:n,$height:i,$visibility:r,$overflow:a,onTransitionEnd:o,"data-testid":e},l)},st=e=>b.default.createElement(ne,{display:"flex",...e}),ct={h4:"xs",h3:"sm",h2:"md",h1:"lg"},pt=w.default.h1`
|
|
364
|
+
font-size: ${({size:e,theme:t,as:l})=>e?"number"==typeof e?`${e}px`:Q(e)?t.tokens.heading.fontSize[e]:e:t.tokens.heading.fontSize[ct[l]]};
|
|
365
365
|
font-weight: ${({as:e,bold:t,theme:l})=>!1===t||void 0===t&&"h1"===e?l.tokens.ref.fontWeight.regular:l.tokens.ref.fontWeight.bold};
|
|
366
366
|
line-height: ${({theme:e})=>G(e.tokens.heading.lineHeight)};
|
|
367
367
|
color: ${j()};
|
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
|
|
374
374
|
// Margin
|
|
375
375
|
${R}
|
|
376
|
-
`,
|
|
376
|
+
`,ut=({element:e="h1",color:t="primary",testId:l="Heading",children:n,...i})=>b.default.createElement(pt,{as:e,$color:t,"data-testid":l,...i},n),gt=w.default(Ue)``,ht=w.default(st)`
|
|
377
377
|
align-items: center;
|
|
378
378
|
cursor: pointer;
|
|
379
379
|
|
|
@@ -386,18 +386,18 @@
|
|
|
386
386
|
:hover > button {
|
|
387
387
|
background-color: ${e=>e.theme.tokens.color.background.neutral.secondaryInteraction};
|
|
388
388
|
}
|
|
389
|
-
`,
|
|
389
|
+
`,mt=w.default(st)`
|
|
390
390
|
svg {
|
|
391
391
|
transition: transform
|
|
392
392
|
${e=>e.theme.tokens.duration.transition.base} ease-out;
|
|
393
393
|
transform: ${e=>e.collapsed?"":`rotate(${e.iconRotationDeg}deg)`};
|
|
394
394
|
}
|
|
395
|
-
`,
|
|
395
|
+
`,Dt=w.default(_e)`
|
|
396
396
|
padding: 6px 9px;
|
|
397
|
-
`,
|
|
397
|
+
`,ft=(e,t)=>e.tokens.inputButton.sizing.height[t],Ft=(e,t)=>(q(ft(e,t))-q(e.tokens.fontSize.base))/2,xt=w.default.div`
|
|
398
398
|
position: relative;
|
|
399
399
|
width: 100%;
|
|
400
|
-
`,
|
|
400
|
+
`,vt=w.default.label`
|
|
401
401
|
top: 0;
|
|
402
402
|
position: absolute;
|
|
403
403
|
transition: ${({theme:e})=>`color ${e.tokens.duration.transition.base}, transform ${e.tokens.duration.transition.base}`};
|
|
@@ -422,25 +422,25 @@
|
|
|
422
422
|
`:t.css`
|
|
423
423
|
transform: translate(
|
|
424
424
|
${e.tokens.input.spacing.x},
|
|
425
|
-
${
|
|
425
|
+
${Ft(e,i)}px
|
|
426
426
|
)
|
|
427
427
|
scale(1);
|
|
428
428
|
[dir='rtl'] && {
|
|
429
429
|
transform: translate(
|
|
430
430
|
-${e.tokens.input.spacing.x},
|
|
431
|
-
${
|
|
431
|
+
${Ft(e,i)}px
|
|
432
432
|
)
|
|
433
433
|
scale(1);
|
|
434
434
|
}
|
|
435
435
|
`};
|
|
436
|
-
`,
|
|
436
|
+
`,bt=w.default.div`
|
|
437
437
|
position: relative;
|
|
438
438
|
display: flex;
|
|
439
|
-
`,
|
|
439
|
+
`,wt=(e,l,n)=>l||n?t.css``:t.css`
|
|
440
440
|
&:hover + fieldset {
|
|
441
441
|
border-color: ${e.tokens.color.border.primaryInteraction};
|
|
442
442
|
}
|
|
443
|
-
`,
|
|
443
|
+
`,Et=(e,l,n,i)=>t.css`
|
|
444
444
|
flex: 1;
|
|
445
445
|
font: inherit;
|
|
446
446
|
border: 0;
|
|
@@ -458,22 +458,22 @@
|
|
|
458
458
|
outline: none;
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
${
|
|
462
|
-
`,
|
|
463
|
-
${e=>
|
|
461
|
+
${wt(e,n,i)}
|
|
462
|
+
`,Lt=w.default.input`
|
|
463
|
+
${e=>Et(e.theme,e.$size,e.focused,e.disabled)}
|
|
464
464
|
|
|
465
|
-
${({theme:e,$size:t})=>`\n\t\theight: ${
|
|
466
|
-
`,
|
|
467
|
-
${e=>
|
|
465
|
+
${({theme:e,$size:t})=>`\n\t\theight: ${ft(e,t)};\n\t\tpadding: 0 ${e.tokens.input.spacing.x};\n\t`}
|
|
466
|
+
`,yt=w.default.textarea`
|
|
467
|
+
${e=>Et(e.theme,e.$size,e.focused,e.disabled)}
|
|
468
468
|
|
|
469
|
-
${({theme:e,$size:t})=>`\n\t\tpadding: ${
|
|
470
|
-
`,
|
|
471
|
-
${e=>
|
|
469
|
+
${({theme:e,$size:t})=>`\n\t\tpadding: ${Ft(e,t)}px ${e.tokens.input.spacing.x};\n\t`}
|
|
470
|
+
`,kt=w.default.select`
|
|
471
|
+
${e=>Et(e.theme,e.$size,e.focused,e.disabled)}
|
|
472
472
|
|
|
473
|
-
${({theme:e,$size:t})=>`\n\t\theight: ${
|
|
473
|
+
${({theme:e,$size:t})=>`\n\t\theight: ${ft(e,t)};\n\t\tpadding-inline-start: ${e.tokens.input.spacing.x}};\n\t\tpadding-inline-end: ${q(e.tokens.input.spacing.x)+20}px;\n\t`}
|
|
474
474
|
|
|
475
475
|
appearance: none;
|
|
476
|
-
`,
|
|
476
|
+
`,Ht=w.default.fieldset`
|
|
477
477
|
position: absolute;
|
|
478
478
|
left: 0;
|
|
479
479
|
top: -5px;
|
|
@@ -490,7 +490,7 @@
|
|
|
490
490
|
${({theme:e})=>e.tokens.duration.transition.base};
|
|
491
491
|
border-width: ${({theme:e,focused:t})=>t?e.tokens.borderWidth.focus:e.tokens.input.borderWidth};
|
|
492
492
|
border-color: ${e=>((e,t,l,n,i,r,o)=>t?e.tokens.color.border.focus:l?"transparent":n?e.tokens.color.border.secondary:o?e.tokens.color.border.error.primary:r?e.tokens.color.border.warning.primary:i?e.tokens.color.border.success.primary:e.tokens.color.border.primary)(e.theme,e.focused,e.minimal,e.disabled,e.success,e.warning,e.error)};
|
|
493
|
-
`,
|
|
493
|
+
`,Mt=w.default.legend`
|
|
494
494
|
width: auto;
|
|
495
495
|
height: 11px;
|
|
496
496
|
display: block;
|
|
@@ -506,7 +506,7 @@
|
|
|
506
506
|
padding-inline-start: 5px;
|
|
507
507
|
padding-inline-end: 5px;
|
|
508
508
|
}
|
|
509
|
-
|
|
509
|
+
`,Vt=w.default.div`
|
|
510
510
|
transition: ${({theme:e})=>`opacity ${e.tokens.duration.transition.base}, transform ${e.tokens.duration.transition.base}`};
|
|
511
511
|
transform: translateY(-5px);
|
|
512
512
|
opacity: 0;
|
|
@@ -515,28 +515,28 @@
|
|
|
515
515
|
position: absolute;
|
|
516
516
|
padding: 5px 0;
|
|
517
517
|
${({focused:e})=>e?"\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t\t":""}
|
|
518
|
-
|
|
519
|
-
line-height: ${({theme:e,size:t})=>
|
|
518
|
+
`,$t=w.default.div`
|
|
519
|
+
line-height: ${({theme:e,size:t})=>ft(e,t)};
|
|
520
520
|
padding-inline-end: ${({theme:e})=>e.tokens.input.spacing.x};
|
|
521
521
|
color: ${({theme:e})=>e.tokens.color.text.tertiary};
|
|
522
|
-
`,
|
|
522
|
+
`,Zt=w.default(E.default)`
|
|
523
523
|
margin-inline-end: ${({theme:e})=>e.tokens.input.spacing.x};
|
|
524
524
|
/** Add 3px from the top so the checkmark icon is vertically centered to the text. */
|
|
525
|
-
margin-top: ${({theme:e,$size:t})=>`${
|
|
525
|
+
margin-top: ${({theme:e,$size:t})=>`${Ft(e,t)+3}`}px;
|
|
526
526
|
path {
|
|
527
527
|
fill: ${e=>e.theme.tokens.color.text.success.primary};
|
|
528
528
|
}
|
|
529
|
-
`,
|
|
529
|
+
`,Bt=({size:e="md",success:t,warning:l,error:n,contentRight:i,helperText:r,className:o,disabled:a=!1,focused:C,minimal:d,filled:s,testId:c,...p})=>{const u="xs"!==e?p.label:void 0;return b.default.createElement(xt,{"data-testid":c,className:o},b.default.createElement(vt,{focused:C,warning:!!l,error:!!n,filled:s,disabled:a,size:e},u),b.default.createElement(bt,null,p.children,b.default.createElement(Ht,{focused:C,minimal:d,error:!!n,success:t,warning:!!l,disabled:a,size:e},b.default.createElement(Mt,{focused:C,filled:s,label:u},b.default.createElement("span",null,u))),t&&b.default.createElement(Zt,{$size:e,src:Je}),i&&b.default.createElement($t,{size:e},i)),r&&!n&&!l&&b.default.createElement(Vt,{focused:C},r),b.default.createElement(Qe,{warning:l,error:n}))};function zt(e,t){const[l,n]=b.default.useState(!1);return{focused:l,thisOnFocus:t=>{n(!0),e?.(t)},thisOnBlur:e=>{n(!1),t?.(e)}}}function At(e,t){const l=e.includes(","),n=e.replace(",","."),[i,r]=n.split("."),o=void 0===r?void 0:r.slice(0,t),a=0===i.indexOf("-"),C=(a?"-":"")+Number.parseInt(a?i.slice(1):i).toString()+(void 0===o?"":`.${o}`);return{stringValue:l?C.replace(".",","):C,numberValue:Number.parseFloat(C)}}const St=({size:t="md",testId:l="NumberInput",label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,onChange:s,value:c,onFocus:p,onBlur:u,numberFormatErrorMessage:g="Wrong number format",maxDecimalCount:h=2,min:m,max:D,numberBelowMinErrorMessage:f=`Number must be ${m} or higher`,numberAboveMaxErrorMessage:F=`Number must be ${D} or lower`,...x})=>{const v=e.useRef(null),{focused:w,thisOnFocus:E,thisOnBlur:L}=zt(p,u),y=null==c?"":c.toString(),[k,H]=e.useState(y),[M,V]=e.useState(void 0);return e.useEffect((()=>{let e,t=null,l=k;if(k)if(function(e){return/^((0|-?[1-9])\d*([.,]\d+)?)|(-0([.,]\d+))$/.test(e)}(k)){const{stringValue:n,numberValue:i}=At(k,h);l=n,void 0!==m&&i<m?e=f:void 0!==D&&i>D?e=F:t=i}else e=g;V(e),s(t),H(l)}),[k,H]),e.useEffect((()=>{if(null===c)w||(H(""),V(void 0));else{const{stringValue:e,numberValue:t}=At(c.toString(),h);Number.parseFloat(k)!==t&&(H(e),V(void 0))}}),[c]),b.default.createElement(Bt,{label:n,success:!M&&i,warning:r,error:M??o,contentRight:a,helperText:C,className:d,size:t,disabled:x.disabled,filled:!!k,focused:w,minimal:x.minimal,testId:l},b.default.createElement(Lt,{...x,onChange:e=>H(e.target.value),onInput:()=>{if(v.current){const e=v.current.value;let t=v.current.selectionStart||e.length;const l=/[^0-9.,-]/gi,n=e.length;l.test(e)&&(v.current.value=e.replace(l,""),t-=n-v.current.value.length,v.current.setSelectionRange(t,t))}},type:"text",onFocus:E,onBlur:L,focused:w,disabled:x.disabled??!1,$size:t,value:k,inputMode:h>0?"decimal":"numeric",ref:v,maxLength:16}))},_t=w.default(E.default)`
|
|
530
530
|
path {
|
|
531
531
|
fill: currentColor;
|
|
532
532
|
}
|
|
533
|
-
`,
|
|
533
|
+
`,It=e=>b.default.createElement(o.components.ClearIndicator,{...e},b.default.createElement(_t,{src:tt,className:e.className}));var Tt="data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.288076%200.276435C0.595293%200.00576749%201.07041%200.028071%201.34928%200.326251L4.99821%204.22785L8.65088%200.322254C8.92975%200.0240736%209.40487%200.00177003%209.71209%200.272438C10.0193%200.543105%2010.0423%201.00425%209.76341%201.30243L5.75633%205.58698C5.37751%205.99202%204.7434%206.02998%204.32503%205.66576C4.29627%205.64297%204.26912%205.618%204.24384%205.59097L0.23675%201.30642C-0.0421201%201.00824%20-0.0191407%200.547102%200.288076%200.276435Z%22%20fill%3D%22%23141313%22%2F%3E%3C%2Fsvg%3E";const Pt=e=>b.default.createElement(o.components.DropdownIndicator,{...e},b.default.createElement(E.default,{src:Tt,className:e.className})),Rt=w.default(E.default)`
|
|
534
534
|
width: 8px;
|
|
535
535
|
height: 8px;
|
|
536
536
|
path {
|
|
537
537
|
fill: currentColor;
|
|
538
538
|
}
|
|
539
|
-
`,
|
|
539
|
+
`,Ut=e=>b.default.createElement(o.components.MultiValueRemove,{...e},b.default.createElement(Rt,{src:tt})),Ot=({children:e,...t})=>{const l=t.getValue().length,n=t.selectProps.maxVisibleSelectedItems,i=n?"+ ":"";return b.default.createElement(o.components.ValueContainer,{...t},b.default.Children.map(e,((t,i)=>void 0===n||0===l||b.default.Children.count(e)-1===i||i<n?t:null)),void 0!==n&&l>n&&`${i}${l-n} selected`)},Wt=({size:l="md",testId:n,...i})=>{const{focused:r,thisOnFocus:o,thisOnBlur:a}=zt(i.onFocus,i.onBlur),C=((e,t,l)=>({container:(t,l)=>({...t,width:"100%","&:hover + fieldset":{borderColor:l.isDisabled?e.tokens.color.border.secondary:l.isFocused?e.tokens.color.border.focus:e.tokens.color.border.primaryInteraction}}),control:l=>({...l,borderWidth:"0px",boxShadow:"none",background:e.tokens.color.background.primary,minHeight:e.tokens.inputButton.sizing.height[t],"&:hover":{borderColor:"transparent"}}),valueContainer:n=>({...n,padding:l?"xs"===t?`3px ${q(e.tokens.input.spacing.x)-2}px`:`6px ${q(e.tokens.input.spacing.x)-2}px 4px`:"xs"===t?`2px ${q(e.tokens.input.spacing.x)-2}px`:`0 ${q(e.tokens.input.spacing.x)-2}px 0`}),dropdownIndicator:(t,l)=>({...t,opacity:l.isDisabled?.3:1,paddingInlineEnd:e.tokens.input.spacing.x}),menu:t=>({...t,zIndex:2,backgroundColor:e.tokens.color.background.primary}),option:(t,l)=>{let n=e.tokens.color.text.primary;l.isDisabled?n=e.tokens.color.text.quaternary:l.isSelected&&!l.isMulti&&(n=e.tokens.color.text.brand.onPrimary);let i="white";l.isSelected&&!l.isMulti?i=e.tokens.color.background.brand.primary:l.isFocused&&(i=e.tokens.color.background.brand.secondary);let r=e.tokens.color.background.brand.secondary;return l.isDisabled?r="transparent":l.isSelected&&!l.isMulti&&(r=e.tokens.color.background.brand.primary),{...t,background:i,color:n,"&:hover":{background:r,color:n}}},multiValue:t=>({...t,backgroundColor:e.tokens.color.background.neutral.secondary,borderRadius:e.tokens.inputButton.borderRadius.xs}),multiValueLabel:l=>({...l,paddingTop:e.tokens.multiSelect.spacing.multiValueLabel.y[t],paddingInlineStart:e.tokens.multiSelect.spacing.multiValueLabel.x[t],paddingInlineEnd:0,paddingBottom:e.tokens.multiSelect.spacing.multiValueLabel.y[t],fontSize:e.tokens.multiSelect.fontSize.multiValueLabel[t]}),multiValueRemove:l=>({...l,borderRadius:e.tokens.inputButton.borderRadius.xs,paddingLeft:e.tokens.multiSelect.spacing.multiValueLabel.x[t],paddingRight:e.tokens.multiSelect.spacing.multiValueLabel.x[t],"&:hover":{background:e.tokens.color.background.error.secondary,color:e.tokens.color.text.error.primary}}),input:t=>({...t,flex:"0 1 auto",color:e.tokens.color.text.primary}),singleValue:t=>({...t,lineHeight:1.5,color:e.tokens.color.text.primary})}))(e.useContext(t.ThemeContext),l,i.multiple),d=Array.isArray(i.value)&&i.value.length>0||!Array.isArray(i.value)&&!!i.value,{components:s,...c}=i.reactSelectProps??{};return b.default.createElement(Bt,{label:i.label,success:i.success,warning:i.warning,error:i.error,contentRight:i.contentRight,className:i.className,size:l,disabled:i.disabled,filled:d,focused:r,minimal:i.minimal,testId:n},b.default.createElement(y.default,{onFocus:o,onBlur:a,onChange:i.onChange,styles:C,isDisabled:i.disabled,isSearchable:!i.preventSearch,placeholder:"",options:i.options,name:i.name,value:i.value,components:{IndicatorSeparator:null,DropdownIndicator:Pt,ClearIndicator:It,MultiValueRemove:Ut,ValueContainer:Ot,...s},isMulti:i.multiple,hideSelectedOptions:!1,closeMenuOnSelect:!i.multiple,maxVisibleSelectedItems:i.maxVisibleSelectedItems,formatOptionLabel:i.formatOptionLabel,...c}))},Nt=w.default(E.default)`
|
|
540
540
|
${({theme:e})=>Ne(e.tokens.input.spacing.x)};
|
|
541
541
|
|
|
542
542
|
position: absolute;
|
|
@@ -547,15 +547,15 @@
|
|
|
547
547
|
margin: auto;
|
|
548
548
|
pointer-events: none;
|
|
549
549
|
${({disabled:e,theme:t})=>e?`\n\t\t\tpath {\n\t\t\t\tfill: ${t.tokens.color.text.quaternary};\n\t\t\t}\n\t\t`:""}
|
|
550
|
-
`,
|
|
550
|
+
`,jt=w.default.div.attrs({className:"select-native-wrapper"})`
|
|
551
551
|
position: relative;
|
|
552
552
|
width: 100%;
|
|
553
|
-
${e=>
|
|
554
|
-
`,
|
|
553
|
+
${e=>wt(e.theme,e.focused,e.disabled)}
|
|
554
|
+
`,qt=({testId:e="SelectNative",size:t="md",options:l=[],...n})=>{const{focused:i,thisOnFocus:r,thisOnBlur:o}=zt(n.onFocus,n.onBlur);return b.default.createElement(Bt,{label:n.label,success:n.success,warning:n.warning,error:n.error,contentRight:n.contentRight,className:n.className,size:t,disabled:n.disabled,filled:!!n.value,focused:i,minimal:n.minimal,testId:e},b.default.createElement(jt,{focused:i,disabled:n.disabled},b.default.createElement(kt,{onFocus:r,onBlur:o,onChange:e=>{n.onChange(l.find((t=>t.value===e.target.value))??null)},value:n.value?.value,focused:i,disabled:n.disabled,$size:t},!n.value&&b.default.createElement("option",null),l.map(((e,t)=>b.default.createElement("option",{key:t,value:e.value,disabled:e.isDisabled},e.label)))),b.default.createElement(Nt,{src:Tt,disabled:n.disabled})))},Gt=({testId:e="Select",useNativeSelectOnMobile:t,...l})=>t&&L.default()?b.default.createElement(qt,{testId:e,...l}):b.default.createElement(Wt,{testId:e,...l}),Yt=w.default.div``,Xt=w.default.div`
|
|
555
555
|
display: grid;
|
|
556
556
|
grid-template-columns: 0.6fr 1fr 1fr;
|
|
557
557
|
grid-column-gap: 15px;
|
|
558
|
-
`,
|
|
558
|
+
`,Qt=[{value:1,label:"January"},{value:2,label:"February"},{value:3,label:"March"},{value:4,label:"April"},{value:5,label:"May"},{value:6,label:"June"},{value:7,label:"July"},{value:8,label:"August"},{value:9,label:"September"},{value:10,label:"October"},{value:11,label:"November"},{value:12,label:"December"}],Jt=(e,t)=>{const l=e.find((e=>e.value===t));return l?l.label:""};var Kt=[],el=[];function tl(e,t){if(e&&"undefined"!=typeof document){var l,n=!0===t.prepend?"prepend":"append",i=!0===t.singleTag,r="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(i){var o=Kt.indexOf(r);-1===o&&(o=Kt.push(r)-1,el[o]={}),l=el[o]&&el[o][n]?el[o][n]:el[o][n]=a()}else l=a();65279===e.charCodeAt(0)&&(e=e.substring(1)),l.styleSheet?l.styleSheet.cssText+=e:l.appendChild(document.createTextNode(e))}function a(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var l=Object.keys(t.attributes),i=0;i<l.length;i++)e.setAttribute(l[i],t.attributes[l[i]]);var o="prepend"===n?"afterbegin":"beforeend";return r.insertAdjacentElement(o,e),e}}tl(".rdp {\n --rdp-cell-size: 40px; /* Size of the day cells. */\n --rdp-caption-font-size: 18px; /* Font size for the caption labels. */\n --rdp-accent-color: #0000ff; /* Accent color for the background of selected days. */\n --rdp-background-color: #e7edff; /* Background color for the hovered/focused elements. */\n --rdp-accent-color-dark: #3003e1; /* Accent color for the background of selected days (to use in dark-mode). */\n --rdp-background-color-dark: #180270; /* Background color for the hovered/focused elements (to use in dark-mode). */\n --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */\n --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */\n --rdp-selected-color: #fff; /* Color of selected day text */\n\n margin: 1em;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n position: absolute !important;\n top: 0;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n overflow: hidden !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n appearance: none;\n position: relative;\n margin: 0;\n padding: 0;\n cursor: default;\n color: inherit;\n background: none;\n font: inherit;\n\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n.rdp-button_reset:focus-visible {\n /* Make sure to reset outline only when :focus-visible is supported */\n outline: none;\n}\n\n.rdp-button {\n border: 2px solid transparent;\n}\n\n.rdp-button[disabled]:not(.rdp-day_selected) {\n opacity: 0.25;\n}\n\n.rdp-button:not([disabled]) {\n cursor: pointer;\n}\n\n.rdp-button:focus-visible:not([disabled]) {\n color: inherit;\n background-color: var(--rdp-background-color);\n border: var(--rdp-outline);\n}\n\n.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {\n background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n display: flex;\n}\n\n.rdp-month {\n margin: 0 1em;\n}\n\n.rdp-month:first-child {\n margin-left: 0;\n}\n\n.rdp-month:last-child {\n margin-right: 0;\n}\n\n.rdp-table {\n margin: 0;\n max-width: calc(var(--rdp-cell-size) * 7);\n border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n max-width: calc(var(--rdp-cell-size) * 8);\n border-collapse: collapse;\n}\n\n.rdp-caption {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n position: relative;\n display: block;\n text-align: center;\n}\n\n.rdp-caption_dropdowns {\n position: relative;\n display: inline-flex;\n}\n\n.rdp-caption_label {\n position: relative;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n margin: 0;\n padding: 0 0.25em;\n white-space: nowrap;\n color: currentColor;\n border: 0;\n border: 2px solid transparent;\n font-family: inherit;\n font-size: var(--rdp-caption-font-size);\n font-weight: bold;\n}\n\n.rdp-nav {\n white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--rdp-cell-size);\n height: var(--rdp-cell-size);\n padding: 0.25em;\n border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n\n.rdp-dropdown {\n appearance: none;\n position: absolute;\n z-index: 2;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n cursor: inherit;\n opacity: 0;\n border: none;\n background-color: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n opacity: unset;\n color: unset;\n}\n\n.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {\n background-color: var(--rdp-background-color);\n border: var(--rdp-outline);\n border-radius: 6px;\n}\n\n.rdp-dropdown_icon {\n margin: 0 0 0 5px;\n}\n\n.rdp-head {\n border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n height: 100%;\n}\n\n.rdp-head_cell {\n vertical-align: middle;\n font-size: 0.75em;\n font-weight: 700;\n text-align: center;\n height: 100%;\n height: var(--rdp-cell-size);\n padding: 0;\n text-transform: uppercase;\n}\n\n.rdp-tbody {\n border: 0;\n}\n\n.rdp-tfoot {\n margin: 0.5em;\n}\n\n.rdp-cell {\n width: var(--rdp-cell-size);\n height: 100%;\n height: var(--rdp-cell-size);\n padding: 0;\n text-align: center;\n}\n\n.rdp-weeknumber {\n font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: var(--rdp-cell-size);\n max-width: var(--rdp-cell-size);\n height: var(--rdp-cell-size);\n margin: 0;\n border: 2px solid transparent;\n border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n font-weight: bold;\n}\n\n.rdp-day_selected,\n.rdp-day_selected:focus-visible,\n.rdp-day_selected:hover {\n color: var(--rdp-selected-color);\n opacity: 1;\n background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_outside {\n opacity: 0.5;\n}\n\n.rdp-day_selected:focus-visible {\n /* Since the background is the same use again the outline */\n outline: var(--rdp-outline);\n outline-offset: 2px;\n z-index: 1;\n}\n\n.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n border-radius: 0;\n}\n",{});const ll=w.default((({testId:t,...l})=>{const[n,i]=e.useState(l.initialDate??new Date);return b.default.createElement(a.DayPicker,{weekStartsOn:1,captionLayout:l.yearMonthSelect?"dropdown-buttons":"buttons",selected:n,onDayClick:(e,{disabled:t})=>{t||i(e)},"data-testid":t,defaultMonth:l.initialDate??new Date,fromYear:l.dayPickerProps?.fromYear??(new Date).getFullYear()-5,toYear:l.dayPickerProps?.toYear??(new Date).getFullYear()+5,components:{IconLeft:()=>b.default.createElement("img",{src:"data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.71857%2011.6069C7.30879%2012.0759%206.59541%2012.1348%206.11157%2011.732L6.1076%2011.7286L0.403953%206.84577L0.403012%206.84498C0.353176%206.80276%200.314246%206.7643%200.271411%206.71498L0.269128%206.71236C-0.119487%206.25652%20-0.0837526%205.57628%200.353727%205.16507C0.367267%205.14898%200.382244%205.13391%200.398566%205.12007L6.11915%200.270785L6.12557%200.265463C6.33556%200.0952482%206.59%200.00742815%206.84806%200.000151633L6.85893%200C7.48826%205.50184e-08%208%200.501705%208%201.12099C8%201.14172%207.99827%201.16216%207.99493%201.18217L7.99493%2010.8746C7.99493%2011.139%207.90491%2011.3987%207.71857%2011.6069Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fsvg%3E"}),IconRight:()=>b.default.createElement("img",{src:"data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.28143%200.393146C0.691206%20-0.0758627%201.40459%20-0.134827%201.88843%200.268017L1.8924%200.27137L7.59605%205.15423L7.59699%205.15502C7.64682%205.19724%207.68575%205.2357%207.72859%205.28502L7.73087%205.28764C8.11949%205.74348%208.08375%206.42372%207.64627%206.83493C7.63273%206.85102%207.61776%206.86609%207.60143%206.87993L1.88085%2011.7292L1.87443%2011.7345C1.66444%2011.9048%201.41%2011.9926%201.15194%2011.9998L1.14107%2012C0.511737%2012%200%2011.4983%200%2010.879C0%2010.8583%200.00172711%2010.8378%200.00507143%2010.8178V1.12538C0.00507143%200.860962%200.0950857%200.601308%200.28143%200.393146Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fsvg%3E"})},...l})}))`
|
|
559
559
|
.rdp-cell,
|
|
560
560
|
.rdp-head_cell,
|
|
561
561
|
.rdp-day,
|
|
@@ -620,7 +620,7 @@
|
|
|
620
620
|
.rdp-nav {
|
|
621
621
|
height: 32px;
|
|
622
622
|
}
|
|
623
|
-
`,
|
|
623
|
+
`,nl=w.default(ll)`
|
|
624
624
|
&.DateRangePicker
|
|
625
625
|
.rdp-day_selected:not(.rdp-day_range_start):not(.rdp-day_range_end):not(.rdp-day_outside) {
|
|
626
626
|
background-color: ${({theme:e})=>e.tokens.color.background.brand.secondary} !important;
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
border-top-right-radius: 0 !important;
|
|
650
650
|
border-bottom-right-radius: 0 !important;
|
|
651
651
|
}
|
|
652
|
-
`,
|
|
652
|
+
`,il=w.default.div`
|
|
653
653
|
box-shadow: ${({theme:e})=>Y(e.tokens.dropdown.boxShadow)};
|
|
654
654
|
border-radius: ${({theme:e})=>e.tokens.dropdown.borderRadius};
|
|
655
655
|
transition: all
|
|
@@ -657,7 +657,7 @@
|
|
|
657
657
|
opacity: ${({visible:e})=>e?1:0};
|
|
658
658
|
transform: translateY(${({visible:e})=>e?0:-5}px);
|
|
659
659
|
background: ${({theme:e})=>e.tokens.color.background.primary};
|
|
660
|
-
`;const
|
|
660
|
+
`;const rl=w.default.div`
|
|
661
661
|
${ee}
|
|
662
662
|
|
|
663
663
|
line-height: ${({theme:e})=>G(e.tokens.text.lineHeight)};
|
|
@@ -667,7 +667,7 @@
|
|
|
667
667
|
overflow: hidden;
|
|
668
668
|
white-space: nowrap;
|
|
669
669
|
`:void 0}
|
|
670
|
-
`,
|
|
670
|
+
`,ol=({size:t="sm",color:l="primary",ellipsize:n=!1,element:i="div",testId:r="Text",...o})=>{const a=e.useRef(null),[C,d]=e.useState(o.title);return e.useEffect((()=>{const e=n&&a.current&&a.current.scrollWidth>a.current.clientWidth;d(o.title&&""!==o.title?o.title:e&&a.current?.textContent?a.current.textContent:void 0)}),[n,a,o.title,o.children]),b.default.createElement(rl,{$size:t,$color:l,ellipsize:n,as:i,title:C,ref:a,"data-testid":r,...o})},al=w.default.div`
|
|
671
671
|
position: absolute;
|
|
672
672
|
top: 8px;
|
|
673
673
|
left: 8px;
|
|
@@ -676,10 +676,10 @@
|
|
|
676
676
|
height: calc(100% - 16px);
|
|
677
677
|
object-fit: contain;
|
|
678
678
|
border-radius: ${({theme:e})=>e.tokens.inputButton.borderRadius.xs};
|
|
679
|
-
`,
|
|
679
|
+
`,Cl=w.default(ol)`
|
|
680
680
|
word-wrap: break-word;
|
|
681
681
|
width: 100%;
|
|
682
|
-
`;s.pdfjs.GlobalWorkerOptions.workerSrc=`//cdnjs.cloudflare.com/ajax/libs/pdf.js/${s.pdfjs.version}/pdf.worker.min.js`;const
|
|
682
|
+
`;s.pdfjs.GlobalWorkerOptions.workerSrc=`//cdnjs.cloudflare.com/ajax/libs/pdf.js/${s.pdfjs.version}/pdf.worker.min.js`;const dl=({file:e,onPassword:t,passwordQueue:l})=>{const n=(t,n)=>{parseInt(n,10)===s.PasswordResponses.NEED_PASSWORD?l.add({callback:t,incorrect:!1,filename:e.name}):parseInt(n,10)===s.PasswordResponses.INCORRECT_PASSWORD&&l.editCurrentItem({callback:t,incorrect:!0})};return e.name.endsWith(".pdf")?b.default.createElement(al,null,b.default.createElement(s.Document,{file:e,onPassword:n,onLoadSuccess:()=>{l.currentItem?.password&&(t?.(e.name,l.currentItem.password),l.remove())}},b.default.createElement(s.Page,{pageNumber:1,width:142}))):e.name.endsWith(".csv")?b.default.createElement(al,null,b.default.createElement(st,{flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"},b.default.createElement(Cl,{bold:!0,size:"sm",px:"xs"},e.name),b.default.createElement(ol,{color:"quaternary",size:"xs",mt:"3xs"},(Number(e.size)/1e3).toFixed(1)," kB"))):b.default.createElement(al,{src:e.preview,as:"img"})},sl=w.default.div`
|
|
683
683
|
position: fixed;
|
|
684
684
|
top: 0;
|
|
685
685
|
left: 0;
|
|
@@ -692,12 +692,12 @@
|
|
|
692
692
|
${({theme:e,animate:l})=>l?t.css`
|
|
693
693
|
transition: opacity ${e.tokens.duration.transition.base};
|
|
694
694
|
`:t.css``}
|
|
695
|
-
`,
|
|
695
|
+
`,cl=w.default.div`
|
|
696
696
|
display: flex;
|
|
697
697
|
justify-content: center;
|
|
698
698
|
align-items: ${({center:e})=>e?"center":"flex-start"};
|
|
699
699
|
min-height: 100%;
|
|
700
|
-
`,
|
|
700
|
+
`,pl=w.default.div`
|
|
701
701
|
border-radius: ${({theme:e})=>e.tokens.modal.borderRadius};
|
|
702
702
|
box-shadow: ${({theme:e})=>Y(e.tokens.modal.boxShadow)};
|
|
703
703
|
background: ${({theme:e})=>e.tokens.color.background.primary};
|
|
@@ -712,7 +712,7 @@
|
|
|
712
712
|
|
|
713
713
|
${R}
|
|
714
714
|
${P}
|
|
715
|
-
`,
|
|
715
|
+
`,ul=w.default(_e)`
|
|
716
716
|
position: absolute;
|
|
717
717
|
top: 1rem;
|
|
718
718
|
padding: 4px;
|
|
@@ -723,7 +723,7 @@
|
|
|
723
723
|
right: initial;
|
|
724
724
|
left: 1rem;
|
|
725
725
|
}
|
|
726
|
-
`,
|
|
726
|
+
`,gl=({testId:t="Modal",size:l="md",center:n=!0,animate:i=!0,showCloseButton:r=!0,closeOnOverlayClick:o=!0,container:a,open:C,onClose:d,children:s,...c})=>{const[p,u]=e.useState(C),[g,h]=e.useState(C),m=e.useRef(null);if(e.useEffect((()=>{C?u(!0):(h(!1),i?m.current?.addEventListener("transitionend",(()=>u(!1))):u(!1))}),[C]),e.useEffect((()=>{p&&setTimeout((()=>h(!0)),1)}),[p]),!p&&!C)return null;const D={visible:g,animate:i},f=b.default.createElement(sl,{...D,onClick:e=>{e.stopPropagation(),!m.current?.contains(e.target)&&d&&o&&d()},"data-testid":t},b.default.createElement(cl,{center:n},b.default.createElement(pl,{ref:m,$size:l,my:"3xl",p:"md",...D,...c},r&&b.default.createElement(ul,{minimal:!0,size:"lg",icon:"cross",onClick:d,colorTheme:"neutral"}),s)));return a?H.default.createPortal(f,a):f},hl=w.default(_e)`
|
|
727
727
|
grid-area: button;
|
|
728
728
|
background: #fff;
|
|
729
729
|
color: ${({theme:e})=>e.tokens.color.text.primary};
|
|
@@ -750,13 +750,13 @@
|
|
|
750
750
|
justify-self: start;
|
|
751
751
|
}
|
|
752
752
|
`}
|
|
753
|
-
`,
|
|
753
|
+
`,ml=t.css`
|
|
754
754
|
${({theme:e,colorTheme:t,borderRadius:l})=>`\n\t\tborder-radius: ${l??e.tokens.notice.borderRadius};\n\t\tbackground: ${e.tokens.color.background[t].secondary};\n\t\tcolor: ${e.tokens.color.text[t].primary};\n\t\tline-height: ${G(e.tokens.ref.lineHeight.sm)};\n\t`}
|
|
755
755
|
|
|
756
756
|
${R}
|
|
757
757
|
${P}
|
|
758
|
-
`,
|
|
759
|
-
${
|
|
758
|
+
`,Dl=w.default.div`
|
|
759
|
+
${ml}
|
|
760
760
|
|
|
761
761
|
display: grid;
|
|
762
762
|
align-items: center;
|
|
@@ -790,12 +790,12 @@
|
|
|
790
790
|
grid-template-columns: 1fr;
|
|
791
791
|
grid-template-areas: 'text';
|
|
792
792
|
`}
|
|
793
|
+
`,fl=w.default.div`
|
|
794
|
+
${ml}
|
|
793
795
|
`,Fl=w.default.div`
|
|
794
|
-
${Dl}
|
|
795
|
-
`,xl=w.default.div`
|
|
796
796
|
grid-area: text;
|
|
797
797
|
margin: 8px 0;
|
|
798
|
-
`,
|
|
798
|
+
`,xl=w.default.button`
|
|
799
799
|
grid-area: close;
|
|
800
800
|
border: none;
|
|
801
801
|
outline: none;
|
|
@@ -815,11 +815,11 @@
|
|
|
815
815
|
margin-top: 10px;
|
|
816
816
|
}
|
|
817
817
|
`}
|
|
818
|
-
`,
|
|
818
|
+
`,vl=({colorTheme:e="brand",testId:t="Notice",px:l="lg",breakpoint:n=640,onClose:i,onClick:r,buttonText:o,buttonLoading:a=!1,buttonIcon:C,buttonIconAlignment:d,buttonTestId:s,closeTestId:c,...p})=>{const u=p.py??(o||i?"xs":"m");return o||i?b.default.createElement(Dl,{colorTheme:e,"data-testid":t,px:l,py:u,breakpoint:n,withButton:!!o,withClose:!!i,...p},b.default.createElement(Fl,null,p.children),o&&b.default.createElement(hl,{onClick:r,size:"sm",loading:a,icon:C,iconAlignment:d,colorTheme:e,breakpoint:n,testId:s},o),i&&b.default.createElement(xl,{type:"button",colorTheme:e,paddingLeft:!!o,onClick:i,breakpoint:n,"data-testid":c},"×")):b.default.createElement(fl,{colorTheme:e,"data-testid":t,px:l,py:u,...p},p.children)},bl=w.default.p`
|
|
819
819
|
${ee}
|
|
820
820
|
|
|
821
821
|
line-height: ${({theme:e,$lineHeight:t})=>Q(t)?G(e.tokens.ref.lineHeight[t]):t};
|
|
822
|
-
`,
|
|
822
|
+
`,wl=({testId:e="Paragraph",lineHeight:t="md",size:l="sm",color:n="primary",...i})=>b.default.createElement(bl,{$color:n,$size:l,$lineHeight:t,"data-testid":e,...i}),El=({size:e="md",type:t="text",testId:l="TextInput",label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,ref:s,...c})=>{const{focused:p,thisOnFocus:u,thisOnBlur:g}=zt(c.onFocus,c.onBlur);return b.default.createElement(Bt,{label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,size:e,disabled:c.disabled,filled:!!c.value,focused:p,minimal:c.minimal,testId:l},b.default.createElement(Lt,{...c,type:t,onFocus:u,onBlur:g,focused:p,disabled:c.disabled??!1,$size:e,ref:s}))},Ll=({field:e,form:{touched:t,errors:l},...n})=>b.default.createElement(El,{...n,...e,error:t[e.name]&&l[e.name]}),yl=({open:l,onClose:n,passwordPromptText:i,passwordIncorrectText:r,passwordConfirmButtonText:o,passwordCancelButtonText:a,passwordPlaceholderText:C,passwordQueue:d})=>{const s=t.useTheme(),[p,u]=e.useState(d.currentItem?.filename);return e.useEffect((()=>{u(d.currentItem?.filename??p)}),[d.currentItem]),b.default.createElement(gl,{open:l,onClose:n,size:"xs",p:"xl",showCloseButton:!1,closeOnOverlayClick:!1,container:document.body},b.default.createElement(ne,{textAlign:"center"},b.default.createElement(be,{icon:"lock-brand",mb:"xs",size:40}),b.default.createElement(wl,{bold:!0,size:"md",mb:"s"},i," [",p,"]")),b.default.createElement(c.Formik,{initialValues:{password:""},validate:({password:e})=>{if(!e)return{password:i}},onSubmit:({password:e},t)=>{d.setAttr({password:e}),d.currentItem?.callback?.(e),t.resetForm()}},(e=>b.default.createElement(c.Form,{onSubmit:e.handleSubmit,onInput:()=>d.setAttr({incorrect:!1})},b.default.createElement(c.Field,{component:Ll,name:"password",type:"password",placeholder:C,autoFocus:!0}),d.currentItem?.incorrect&&b.default.createElement(vl,{colorTheme:"error",mt:"xxs"},r),b.default.createElement(st,{gap:s.tokens.ref.spacing["2xs"],justifyContent:"center",mt:"s"},b.default.createElement(_e,{type:"submit"},o),b.default.createElement(_e,{onClick:n,secondary:!0,colorTheme:"neutral"},a))))))},kl=w.default.div`
|
|
823
823
|
position: absolute;
|
|
824
824
|
top: 3px;
|
|
825
825
|
right: 9px;
|
|
@@ -833,12 +833,12 @@
|
|
|
833
833
|
&:hover {
|
|
834
834
|
filter: brightness(0.9);
|
|
835
835
|
}
|
|
836
|
-
`,
|
|
836
|
+
`,Hl=w.default.div`
|
|
837
837
|
display: grid;
|
|
838
838
|
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
|
839
839
|
justify-items: center;
|
|
840
840
|
grid-gap: 0 12px;
|
|
841
|
-
`,
|
|
841
|
+
`,Ml=w.default.div`
|
|
842
842
|
position: relative;
|
|
843
843
|
border: 1px solid
|
|
844
844
|
${({theme:e})=>e.tokens.color.border.secondary};
|
|
@@ -852,10 +852,10 @@
|
|
|
852
852
|
display: block;
|
|
853
853
|
padding-top: 100%;
|
|
854
854
|
}
|
|
855
|
-
|
|
855
|
+
`,Vl=w.default.div`
|
|
856
856
|
max-width: 600px;
|
|
857
857
|
width: 100%;
|
|
858
|
-
|
|
858
|
+
`,$l=w.default.div`
|
|
859
859
|
padding: ${({theme:e})=>e.tokens.ref.spacing.lg};
|
|
860
860
|
text-align: center;
|
|
861
861
|
width: 100%;
|
|
@@ -872,37 +872,37 @@
|
|
|
872
872
|
button {
|
|
873
873
|
margin: 0 auto;
|
|
874
874
|
}
|
|
875
|
-
`,
|
|
875
|
+
`,Zl=w.default.div`
|
|
876
876
|
margin-bottom: 1rem;
|
|
877
|
-
`,
|
|
877
|
+
`,Bl=w.default.div`
|
|
878
878
|
@media (hover: none) {
|
|
879
879
|
display: none;
|
|
880
880
|
}
|
|
881
|
-
`,
|
|
881
|
+
`,zl=w.default.div`
|
|
882
882
|
@media (hover: hover) {
|
|
883
883
|
display: none;
|
|
884
884
|
}
|
|
885
|
-
`,
|
|
885
|
+
`,Al=w.default.img`
|
|
886
886
|
margin-bottom: 1rem;
|
|
887
|
-
`,
|
|
887
|
+
`,Sl=w.default.hr`
|
|
888
888
|
height: ${({$height:e})=>e}px;
|
|
889
889
|
background: ${({colorTheme:e,theme:t})=>e?t.tokens.color.border[e].primary:t.tokens.color.border.secondary};
|
|
890
890
|
border: none;
|
|
891
891
|
|
|
892
892
|
${R}
|
|
893
|
-
`,
|
|
893
|
+
`,_l=w.default.img`
|
|
894
894
|
${({$width:e,$height:t,maxWidth:l,maxHeight:n})=>{let i="";return Object.entries({width:e,height:t,"max-width":l,"max-height":n}).map((([e,t])=>{t&&(i+=`\n\t\t\t\t\t${e}: ${"number"==typeof t?`${t}px`:t};\n\t\t\t\t`)})),i}}
|
|
895
895
|
|
|
896
896
|
${l.display}
|
|
897
897
|
${R}
|
|
898
898
|
${P}
|
|
899
|
-
`,
|
|
899
|
+
`,Il=w.default.label`
|
|
900
900
|
display: block;
|
|
901
901
|
margin-bottom: 0.5rem;
|
|
902
902
|
|
|
903
903
|
${P}
|
|
904
904
|
${R}
|
|
905
|
-
`,
|
|
905
|
+
`,Tl=w.default.a`
|
|
906
906
|
text-decoration: ${({noUnderline:e})=>e?" none":"underline"};
|
|
907
907
|
color: ${j(!0)};
|
|
908
908
|
cursor: pointer;
|
|
@@ -916,27 +916,27 @@
|
|
|
916
916
|
|
|
917
917
|
${R}
|
|
918
918
|
${P}
|
|
919
|
-
`,
|
|
919
|
+
`,Pl=t.css`
|
|
920
920
|
path {
|
|
921
921
|
fill: ${({color:e,theme:t})=>e?e in U?t.tokens.color.text[e].primary:e in W?t.tokens.color.text[e]:e:t.tokens.color.text.brand.primary};
|
|
922
922
|
}
|
|
923
923
|
width: 1em;
|
|
924
924
|
height: 1em;
|
|
925
925
|
vertical-align: -0.15em;
|
|
926
|
-
`,
|
|
927
|
-
${
|
|
928
|
-
`,
|
|
929
|
-
${
|
|
930
|
-
`,
|
|
926
|
+
`,Rl=w.default(E.default)`
|
|
927
|
+
${Pl}
|
|
928
|
+
`,Ul=w.default(be)`
|
|
929
|
+
${Pl}
|
|
930
|
+
`,Ol=w.default.span`
|
|
931
931
|
${({children:e,icon:l,iconAlignment:n})=>e&&l?"left"===n?t.css`
|
|
932
932
|
margin-inline-start: 0.4em;
|
|
933
933
|
`:t.css`
|
|
934
934
|
margin-inline-end: 0.4em;
|
|
935
935
|
`:void 0}
|
|
936
|
-
`,
|
|
936
|
+
`,Wl=({icon:e,color:t})=>e?De(e)?b.default.createElement(Ul,{icon:e,color:t}):"string"==typeof e?b.default.createElement(Rl,{src:e,color:t}):e:null,Nl=["color","size","icon","bulletColor"],jl=w.default.ul`
|
|
937
937
|
${R}
|
|
938
938
|
${P}
|
|
939
|
-
`,
|
|
939
|
+
`,ql=w.default.li`
|
|
940
940
|
font-size: ${({theme:e,$size:t})=>Q(t)?e.tokens.textParagraph.fontSize[t]:"number"==typeof t?`${t}px`:t};
|
|
941
941
|
|
|
942
942
|
color: ${j()};
|
|
@@ -944,7 +944,7 @@
|
|
|
944
944
|
position: relative;
|
|
945
945
|
padding-inline-start: 1.9em;
|
|
946
946
|
${R}
|
|
947
|
-
`,
|
|
947
|
+
`,Gl=t.css`
|
|
948
948
|
width: 1.3em;
|
|
949
949
|
height: 1.3em;
|
|
950
950
|
position: absolute;
|
|
@@ -957,11 +957,11 @@
|
|
|
957
957
|
}
|
|
958
958
|
|
|
959
959
|
${({theme:e,icon:t,bulletColor:l})=>fe(t??void 0)?"":`\n\t\t\t\t\tpath {\n\t\t\t\t\t\tfill: ${l?O(l)?e.tokens.color.text[l].primary:N(l)?e.tokens.color.text[l]:l:e.tokens.color.text.secondary};\n\t\t\t\t\t}\n\t\t\t `}
|
|
960
|
-
`,
|
|
961
|
-
${
|
|
962
|
-
`,
|
|
963
|
-
${
|
|
964
|
-
`,
|
|
960
|
+
`,Yl=w.default(E.default)`
|
|
961
|
+
${Gl}
|
|
962
|
+
`,Xl=w.default(be)`
|
|
963
|
+
${Gl}
|
|
964
|
+
`,Ql=e=>e.icon?Fe(e.icon)?b.default.createElement(Xl,{icon:e.icon,bulletColor:e.bulletColor}):"string"==typeof e.icon?b.default.createElement(Yl,{src:e.icon,bulletColor:e.bulletColor}):e.icon:null,Jl=w.default.ul`
|
|
965
965
|
list-style: none;
|
|
966
966
|
margin: 0;
|
|
967
967
|
min-width: 180px;
|
|
@@ -969,12 +969,12 @@
|
|
|
969
969
|
|
|
970
970
|
${P}
|
|
971
971
|
${R}
|
|
972
|
-
`,
|
|
972
|
+
`,Kl=w.default.li`
|
|
973
973
|
list-style: none;
|
|
974
974
|
|
|
975
975
|
${P}
|
|
976
976
|
${R}
|
|
977
|
-
`,
|
|
977
|
+
`,en=w.default.a`
|
|
978
978
|
display: flex;
|
|
979
979
|
align-items: center;
|
|
980
980
|
text-decoration: none;
|
|
@@ -990,24 +990,24 @@
|
|
|
990
990
|
background: ${e.tokens.color.background.neutral.secondary};
|
|
991
991
|
}
|
|
992
992
|
`}
|
|
993
|
-
`,
|
|
993
|
+
`,tn=t.css`
|
|
994
994
|
width: 20px;
|
|
995
995
|
height: 20px;
|
|
996
996
|
margin-inline-end: 8px;
|
|
997
997
|
|
|
998
998
|
${({theme:e,icon:t,disabled:l,colorTheme:n})=>fe(t)?"":`\n\t\t\t\t\tpath {\n\t\t\t\t\t\tfill: ${l?e.tokens.color.text.quaternary:n?e.tokens.color.text[n].primary:e.tokens.color.text.secondary};\n\t\t\t\t\t}\n\t\t\t `}
|
|
999
|
-
`,
|
|
1000
|
-
${
|
|
1001
|
-
`,
|
|
1002
|
-
${
|
|
1003
|
-
`,
|
|
999
|
+
`,ln=w.default(E.default)`
|
|
1000
|
+
${tn}
|
|
1001
|
+
`,nn=w.default(be)`
|
|
1002
|
+
${tn}
|
|
1003
|
+
`,rn=e=>e.icon?Fe(e.icon)?b.default.createElement(nn,{icon:e.icon,disabled:e.disabled,colorTheme:e.colorTheme}):"string"==typeof e.icon?b.default.createElement(ln,{src:e.icon,disabled:e.disabled,colorTheme:e.colorTheme}):e.icon:null,on=w.default.div`
|
|
1004
1004
|
display: flex;
|
|
1005
1005
|
align-items: center;
|
|
1006
|
-
`,
|
|
1006
|
+
`,an=(e,t)=>{if("value"===t.context)return e.label;const l=t.selectValue?.some((t=>t.value===e.value));return b.default.createElement(on,null,b.default.createElement(et,{checked:l,readOnly:!0}),e.label)};tl("/* Functional styling;\n * These styles are required for noUiSlider to function.\n * You don't need to change these rules to apply your design.\n */\n.noUi-target,\n.noUi-target * {\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-user-select: none;\n -ms-touch-action: none;\n touch-action: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-target {\n position: relative;\n}\n.noUi-base,\n.noUi-connects {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n}\n/* Wrapper for all connect elements.\n */\n.noUi-connects {\n overflow: hidden;\n z-index: 0;\n}\n.noUi-connect,\n.noUi-origin {\n will-change: transform;\n position: absolute;\n z-index: 1;\n top: 0;\n right: 0;\n height: 100%;\n width: 100%;\n -ms-transform-origin: 0 0;\n -webkit-transform-origin: 0 0;\n -webkit-transform-style: preserve-3d;\n transform-origin: 0 0;\n transform-style: flat;\n}\n/* Offset direction\n */\n.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {\n left: 0;\n right: auto;\n}\n/* Give origins 0 height/width so they don't interfere with clicking the\n * connect elements.\n */\n.noUi-vertical .noUi-origin {\n top: -100%;\n width: 0;\n}\n.noUi-horizontal .noUi-origin {\n height: 0;\n}\n.noUi-handle {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n position: absolute;\n}\n.noUi-touch-area {\n height: 100%;\n width: 100%;\n}\n.noUi-state-tap .noUi-connect,\n.noUi-state-tap .noUi-origin {\n -webkit-transition: transform 0.3s;\n transition: transform 0.3s;\n}\n.noUi-state-drag * {\n cursor: inherit !important;\n}\n/* Slider size and handle placement;\n */\n.noUi-horizontal {\n height: 18px;\n}\n.noUi-horizontal .noUi-handle {\n width: 34px;\n height: 28px;\n right: -17px;\n top: -6px;\n}\n.noUi-vertical {\n width: 18px;\n}\n.noUi-vertical .noUi-handle {\n width: 28px;\n height: 34px;\n right: -6px;\n bottom: -17px;\n}\n.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {\n left: -17px;\n right: auto;\n}\n/* Styling;\n * Giving the connect element a border radius causes issues with using transform: scale\n */\n.noUi-target {\n background: #FAFAFA;\n border-radius: 4px;\n border: 1px solid #D3D3D3;\n box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;\n}\n.noUi-connects {\n border-radius: 3px;\n}\n.noUi-connect {\n background: #3FB8AF;\n}\n/* Handles and cursors;\n */\n.noUi-draggable {\n cursor: ew-resize;\n}\n.noUi-vertical .noUi-draggable {\n cursor: ns-resize;\n}\n.noUi-handle {\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: #FFF;\n cursor: default;\n box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;\n}\n.noUi-active {\n box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;\n}\n/* Handle stripes;\n */\n.noUi-handle:before,\n.noUi-handle:after {\n content: \"\";\n display: block;\n position: absolute;\n height: 14px;\n width: 1px;\n background: #E8E7E6;\n left: 14px;\n top: 6px;\n}\n.noUi-handle:after {\n left: 17px;\n}\n.noUi-vertical .noUi-handle:before,\n.noUi-vertical .noUi-handle:after {\n width: 14px;\n height: 1px;\n left: 6px;\n top: 14px;\n}\n.noUi-vertical .noUi-handle:after {\n top: 17px;\n}\n/* Disabled state;\n */\n[disabled] .noUi-connect {\n background: #B8B8B8;\n}\n[disabled].noUi-target,\n[disabled].noUi-handle,\n[disabled] .noUi-handle {\n cursor: not-allowed;\n}\n/* Base;\n *\n */\n.noUi-pips,\n.noUi-pips * {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-pips {\n position: absolute;\n color: #999;\n}\n/* Values;\n *\n */\n.noUi-value {\n position: absolute;\n white-space: nowrap;\n text-align: center;\n}\n.noUi-value-sub {\n color: #ccc;\n font-size: 10px;\n}\n/* Markings;\n *\n */\n.noUi-marker {\n position: absolute;\n background: #CCC;\n}\n.noUi-marker-sub {\n background: #AAA;\n}\n.noUi-marker-large {\n background: #AAA;\n}\n/* Horizontal layout;\n *\n */\n.noUi-pips-horizontal {\n padding: 10px 0;\n height: 80px;\n top: 100%;\n left: 0;\n width: 100%;\n}\n.noUi-value-horizontal {\n -webkit-transform: translate(-50%, 50%);\n transform: translate(-50%, 50%);\n}\n.noUi-rtl .noUi-value-horizontal {\n -webkit-transform: translate(50%, 50%);\n transform: translate(50%, 50%);\n}\n.noUi-marker-horizontal.noUi-marker {\n margin-left: -1px;\n width: 2px;\n height: 5px;\n}\n.noUi-marker-horizontal.noUi-marker-sub {\n height: 10px;\n}\n.noUi-marker-horizontal.noUi-marker-large {\n height: 15px;\n}\n/* Vertical layout;\n *\n */\n.noUi-pips-vertical {\n padding: 0 10px;\n height: 100%;\n top: 0;\n left: 100%;\n}\n.noUi-value-vertical {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n padding-left: 25px;\n}\n.noUi-rtl .noUi-value-vertical {\n -webkit-transform: translate(0, 50%);\n transform: translate(0, 50%);\n}\n.noUi-marker-vertical.noUi-marker {\n width: 5px;\n height: 2px;\n margin-top: -1px;\n}\n.noUi-marker-vertical.noUi-marker-sub {\n width: 10px;\n}\n.noUi-marker-vertical.noUi-marker-large {\n width: 15px;\n}\n.noUi-tooltip {\n display: block;\n position: absolute;\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: #fff;\n color: #000;\n padding: 5px;\n text-align: center;\n white-space: nowrap;\n}\n.noUi-horizontal .noUi-tooltip {\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n left: 50%;\n bottom: 120%;\n}\n.noUi-vertical .noUi-tooltip {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n top: 50%;\n right: 120%;\n}\n.noUi-horizontal .noUi-origin > .noUi-tooltip {\n -webkit-transform: translate(50%, 0);\n transform: translate(50%, 0);\n left: auto;\n bottom: 10px;\n}\n.noUi-vertical .noUi-origin > .noUi-tooltip {\n -webkit-transform: translate(0, -18px);\n transform: translate(0, -18px);\n top: auto;\n right: 28px;\n}\n",{});const Cn=w.default.div`
|
|
1007
1007
|
padding: 0 ${({px:e})=>e??"10px"};
|
|
1008
1008
|
display: flex;
|
|
1009
1009
|
align-items: center;
|
|
1010
|
-
`,
|
|
1010
|
+
`,dn=w.default.div`
|
|
1011
1011
|
&,
|
|
1012
1012
|
&.noUi-target {
|
|
1013
1013
|
border: none;
|
|
@@ -1055,19 +1055,19 @@
|
|
|
1055
1055
|
.noUi-connect {
|
|
1056
1056
|
background: ${({theme:e})=>e.tokens.color.text.secondary};
|
|
1057
1057
|
}
|
|
1058
|
-
`,
|
|
1058
|
+
`,sn=({testId:t,px:l,className:n,sliderRef:i,sliderApi:r,disabled:o})=>(e.useEffect((()=>{r&&(o?r.disable():r.enable())}),[r,o]),b.default.createElement(Cn,{"data-testid":t,className:n,px:l},b.default.createElement(dn,{ref:i})));function cn(t,l,n){const i=e.useRef(null),r=e.useRef(null);return e.useEffect((()=>{if(!i||!r||!i.current||r.current)return;const e=l.connect??(["number","string"].includes(typeof t)?"lower":Array.isArray(t)&&2===t.length?[!1,!0,!1]:void 0);r.current=Z.default.create(i.current,{start:t,range:l.range,step:l.step,connect:e,animate:!1,snap:l.snap,pips:l.pips})}),[i]),e.useEffect((()=>{$.default(t,n)||r.current?.set(t)}),[t]),[r,i]}const pn=w.default.section`
|
|
1059
1059
|
display: flex;
|
|
1060
1060
|
flex-wrap: wrap;
|
|
1061
1061
|
justify-content: center;
|
|
1062
1062
|
|
|
1063
1063
|
${R}
|
|
1064
|
-
`,
|
|
1064
|
+
`,un=w.default(_e)`
|
|
1065
1065
|
[dir='rtl'] & svg {
|
|
1066
1066
|
transform: scaleX(-1);
|
|
1067
1067
|
}
|
|
1068
1068
|
|
|
1069
1069
|
${({selected:e})=>!1===e?"font-weight: normal;":""}
|
|
1070
|
-
`,
|
|
1070
|
+
`,gn=w.default.div`
|
|
1071
1071
|
${e=>Le(e.theme)}
|
|
1072
1072
|
${e=>we(e.size,e.theme)}
|
|
1073
1073
|
${e=>Ee(e.theme,"brand",!0)}
|
|
@@ -1083,7 +1083,7 @@
|
|
|
1083
1083
|
}
|
|
1084
1084
|
|
|
1085
1085
|
${R}
|
|
1086
|
-
`,
|
|
1086
|
+
`,hn=(e,t)=>{const l=t-e+1;return Array.from({length:l},((t,l)=>e+l))},mn=w.default(st)`
|
|
1087
1087
|
cursor: pointer;
|
|
1088
1088
|
|
|
1089
1089
|
&:hover path {
|
|
@@ -1091,22 +1091,22 @@
|
|
|
1091
1091
|
${({theme:e})=>e.tokens.duration.transition.base};
|
|
1092
1092
|
fill: ${({theme:e})=>e.tokens.color.text.primary};
|
|
1093
1093
|
}
|
|
1094
|
-
`,
|
|
1094
|
+
`,Dn=w.default.div`
|
|
1095
1095
|
background-color: ${({theme:e})=>e.tokens.color.background.tertiary};
|
|
1096
1096
|
border-radius: ${({theme:e})=>e.tokens.ref.borderRadius.pill};
|
|
1097
1097
|
height: 9px;
|
|
1098
1098
|
|
|
1099
1099
|
${R};
|
|
1100
|
-
`,
|
|
1100
|
+
`,fn=w.default.div`
|
|
1101
1101
|
background: ${({theme:e,$color:t})=>t?O(t)?e.tokens.color.background[t].primary:t:e.tokens.color.background.brand.primary};
|
|
1102
1102
|
border-radius: ${({theme:e})=>e.tokens.ref.borderRadius.pill};
|
|
1103
1103
|
width: ${({$value:e})=>e?`${e}%`:"0%"};
|
|
1104
1104
|
height: 100%;
|
|
1105
1105
|
transition: width
|
|
1106
1106
|
${({theme:e})=>e.tokens.duration.transition.base};
|
|
1107
|
-
`,
|
|
1107
|
+
`,Fn=({testId:e="ProgressBar",value:t,color:l,...n})=>b.default.createElement(Dn,{"data-testid":e,...n},b.default.createElement(fn,{$value:t,$color:l})),xn=w.default.div`
|
|
1108
1108
|
width: 80px;
|
|
1109
|
-
`;var
|
|
1109
|
+
`;var vn;!function(e){e.NONE="none",e.WEAK="weak",e.FAIR="fair",e.GOOD="good",e.EXCELLENT="excellent"}(vn||(vn={}));const bn=l=>{const n=t.useTheme(),i=e.useMemo((()=>({strength:vn.NONE,textColor:n.tokens.color.text.primary,progressBarColor:n.tokens.color.background.error.primary,progressBarValue:0})),[n]),[r,o]=e.useState(i);return e.useEffect((()=>{if(!l)return o(i);(async()=>{const{colorTheme:e,...t}=await(async e=>{let t,l,n;switch((await import("zxcvbn").then((t=>t.default(e)))).score){case 4:t=vn.EXCELLENT,l="success",n=100;break;case 3:t=vn.GOOD,l="success",n=75;break;case 2:t=vn.FAIR,l="warning",n=50;break;default:t=vn.WEAK,l="error",n=25}return{strength:t,colorTheme:l,progressBarValue:n}})(l);o({textColor:n.tokens.color.text[e].primary,progressBarColor:n.tokens.color.background[e].primary,...t})})()}),[n,l,i]),r},wn=w.default(je)`
|
|
1110
1110
|
label::before {
|
|
1111
1111
|
border-radius: 100%;
|
|
1112
1112
|
}
|
|
@@ -1116,7 +1116,7 @@
|
|
|
1116
1116
|
solid
|
|
1117
1117
|
${({theme:e,colorTheme:t})=>e.tokens.color.background[t].primary};
|
|
1118
1118
|
}
|
|
1119
|
-
`,
|
|
1119
|
+
`,En=(e,t)=>(q(t.tokens.inputButton.sizing.height[e])-2-q(t.tokens.checkboxRadio.sizing.md))/2,Ln=(e,t,l,n)=>n?e.tokens.color.text.quaternary:l?e.tokens.color.text[t].primary:e.tokens.color.text.secondary,yn=w.default.div`
|
|
1120
1120
|
display: grid;
|
|
1121
1121
|
grid-template-columns: ${({optionsLength:e})=>`repeat(${e}, minmax(100px, 300px))`};
|
|
1122
1122
|
grid-column-gap: ${({size:e})=>"md"===e?16:24}px;
|
|
@@ -1125,24 +1125,24 @@
|
|
|
1125
1125
|
grid-row-gap: 20px;
|
|
1126
1126
|
max-width: 100%;
|
|
1127
1127
|
}
|
|
1128
|
-
|
|
1128
|
+
`,kn=w.default.div`
|
|
1129
1129
|
font-size: 12px;
|
|
1130
|
-
color: ${e=>
|
|
1130
|
+
color: ${e=>Ln(e.theme,e.colorTheme,e.checked,e.isDisabled)};
|
|
1131
1131
|
margin-top: 4px;
|
|
1132
1132
|
font-weight: normal;
|
|
1133
1133
|
opacity: 0.75;
|
|
1134
|
-
`,
|
|
1134
|
+
`,Hn=w.default.div`
|
|
1135
1135
|
display: flex;
|
|
1136
1136
|
flex-direction: column;
|
|
1137
1137
|
align-items: center;
|
|
1138
|
-
`,
|
|
1138
|
+
`,Mn=w.default.div`
|
|
1139
1139
|
display: flex;
|
|
1140
1140
|
position: relative;
|
|
1141
1141
|
min-height: ${({size:e,theme:t})=>t.tokens.inputButton.sizing.height[e]};
|
|
1142
1142
|
flex-direction: column;
|
|
1143
1143
|
align-items: center;
|
|
1144
1144
|
justify-content: center;
|
|
1145
|
-
${({withImage:e,checked:l,size:n,theme:i})=>{const r=
|
|
1145
|
+
${({withImage:e,checked:l,size:n,theme:i})=>{const r=En(n,i),o=q(i.tokens.checkboxRadio.sizing.md),a=(q(i.tokens.inputButton.sizing.height[n])-2-16)/2;return e?t.css`
|
|
1146
1146
|
padding: ${a+4}px ${r}px;
|
|
1147
1147
|
`:l?t.css`
|
|
1148
1148
|
padding-top: ${a}px;
|
|
@@ -1155,7 +1155,7 @@
|
|
|
1155
1155
|
text-align: center;
|
|
1156
1156
|
border: 1px solid;
|
|
1157
1157
|
background: ${({theme:e})=>e.tokens.color.background.primary};
|
|
1158
|
-
color: ${e=>
|
|
1158
|
+
color: ${e=>Ln(e.theme,e.colorTheme,e.checked,e.isDisabled)};
|
|
1159
1159
|
border-color: ${({isDisabled:e,checked:t,colorTheme:l,theme:n})=>e?n.tokens.color.border.secondary:t?n.tokens.color.border[l].primary:n.tokens.color.border.primary};
|
|
1160
1160
|
font-weight: ${({hasDescription:e,theme:t})=>e?t.tokens.ref.fontWeight.bold:t.tokens.ref.fontWeight.regular};
|
|
1161
1161
|
border-radius: 4px;
|
|
@@ -1166,7 +1166,7 @@
|
|
|
1166
1166
|
${({checked:e,theme:t})=>e?"":`\n\t\t&:hover {\n\t\t\tborder-color: ${t.tokens.color.border.primaryInteraction};\n\t\t} \n\t`}
|
|
1167
1167
|
|
|
1168
1168
|
${({isDisabled:e})=>e?"\n\t\tpointer-events: none;\n\t":""}
|
|
1169
|
-
`,
|
|
1169
|
+
`,Vn=w.default.img`
|
|
1170
1170
|
max-width: ${({imageSize:e,size:t})=>e??("md"===t?"48px":"64px")};
|
|
1171
1171
|
max-height: ${({imageSize:e,size:t})=>e??("md"===t?"48px":"64px")};
|
|
1172
1172
|
margin-bottom: 12px;
|
|
@@ -1174,10 +1174,10 @@
|
|
|
1174
1174
|
width: 100%;
|
|
1175
1175
|
height: 100%;
|
|
1176
1176
|
object-fit: contain;
|
|
1177
|
-
|
|
1177
|
+
`,$n=w.default(Ke)`
|
|
1178
1178
|
position: absolute;
|
|
1179
|
-
top: ${({size:e,theme:t})=>
|
|
1180
|
-
${({size:e,theme:t})=>We(`${
|
|
1179
|
+
top: ${({size:e,theme:t})=>En(e,t)}px;
|
|
1180
|
+
${({size:e,theme:t})=>We(`${En(e,t)}px`)};
|
|
1181
1181
|
visibility: ${({checked:e})=>e?"visible":"hidden"};
|
|
1182
1182
|
pointer-events: none;
|
|
1183
1183
|
`;w.default.div`
|
|
@@ -1185,11 +1185,11 @@
|
|
|
1185
1185
|
padding: 5px 0;
|
|
1186
1186
|
font-size: 13px;
|
|
1187
1187
|
margin-top: 5px;
|
|
1188
|
-
`;const
|
|
1188
|
+
`;const Zn=w.default.div`
|
|
1189
1189
|
${We("-5%")}
|
|
1190
1190
|
transform: translateX(6%);
|
|
1191
1191
|
position: relative;
|
|
1192
|
-
`,
|
|
1192
|
+
`,Bn=w.default(D.Tabs)`
|
|
1193
1193
|
.react-tabs__tab-panel {
|
|
1194
1194
|
display: none;
|
|
1195
1195
|
}
|
|
@@ -1203,13 +1203,13 @@
|
|
|
1203
1203
|
padding: 0;
|
|
1204
1204
|
margin: 0 -12px;
|
|
1205
1205
|
position: relative;
|
|
1206
|
-
`;const
|
|
1206
|
+
`;const zn=w.default(D.TabList)`
|
|
1207
1207
|
display: flex;
|
|
1208
1208
|
list-style: none;
|
|
1209
1209
|
padding: 0;
|
|
1210
1210
|
margin: 0 -12px;
|
|
1211
1211
|
position: relative;
|
|
1212
|
-
`,
|
|
1212
|
+
`,An=w.default.a`
|
|
1213
1213
|
display: block;
|
|
1214
1214
|
height: ${({theme:e,size:t})=>2*q(e.tokens.ref.fontSize[t??"md"])+12}px;
|
|
1215
1215
|
line-height: ${({theme:e,size:t})=>2*q(e.tokens.ref.fontSize[t??"md"])+12}px;
|
|
@@ -1239,7 +1239,7 @@
|
|
|
1239
1239
|
background: ${e.tokens.color.text.brand.primary};
|
|
1240
1240
|
}
|
|
1241
1241
|
`}}
|
|
1242
|
-
`,
|
|
1242
|
+
`,Sn=({disabledClassName:e,selectedClassName:t,tabIndex:l,id:n,testId:i="Tab",ref:r,...o})=>b.default.createElement(D.Tab,{disabled:o.disabled,disabledClassName:e,selectedClassName:t,tabIndex:l,selected:o.selected,id:n},b.default.createElement(An,{ref:r,"data-testid":i,...o}));Sn.tabsRole="Tab";const _n=w.default.div`
|
|
1243
1243
|
height: ${({theme:e})=>e.tokens.tabs.borderWidth.tab.bottom};
|
|
1244
1244
|
background: ${({theme:e})=>e.tokens.color.text.brand.primary};
|
|
1245
1245
|
position: absolute;
|
|
@@ -1250,7 +1250,7 @@
|
|
|
1250
1250
|
transition: transform ${e.tokens.duration.transition.base},
|
|
1251
1251
|
width ${e.tokens.duration.transition.base};
|
|
1252
1252
|
`:void 0}
|
|
1253
|
-
`,
|
|
1253
|
+
`,In=({tabs:t,tabRefs:l,selectedIndex:n,size:i})=>{const[r,o]=e.useState(0),[a,C]=e.useState(0);return e.useEffect((()=>{let e=0;b.default.Children.forEach(t,(t=>{if(b.default.isValidElement(t)&&"Tab"===t.type.tabsRole){const i=l.current[e];if(i&&(t.props.selected||n===e)){const e=getComputedStyle(i),t=i.clientWidth-parseFloat(e.paddingLeft)-parseFloat(e.paddingRight);C(t),o(i?.offsetLeft??0)}e++}}))}),[n]),b.default.createElement(_n,{style:{transform:`translateX(${r}px)`,width:`${a}px`},animate:void 0!==n,size:i})},Tn=({animate:t=!0,testId:l="TabList",size:n="sm",children:i,...r})=>{const o=e.useRef([]),[a,C]=e.useState();let d=0;return b.default.createElement(zn,{"data-testid":l,...r},t&&b.default.createElement(In,{tabs:i,tabRefs:o,selectedIndex:a,size:n}),b.default.Children.map(i,(e=>{const l=e;if(b.default.isValidElement(e)&&"Tab"===e.type?.tabsRole){const e=d++;return l.props.selected&&a!==e&&C(e),b.default.cloneElement(l,{...l.props,ref:t=>{o.current[e]=t},size:n,animate:t})}return e})))};Tn.tabsRole="TabList";const Pn=w.default.div`
|
|
1254
1254
|
border-radius: ${({theme:e})=>e.tokens.tag.borderRadius};
|
|
1255
1255
|
|
|
1256
1256
|
${({secondary:e,outline:l,colorTheme:n,theme:{tokens:i}})=>l?t.css`
|
|
@@ -1276,7 +1276,7 @@
|
|
|
1276
1276
|
cursor: default;
|
|
1277
1277
|
|
|
1278
1278
|
${R}
|
|
1279
|
-
`,
|
|
1279
|
+
`,Rn=()=>{const e=f.getAllTimezones(),t=Object.values(e);const l=(e=>e.map((e=>{const t=e.name.split("/"),l=t[t.length-1].replace(/_/g," ");return{value:e.name,label:`(GMT${e.utcOffsetStr}) ${l}`}})))(t.sort(((e,t)=>e.utcOffset===t.utcOffset?e.name<t.name?-1:e.name>t.name?1:0:e.utcOffset-t.utcOffset)));return l},Un=e=>(q(e.tokens.toggle.sizing.container.md.height)-q(e.tokens.toggle.sizing.slider.md))/2,On=w.default.div`
|
|
1280
1280
|
font-size: 0;
|
|
1281
1281
|
|
|
1282
1282
|
input {
|
|
@@ -1335,8 +1335,8 @@
|
|
|
1335
1335
|
label::after {
|
|
1336
1336
|
width: ${({theme:e})=>e.tokens.toggle.sizing.slider.md};
|
|
1337
1337
|
height: ${({theme:e})=>e.tokens.toggle.sizing.slider.md};
|
|
1338
|
-
top: ${({theme:e})=>
|
|
1339
|
-
left: ${({theme:e})=>
|
|
1338
|
+
top: ${({theme:e})=>Un(e)}px;
|
|
1339
|
+
left: ${({theme:e})=>Un(e)}px;
|
|
1340
1340
|
border-radius: ${({theme:e})=>e.tokens.ref.borderRadius.circle};
|
|
1341
1341
|
background-color: ${({theme:e})=>e.tokens.toggle.color.background.slider.off};
|
|
1342
1342
|
transition: ${({theme:e})=>`left ${e.tokens.duration.transition.base}, background-color ${e.tokens.duration.transition.base}`};
|
|
@@ -1357,7 +1357,7 @@
|
|
|
1357
1357
|
// Slider
|
|
1358
1358
|
+ label::after {
|
|
1359
1359
|
background-color: ${({theme:e})=>e.tokens.ref.color.gray[0]};
|
|
1360
|
-
left: ${({theme:e})=>q(e.tokens.toggle.sizing.container.md.width)-q(e.tokens.toggle.sizing.slider.md)-
|
|
1360
|
+
left: ${({theme:e})=>q(e.tokens.toggle.sizing.container.md.width)-q(e.tokens.toggle.sizing.slider.md)-Un(e)}px;
|
|
1361
1361
|
}
|
|
1362
1362
|
}
|
|
1363
1363
|
|
|
@@ -1382,7 +1382,7 @@
|
|
|
1382
1382
|
background-color: ${({theme:e,colorTheme:t})=>e.tokens.color.background[t].primaryDisabled};
|
|
1383
1383
|
}
|
|
1384
1384
|
}
|
|
1385
|
-
`;
|
|
1385
|
+
`;tl('.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}',{});const Wn=w.default(B.default)`
|
|
1386
1386
|
font-size: 12px;
|
|
1387
1387
|
background: ${({theme:e})=>e.tokens.tooltip.color.background};
|
|
1388
1388
|
box-shadow: ${({theme:e})=>Y(e.tokens.tooltip.boxShadow)};
|
|
@@ -1394,7 +1394,7 @@
|
|
|
1394
1394
|
.tippy-arrow {
|
|
1395
1395
|
color: ${({theme:e})=>e.tokens.tooltip.color.background};
|
|
1396
1396
|
}
|
|
1397
|
-
`;const Yn="1px 2px 6px rgba(0,0,0,.13)",Xn={_0:"#FFFFFF",_15:"#FAFAFA",_20:"#F5F5F5",_25:"#EDEDED",_30:"#E4E4E3",_35:"#D9D9D8",_40:"#CCCCCC",_45:"#BABABA",_50:"#737373",_60:"#595959",_80:"#4D4D4D",_85:"#333333",_90:"#141313",_100:"#000000"},Qn={$pc:{colors:{primary:{dark:"#522974",darkHoverBackground:"#3F2059",darkDisabledBackground:"#BBA5CD",light:"#F1EDF6",lightHoverBackground:"#DFD5EB",lightDisabledBackground:"#F7F4FA",lightDisabledColor:"#D0C0DD"},neutral:{dark:Xn._80,darkHoverBackground:Xn._85,darkDisabledBackground:Xn._35,light:Xn._20,lightHoverBackground:Xn._25,lightDisabledBackground:Xn._15,lightDisabledColor:Xn._45},success:{dark:"#0C8B51",darkHoverBackground:"#097041",darkDisabledBackground:"#A5CDBA",light:"#E8F0EC",lightHoverBackground:"#CFE8DA",lightDisabledBackground:"#F4FAF7",lightDisabledColor:"#C0DDCE"},error:{dark:"#A50000",darkHoverBackground:"#9C0909",darkDisabledBackground:"#CDA5A5",light:"#FCF2F2",lightHoverBackground:"#EDD3D3",lightDisabledBackground:"#FAF4F4",lightDisabledColor:"#DDC0C0"},warning:{dark:"#CB7307",darkHoverBackground:"#CB7307",darkDisabledBackground:"#E8CBA7",light:"#FBF6E9",lightHoverBackground:"#F4E9CB",lightDisabledBackground:"#FDF9EF",lightDisabledColor:"#EDC089"},info:{dark:"#3F75AC",darkHoverBackground:"#3F75AC",darkDisabledBackground:"#9EBFE1",light:"#F2F7FC",lightHoverBackground:"#E3ECF5",lightDisabledBackground:"#F2F7FC",lightDisabledColor:"#A5C4E3"},gray:Xn,focus:"#8CB7FA",borderInputHover:Xn._50,borderInput:Xn._40,borderHr:Xn._35,borderDisabled:Xn._30,text:{darkest:Xn._90,dark:Xn._80,light:Xn._50,lightest:Xn._45,white:Xn._0}},fontFamily:"'Mulish', sans-serif",fontWeight:{regular:400,bold:500},fontSize:14,borderRadius:{tiny:"4px",small:"4px",medium:"5px",large:"6px"},spacing:{xxxs:4,xxs:8,xs:12,s:16,m:20,l:24,xl:32,xxl:40,xxxl:52},transitionDuration:".2s",formControl:{height:{tiny:32,small:36,medium:44,large:52},paddingX:11},button:{minimalHoverBackground:"rgba(0,0,0,.05)",boxShadow:"4px 4px 6px rgba(0, 0, 0, 0.11)",height:{tiny:32,small:36,medium:44,large:52},fontSize:{tiny:14,small:14,medium:14,large:15},iconSize:{tiny:14,small:16,medium:20,large:22},padding:{tiny:"6px 12px",small:"8px 16px",medium:"12px 22px",large:"16px 26px"},borderRadius:{tiny:4,small:4,medium:5,large:6}},card:{default:{borderColor:"rgba(0,0,0,.1)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:"none"},elevated:{borderColor:"rgba(0,0,0,0)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:Yn}},checkboxRadio:{size:{medium:20,large:24}},fileUpload:{preview:{minSize:140,maxSize:160}},heading:{size:{h1:32,h2:28,h3:24,h4:20}},modal:{zIndex:9e3,overlayBackground:"rgba(0, 0, 0, 0.6)",windowShadow:"0 10px 30px rgba(0, 0, 0, 0.1)",size:{tiny:420,small:640,medium:940,large:1200}},multiSelect:{multiValueLabel:{paddingX:{tiny:5,small:6,medium:8,large:12},paddingY:{tiny:3,small:3,medium:5,large:8},fontSize:{tiny:12,small:12,medium:13,large:14}}},notice:{disabledButtonColor:Xn._45,disabledButtonBackground:"#FAFAFA"},selectPicker:{boxShadow:Yn,iconMaxSize:{medium:48,large:64}},spinner:{size:{tiny:14,small:16,medium:18,large:20}},tabs:{size:{small:12,medium:14,large:18}},tag:{padding:{small:"4px 12px",medium:"6px 14px"}},text:{size:{small:12,medium:14,large:18}},tooltip:{background:Xn._90,boxShadow:Yn}},tokens:{ref:{color:{gray:{0:"#FFFFFF",5:"#F8F8F8",10:"#F1F1F1",20:"#E4E4E4",30:"#D2D2D2",40:"#BABABA",50:"#9D9D9D",55:"#8A8A8A",60:"#6E6E6E",65:"#616161",70:"#4D4D4D",80:"#333333",85:"#212121",90:"#161616",100:"#000000"},purple:{5:"#F5EFF9",10:"#E7D8F1",15:"#D2B6E5",20:"#C1A4DF",30:"#A87CD5",50:"#8449BF",55:"#6F3CA4",60:"#633096",70:"#542D7C",90:"#351852"},teal:{5:"#E8F7F5",10:"#D7F4F0",20:"#97CFC7",50:"#00A78F",60:"#098775",70:"#2A6A61",80:"#1A584F",90:"#09352F"},blue:{5:"#EEF4FB",10:"#DCEAFB",20:"#ABC9ED",40:"#5692D7",50:"#4184D2",60:"#2E70BD",70:"#3069AC",80:"#245998",90:"#0F2651"},yellow:{5:"#FCF6EA",10:"#F5EAD3",20:"#DABD81",50:"#D99814",60:"#BD7F00",70:"#886A2E",80:"#725723",90:"#3D3017"},red:{5:"#FBF1EF",10:"#F9E4E0",20:"#D6A499",40:"#EE6C4F",50:"#C84E33",60:"#9C3923",70:"#893725",80:"#742919",90:"#4E1C11"}},borderRadius:{pill:"999px",circle:"50%",xs:"4px",sm:"6px",md:"8px",lg:"16px"},boxShadow:{xs:{x:"0",y:"2px",blur:"2px",spread:"0",color:"rgba(0,0,0,.06)",type:"dropShadow"},sm:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],md:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],lg:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"}},fontFamily:{base:"Mulish"},fontWeight:{regular:"400",semibold:"600",bold:"600"},spacing:{"3xs":"4px","2xs":"8px",xs:"12px",sm:"16px",md:"20px",lg:"24px",xl:"32px","2xl":"40px","3xl":"52px"},lineHeight:{xs:"100%",sm:"120%",md:"140%",lg:"160%"},fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"28px","4xl":"32px"}},text:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"12px"}},lineHeight:"100%"},paragraphSm:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"12px"}}},paragraphMd:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"12px"}}},paragraphLg:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"12px"}}},heading:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"20px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"20px"}},lineHeight:"120%",fontSize:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}},button:{fontWeight:"600",boxShadow:{primary:{x:"0",y:"0",blur:"0",spread:"0",color:"rgba(0,0,0,0)",type:"dropShadow"}},spacing:{x:{xs:"12px",sm:"16px",md:"22px",lg:"26px"}},sizing:{icon:{xs:"14px",sm:"16px",md:"20px",lg:"22px"}},fontSize:{xs:"14px",sm:"14px",md:"14px",lg:"15px"},borderWidth:"1px"},inputButton:{borderRadius:{xs:"4px",sm:"6px",md:"6px",lg:"6px"},sizing:{height:{xs:"32px",sm:"36px",md:"44px",lg:"52px"}}},checkboxRadio:{sizing:{sm:"16px",md:"20px",lg:"24px"}},notice:{borderRadius:"6px"},tag:{borderRadius:"999px",sizing:{height:{sm:"22px",md:"26px"}},spacing:{x:{sm:"12px",md:"14px"}},fontSize:{sm:"12px",md:"12px"},fontWeight:"400",borderWidth:"1px"},toggle:{sizing:{container:{md:{width:"36px",height:"20px"}},slider:{md:"14px"}},color:{background:{container:{off:"#FFFFFF",offDisabled:"#F8F8F8",offInteraction:"#FFFFFF"},slider:{off:"#D2D2D2",offDisabled:"#E4E4E4"}},border:{container:{off:"#D2D2D2",offDisabled:"#E4E4E4",offInteraction:"#BABABA"}}}},modal:{color:{background:{overlay:"rgba(0,0,0,.6)"}},sizing:{maxWidth:{xs:"420px",sm:"640px",md:"940px",lg:"1200px"}},boxShadow:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"},borderRadius:"16px"},color:{background:{primary:"#FFFFFF",secondary:"#F8F8F8",tertiary:"#F1F1F1",brand:{primary:"#8449BF",primaryInteraction:"#633096",primaryDisabled:"#D2B6E5",secondary:"#F5EFF9",secondaryInteraction:"#E7D8F1",secondaryDisabled:"#F5EFF9"},success:{primary:"#00A78F",primaryInteraction:"#098775",primaryDisabled:"#97CFC7",secondary:"#E8F7F5",secondaryInteraction:"#D7F4F0",secondaryDisabled:"#E8F7F5"},error:{primary:"#C84E33",primaryInteraction:"#9C3923",primaryDisabled:"#D6A499",secondary:"#FBF1EF",secondaryInteraction:"#F9E4E0",secondaryDisabled:"#FBF1EF"},warning:{primary:"#D99814",primaryInteraction:"#BD7F00",primaryDisabled:"#DABD81",secondary:"#FCF6EA",secondaryInteraction:"#F5EAD3",secondaryDisabled:"#FCF6EA"},info:{primary:"#4184D2",primaryInteraction:"#2E70BD",primaryDisabled:"#ABC9ED",secondary:"#EEF4FB",secondaryInteraction:"#DCEAFB",secondaryDisabled:"#EEF4FB"},neutral:{primary:"#616161",primaryInteraction:"#4D4D4D",primaryDisabled:"#BABABA",secondary:"#F1F1F1",secondaryInteraction:"#E4E4E4",secondaryDisabled:"#F1F1F1"}},text:{primary:"#161616",secondary:"#4D4D4D",tertiary:"#6E6E6E",quaternary:"#9D9D9D",inverse:"#FFFFFF",brand:{primary:"#8449BF",disabled:"#D2B6E5",onPrimary:"#FFFFFF",onSecondary:"#8449BF"},success:{primary:"#00A78F",disabled:"#97CFC7",onPrimary:"#FFFFFF",onSecondary:"#00A78F"},error:{primary:"#C84E33",disabled:"#D6A499",onPrimary:"#FFFFFF",onSecondary:"#C84E33"},warning:{primary:"#BD7F00",disabled:"#DABD81",onPrimary:"#FFFFFF",onSecondary:"#BD7F00"},info:{primary:"#4184D2",disabled:"#ABC9ED",onPrimary:"#FFFFFF",onSecondary:"#4184D2"},neutral:{primary:"#161616",disabled:"#BABABA",onPrimary:"#FFFFFF",onSecondary:"#161616"}},border:{primary:"#D2D2D2",primaryInteraction:"#9D9D9D",secondary:"#E4E4E4",secondaryInteraction:"#BABABA",focus:"#ABC9ED",brand:{primary:"#8449BF",secondary:"#C1A4DF"},error:{primary:"#C84E33"},success:{primary:"#00A78F"},warning:{primary:"#D99814"},info:{primary:"#4184D2"},neutral:{primary:"#9D9D9D"}}},card:{color:{background:{primary:"#FFFFFF",primaryDisabled:"#FFFFFF",secondary:"#F8F8F8",secondaryDisabled:"#F8F8F8"},border:{base:"#E4E4E4",elevated:"#F1F1F1",interaction:"#BABABA",disabled:"#F1F1F1"}},boxShadow:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],borderRadius:"8px"},leverageSlider:{color:{background:{leverage:{1:"#00A78F",10:"#0FA888",25:"#21A67E",50:"#33A574",100:"#45A469",200:"#5EA25B",300:"#79A04C",400:"#809F47",500:"#909E3F",600:"#AC9C2E",777:"#C99A1E",800:"#C99A1E",1e3:"#D99814",2e3:"#D17324",unlimited:"#C84E33"}}}},duration:{transition:{base:"200ms"}},textParagraph:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px"}},tooltip:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],color:{background:"#161616"}},dropdown:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],borderRadius:"8px"},spinner:{sizing:{xs:"14px",sm:"16px",md:"18px",lg:"20px"}},fontSize:{base:"14px"},input:{spacing:{x:"11px"},borderWidth:"1px"},borderWidth:{focus:"2px"},multiSelect:{spacing:{multiValueLabel:{x:{xs:"5px",sm:"6px",md:"8px",lg:"12px"},y:{xs:"3px",sm:"3px",md:"5px",lg:"8px"}}},fontSize:{multiValueLabel:{xs:"12px",sm:"12px",md:"13px",lg:"14px"}}},tabs:{borderWidth:{tab:{bottom:"2px"}}},menu:{borderRadius:{item:"6px"}}}},Jn=t.createGlobalStyle`
|
|
1397
|
+
`;const Nn="1px 2px 6px rgba(0,0,0,.13)",jn={_0:"#FFFFFF",_15:"#FAFAFA",_20:"#F5F5F5",_25:"#EDEDED",_30:"#E4E4E3",_35:"#D9D9D8",_40:"#CCCCCC",_45:"#BABABA",_50:"#737373",_60:"#595959",_80:"#4D4D4D",_85:"#333333",_90:"#141313",_100:"#000000"},qn={$pc:{colors:{primary:{dark:"#522974",darkHoverBackground:"#3F2059",darkDisabledBackground:"#BBA5CD",light:"#F1EDF6",lightHoverBackground:"#DFD5EB",lightDisabledBackground:"#F7F4FA",lightDisabledColor:"#D0C0DD"},neutral:{dark:jn._80,darkHoverBackground:jn._85,darkDisabledBackground:jn._35,light:jn._20,lightHoverBackground:jn._25,lightDisabledBackground:jn._15,lightDisabledColor:jn._45},success:{dark:"#0C8B51",darkHoverBackground:"#097041",darkDisabledBackground:"#A5CDBA",light:"#E8F0EC",lightHoverBackground:"#CFE8DA",lightDisabledBackground:"#F4FAF7",lightDisabledColor:"#C0DDCE"},error:{dark:"#A50000",darkHoverBackground:"#9C0909",darkDisabledBackground:"#CDA5A5",light:"#FCF2F2",lightHoverBackground:"#EDD3D3",lightDisabledBackground:"#FAF4F4",lightDisabledColor:"#DDC0C0"},warning:{dark:"#CB7307",darkHoverBackground:"#CB7307",darkDisabledBackground:"#E8CBA7",light:"#FBF6E9",lightHoverBackground:"#F4E9CB",lightDisabledBackground:"#FDF9EF",lightDisabledColor:"#EDC089"},info:{dark:"#3F75AC",darkHoverBackground:"#3F75AC",darkDisabledBackground:"#9EBFE1",light:"#F2F7FC",lightHoverBackground:"#E3ECF5",lightDisabledBackground:"#F2F7FC",lightDisabledColor:"#A5C4E3"},gray:jn,focus:"#8CB7FA",borderInputHover:jn._50,borderInput:jn._40,borderHr:jn._35,borderDisabled:jn._30,text:{darkest:jn._90,dark:jn._80,light:jn._50,lightest:jn._45,white:jn._0}},fontFamily:"'Mulish', sans-serif",fontWeight:{regular:400,bold:500},fontSize:14,borderRadius:{tiny:"4px",small:"4px",medium:"5px",large:"6px"},spacing:{xxxs:4,xxs:8,xs:12,s:16,m:20,l:24,xl:32,xxl:40,xxxl:52},transitionDuration:".2s",formControl:{height:{tiny:32,small:36,medium:44,large:52},paddingX:11},button:{minimalHoverBackground:"rgba(0,0,0,.05)",boxShadow:"4px 4px 6px rgba(0, 0, 0, 0.11)",height:{tiny:32,small:36,medium:44,large:52},fontSize:{tiny:14,small:14,medium:14,large:15},iconSize:{tiny:14,small:16,medium:20,large:22},padding:{tiny:"6px 12px",small:"8px 16px",medium:"12px 22px",large:"16px 26px"},borderRadius:{tiny:4,small:4,medium:5,large:6}},card:{default:{borderColor:"rgba(0,0,0,.1)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:"none"},elevated:{borderColor:"rgba(0,0,0,0)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:Nn}},checkboxRadio:{size:{medium:20,large:24}},fileUpload:{preview:{minSize:140,maxSize:160}},heading:{size:{h1:32,h2:28,h3:24,h4:20}},modal:{zIndex:9e3,overlayBackground:"rgba(0, 0, 0, 0.6)",windowShadow:"0 10px 30px rgba(0, 0, 0, 0.1)",size:{tiny:420,small:640,medium:940,large:1200}},multiSelect:{multiValueLabel:{paddingX:{tiny:5,small:6,medium:8,large:12},paddingY:{tiny:3,small:3,medium:5,large:8},fontSize:{tiny:12,small:12,medium:13,large:14}}},notice:{disabledButtonColor:jn._45,disabledButtonBackground:"#FAFAFA"},selectPicker:{boxShadow:Nn,iconMaxSize:{medium:48,large:64}},spinner:{size:{tiny:14,small:16,medium:18,large:20}},tabs:{size:{small:12,medium:14,large:18}},tag:{padding:{small:"4px 12px",medium:"6px 14px"}},text:{size:{small:12,medium:14,large:18}},tooltip:{background:jn._90,boxShadow:Nn}},tokens:{ref:{color:{gray:{0:"#FFFFFF",5:"#F8F8F8",10:"#F1F1F1",20:"#E4E4E4",30:"#D2D2D2",40:"#BABABA",50:"#9D9D9D",55:"#8A8A8A",60:"#6E6E6E",65:"#616161",70:"#4D4D4D",80:"#333333",85:"#212121",90:"#161616",100:"#000000"},purple:{5:"#F5EFF9",10:"#E7D8F1",15:"#D2B6E5",20:"#C1A4DF",30:"#A87CD5",50:"#8449BF",55:"#6F3CA4",60:"#633096",70:"#542D7C",90:"#351852"},teal:{5:"#E8F7F5",10:"#D7F4F0",20:"#97CFC7",50:"#00A78F",60:"#098775",70:"#2A6A61",80:"#1A584F",90:"#09352F"},blue:{5:"#EEF4FB",10:"#DCEAFB",20:"#ABC9ED",40:"#5692D7",50:"#4184D2",60:"#2E70BD",70:"#3069AC",80:"#245998",90:"#0F2651"},yellow:{5:"#FCF6EA",10:"#F5EAD3",20:"#DABD81",50:"#D99814",60:"#BD7F00",70:"#886A2E",80:"#725723",90:"#3D3017"},red:{5:"#FBF1EF",10:"#F9E4E0",20:"#D6A499",40:"#EE6C4F",50:"#C84E33",60:"#9C3923",70:"#893725",80:"#742919",90:"#4E1C11"}},borderRadius:{pill:"999px",circle:"50%",xs:"4px",sm:"6px",md:"8px",lg:"16px"},boxShadow:{xs:{x:"0",y:"2px",blur:"2px",spread:"0",color:"rgba(0,0,0,.06)",type:"dropShadow"},sm:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],md:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],lg:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"}},fontFamily:{base:"Mulish"},fontWeight:{regular:"400",semibold:"600",bold:"600"},spacing:{"3xs":"4px","2xs":"8px",xs:"12px",sm:"16px",md:"20px",lg:"24px",xl:"32px","2xl":"40px","3xl":"52px"},lineHeight:{xs:"100%",sm:"120%",md:"140%",lg:"160%"},fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"28px","4xl":"32px"}},text:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"12px"}},lineHeight:"100%"},paragraphSm:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"12px"}}},paragraphMd:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"12px"}}},paragraphLg:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"12px"}}},heading:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"20px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"20px"}},lineHeight:"120%",fontSize:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}},button:{fontWeight:"600",boxShadow:{primary:{x:"0",y:"0",blur:"0",spread:"0",color:"rgba(0,0,0,0)",type:"dropShadow"}},spacing:{x:{xs:"12px",sm:"16px",md:"22px",lg:"26px"}},sizing:{icon:{xs:"14px",sm:"16px",md:"20px",lg:"22px"}},fontSize:{xs:"14px",sm:"14px",md:"14px",lg:"15px"},borderWidth:"1px"},inputButton:{borderRadius:{xs:"4px",sm:"6px",md:"6px",lg:"6px"},sizing:{height:{xs:"32px",sm:"36px",md:"44px",lg:"52px"}}},checkboxRadio:{sizing:{sm:"16px",md:"20px",lg:"24px"}},notice:{borderRadius:"6px"},tag:{borderRadius:"999px",sizing:{height:{sm:"22px",md:"26px"}},spacing:{x:{sm:"12px",md:"14px"}},fontSize:{sm:"12px",md:"12px"},fontWeight:"400",borderWidth:"1px"},toggle:{sizing:{container:{md:{width:"36px",height:"20px"}},slider:{md:"14px"}},color:{background:{container:{off:"#FFFFFF",offDisabled:"#F8F8F8",offInteraction:"#FFFFFF"},slider:{off:"#D2D2D2",offDisabled:"#E4E4E4"}},border:{container:{off:"#D2D2D2",offDisabled:"#E4E4E4",offInteraction:"#BABABA"}}}},modal:{color:{background:{overlay:"rgba(0,0,0,.6)"}},sizing:{maxWidth:{xs:"420px",sm:"640px",md:"940px",lg:"1200px"}},boxShadow:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"},borderRadius:"16px"},color:{background:{primary:"#FFFFFF",secondary:"#F8F8F8",tertiary:"#F1F1F1",brand:{primary:"#8449BF",primaryInteraction:"#633096",primaryDisabled:"#D2B6E5",secondary:"#F5EFF9",secondaryInteraction:"#E7D8F1",secondaryDisabled:"#F5EFF9"},success:{primary:"#00A78F",primaryInteraction:"#098775",primaryDisabled:"#97CFC7",secondary:"#E8F7F5",secondaryInteraction:"#D7F4F0",secondaryDisabled:"#E8F7F5"},error:{primary:"#C84E33",primaryInteraction:"#9C3923",primaryDisabled:"#D6A499",secondary:"#FBF1EF",secondaryInteraction:"#F9E4E0",secondaryDisabled:"#FBF1EF"},warning:{primary:"#D99814",primaryInteraction:"#BD7F00",primaryDisabled:"#DABD81",secondary:"#FCF6EA",secondaryInteraction:"#F5EAD3",secondaryDisabled:"#FCF6EA"},info:{primary:"#4184D2",primaryInteraction:"#2E70BD",primaryDisabled:"#ABC9ED",secondary:"#EEF4FB",secondaryInteraction:"#DCEAFB",secondaryDisabled:"#EEF4FB"},neutral:{primary:"#616161",primaryInteraction:"#4D4D4D",primaryDisabled:"#BABABA",secondary:"#F1F1F1",secondaryInteraction:"#E4E4E4",secondaryDisabled:"#F1F1F1"}},text:{primary:"#161616",secondary:"#4D4D4D",tertiary:"#6E6E6E",quaternary:"#9D9D9D",inverse:"#FFFFFF",brand:{primary:"#8449BF",disabled:"#D2B6E5",onPrimary:"#FFFFFF",onSecondary:"#8449BF"},success:{primary:"#00A78F",disabled:"#97CFC7",onPrimary:"#FFFFFF",onSecondary:"#00A78F"},error:{primary:"#C84E33",disabled:"#D6A499",onPrimary:"#FFFFFF",onSecondary:"#C84E33"},warning:{primary:"#BD7F00",disabled:"#DABD81",onPrimary:"#FFFFFF",onSecondary:"#BD7F00"},info:{primary:"#4184D2",disabled:"#ABC9ED",onPrimary:"#FFFFFF",onSecondary:"#4184D2"},neutral:{primary:"#161616",disabled:"#BABABA",onPrimary:"#FFFFFF",onSecondary:"#161616"}},border:{primary:"#D2D2D2",primaryInteraction:"#9D9D9D",secondary:"#E4E4E4",secondaryInteraction:"#BABABA",focus:"#ABC9ED",brand:{primary:"#8449BF",secondary:"#C1A4DF"},error:{primary:"#C84E33"},success:{primary:"#00A78F"},warning:{primary:"#D99814"},info:{primary:"#4184D2"},neutral:{primary:"#9D9D9D"}}},card:{color:{background:{primary:"#FFFFFF",primaryDisabled:"#FFFFFF",secondary:"#F8F8F8",secondaryDisabled:"#F8F8F8"},border:{base:"#E4E4E4",elevated:"#F1F1F1",interaction:"#BABABA",disabled:"#F1F1F1"}},boxShadow:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],borderRadius:"8px"},leverageSlider:{color:{background:{leverage:{1:"#00A78F",10:"#0FA888",25:"#21A67E",50:"#33A574",100:"#45A469",200:"#5EA25B",300:"#79A04C",400:"#809F47",500:"#909E3F",600:"#AC9C2E",777:"#C99A1E",800:"#C99A1E",1e3:"#D99814",2e3:"#D17324",unlimited:"#C84E33"}}}},duration:{transition:{base:"200ms"}},textParagraph:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px"}},tooltip:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],color:{background:"#161616"}},dropdown:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],borderRadius:"8px"},spinner:{sizing:{xs:"14px",sm:"16px",md:"18px",lg:"20px"}},fontSize:{base:"14px"},input:{spacing:{x:"11px"},borderWidth:"1px"},borderWidth:{focus:"2px"},multiSelect:{spacing:{multiValueLabel:{x:{xs:"5px",sm:"6px",md:"8px",lg:"12px"},y:{xs:"3px",sm:"3px",md:"5px",lg:"8px"}}},fontSize:{multiValueLabel:{xs:"12px",sm:"12px",md:"13px",lg:"14px"}}},tabs:{borderWidth:{tab:{bottom:"2px"}}},menu:{borderRadius:{item:"6px"}}}},Gn=t.createGlobalStyle`
|
|
1398
1398
|
*,
|
|
1399
1399
|
*:before,
|
|
1400
1400
|
*:after {
|
|
@@ -1412,5 +1412,5 @@
|
|
|
1412
1412
|
-webkit-font-smoothing: antialiased;
|
|
1413
1413
|
-moz-osx-font-smoothing: grayscale;
|
|
1414
1414
|
}
|
|
1415
|
-
`;Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return D.TabPanel}}),exports.Box=ne,exports.Button=_e,exports.ButtonGroup=({testId:e="ButtonGroup",children:t,dividers:l,...n})=>{const i=l&&Array.isArray(t)?((e,t)=>b.default.Children.map(e,(e=>e.props.minimal?[e,t]:[e])).flat().slice(0,-1))(t,b.default.createElement(Te,null,b.default.createElement(Pe,null))):t;return b.default.createElement(Ie,{...n,"data-testid":e},i)},exports.Card=Ue,exports.Checkbox=et,exports.ClosableButton=rt,exports.ClosableItem=({testId:e="ClosableItem",className:t,onClose:l,...n})=>b.default.createElement(ot,{className:t,"data-testid":e},b.default.createElement(at,{...n}),b.default.createElement(it,{type:"button",onClick:l},b.default.createElement("img",{src:tt,alt:""}))),exports.Collapsible=st,exports.CollapsibleCard=({testId:e="CollapsibleCard",initialOpen:t=!0,arrowReverse:l=!1,showCard:n=!0,headingMarginBottom:i="xs",iconRotationDeg:r=90,arrow:o,heading:a,rightContent:C,children:d,...s})=>{const[c,p]=b.default.useState(!t);return b.default.createElement(ht,{as:n?Ue:ne,p:s.p??(n?"xs":0),pb:s.pb??s.py??s.p??0,"data-testid":e,...s},b.default.createElement(ct,{alignItems:"center",justifyContent:"space-between",flexWrap:"wrap"},b.default.createElement(mt,{mb:i,onClick:()=>p(!c),arrowReverse:l},b.default.createElement(Dt,{collapsed:c,iconRotationDeg:r},o??b.default.createElement(ft,{secondary:!0,size:"xs",colorTheme:"neutral",icon:"chevron-right"})),"string"==typeof a?b.default.createElement(gt,{element:"h4",bold:!1,mx:l?0:"xs"},a):a),!!C&&b.default.createElement(ne,{mb:"xs"},C)),b.default.createElement(st,{collapsed:c},b.default.createElement(ne,{pb:n?"xs":0},d)))},exports.ColorTheme=U,exports.DateInput=({size:t="md",months:l=Jt,locale:n="eu",testId:i="DateInput",onChange:r,warning:o,error:a,inputLabels:C,dateFormatError:d="Please enter a valid date.",value:s,className:c,dayProps:p,monthProps:u,yearProps:g,...h})=>{const m=l??[],[D,f]=e.useState(s?.day??null),[F,x]=e.useState(s?.month?{value:s.month,label:Kt(m,s.month)}:null),[v,w]=e.useState(s?.year??null),[E,L]=e.useState(void 0);e.useEffect((()=>{D&&F&&v?((e,t,l)=>{if(!e||!t||!l)return!1;const n=("string"==typeof t?parseInt(t,10):t)-1;return n>=0&&n<12&&e>0&&e<=((e,t)=>{switch(e){case 1:return t%4==0&&t%100||t%400==0?29:28;case 8:case 3:case 5:case 10:return 30;default:return 31}})(n,l)})(D,F.value,v)?(r({day:D,month:"string"==typeof F.value?parseInt(F.value,10):F.value,year:v}),L(void 0)):(r(null),L(d)):(r(null),L(void 0))}),[D,F,v,d]);const y=C??{day:"Day",month:"Month",year:"Year"},k=()=>{D&&F&&v&&h.setTouched&&h.setTouched(!0)},H=b.default.createElement(_t,{name:"day",min:1,max:31,pattern:"[0-9]*",autoComplete:"bday-day",label:y.day,value:D,onChange:e=>f(e),onBlur:k,error:!!a,size:t,success:h.success,disabled:h.disabled,maxDecimalCount:0,numberFormatErrorMessage:d,...p}),M=b.default.createElement(Yt,{name:"month",label:y.month,value:F,onChange:e=>x(e),onBlur:k,options:m,error:!!a,size:t,success:h.success,disabled:h.disabled,...u}),V=b.default.createElement(_t,{name:"year",min:1,autoComplete:"bday-year",pattern:"[0-9]*",label:y.year,value:v,onChange:e=>w(e),onBlur:k,error:!!a,size:t,success:h.success,disabled:h.disabled,maxDecimalCount:0,numberFormatErrorMessage:d,...g});return b.default.createElement(Xt,{className:c,"data-testid":i},"ja"===n?b.default.createElement(Qt,null,V,M,H):"us"===n?b.default.createElement(Qt,null,M,H,V):b.default.createElement(Qt,null,H,M,V),E&&!a&&b.default.createElement(Qe,{error:E}),b.default.createElement(Qe,{warning:o,error:a}))},exports.DatePicker=({testId:e="DatePicker",value:t,onChange:l,dayPickerProps:n,...i})=>b.default.createElement(nl,{selected:t??void 0,initialDate:t,onDayClick:(e,{selected:t,disabled:n})=>{n||l(t?null:e)},testId:e,...i,...n}),exports.DateRangePicker=({testId:e="DateRangePicker",value:t,onChange:l,dayPickerProps:n,...i})=>{const r={from:t.from??void 0,to:t.to??void 0};return b.default.createElement(il,{className:"DateRangePicker",selected:r,initialDate:t.from,onDayClick:(e,{disabled:t})=>{if(t)return;const n=a.addToRange(e,r);l({from:n?.from??null,to:n?.to??null})},testId:e,...i,...n})},exports.Dropdown=({testId:t="Dropdown",content:l,onCreate:n,onMount:i,onHide:r,...o})=>{const[a,C]=e.useState(!1);return b.default.createElement(b.default.Fragment,null,b.default.createElement(k.default,{render:(e,t,n)=>b.default.createElement(rl,{visible:a,...e},l(n?.hide)),trigger:"click",interactive:!0,animation:!0,placement:"bottom-start",onCreate:e=>{e.popper.dataset.testid=t,n&&n(e)},onMount:e=>{C(!0),i&&i(e)},onHide:e=>{const t=()=>{e.unmount(),e.popper.firstChild?.removeEventListener("transitionend",t)};e.popper.firstChild?.addEventListener("transitionend",t),C(!1),r&&r(e)},...o}))},exports.FileUpload=({multiple:t=!0,additive:l=!1,testId:n="FileUpload",files:i,setFiles:r,label:o,labelTouchDevice:a,dragInstructions:C,onFileDrop:s,acceptedFilePattern:c,uploadButtonText:p,uploadButtonTextTouchDevice:u,onFileRemove:g,error:h,className:m,fileValidation:D,withIcon:f,onPassword:F,passwordPromptText:x="Enter the password to open this PDF file.",passwordIncorrectText:v="Invalid password. Please try again.",passwordConfirmButtonText:w="Confirm",passwordCancelButtonText:E="Cancel",passwordPlaceholderText:L="Password",unsupportedFileFormatErrorMessage:y="Unsupported file format. Supported formats: "})=>{const[k,H]=e.useState([]),M=(()=>{const[t,l]=e.useState([]);return{add:e=>{l((t=>[...t,e]))},editCurrentItem:e=>{l((t=>[{...t[0],...e},...t.slice(1)]))},currentItem:t.length>0?t[0]:null,setAttr:e=>{l([{...t[0],...e},...t.slice(1)])},remove:()=>l(t.slice(1)),removeAll:()=>l([])}})(),V=c??{"image/*":[".png",".jpg",".jpeg",".gif"],"application/pdf":[".pdf"]},$=e.useCallback((async e=>{const t=D?[]:e;if(D){const l=[];await Promise.all(e.map((async e=>{const n=await D(e);n?l.push(`${e.name}: ${n}`):t.push(e)}))),H(l)}r(t)}),[r,D]);e.useEffect((()=>()=>{i.forEach((e=>URL.revokeObjectURL(e.preview)))}),[]);const Z=e.useCallback((e=>{k.includes(y)&&H((e=>e.filter((e=>e!==y))));const t=e.map((e=>Object.assign(e,{preview:URL.createObjectURL(e)})));void 0!==s&&s(t),$(l?[...i,...t].reduce(((e,t)=>(e.some((e=>e.name===t.name))||e.push(t),e)),[]):t)}),[i,l,s,$,k,y]),B=e.useCallback((e=>{const t=Object.values(V).flat().join(", "),l=`${y} ${t}.`;e.map((e=>{e.errors.map((e=>{"file-invalid-type"===e.code&&H((e=>e.includes(l)?e:[...e,l]))}))}))}),[y]),{getRootProps:z,getInputProps:A,isDragActive:S,open:_}=d.useDropzone({accept:V,onDrop:Z,onDropRejected:B,noClick:!0,multiple:t});return b.default.createElement($l,{className:m,"data-testid":n},b.default.createElement(kl,{open:!!M.currentItem,onClose:()=>{$([]),M.removeAll()},passwordPromptText:x,passwordIncorrectText:v,passwordConfirmButtonText:w,passwordCancelButtonText:E,passwordPlaceholderText:L,passwordQueue:M}),b.default.createElement(Zl,{...z(),isDragActive:S,error:h||k.length>0},b.default.createElement("input",{...A()}),b.default.createElement(Ml,null,i.map((e=>b.default.createElement(Vl,{key:e.name},b.default.createElement(sl,{file:e,setFiles:$,onPassword:F,passwordQueue:M}),b.default.createElement(Hl,{onClick:()=>(e=>{URL.revokeObjectURL(e.preview),$(i.filter((t=>t.preview!==e.preview))),void 0!==g&&g(e)})(e)},b.default.createElement(be,{icon:"trash-error",size:"s"})))))),f&&b.default.createElement(Sl,{src:"data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2236%22%20viewBox%3D%220%200%2048%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2025.5V1.5%22%20stroke%3D%22%23522974%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M33.002%2010.5L24%201.5L15%2010.5%22%20stroke%3D%22%23522974%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M46.502%2025.5V28.5C46.502%2031.8%2043.802%2034.5%2040.502%2034.5H7.49998L7.47998%2034.498C4.15998%2034.478%201.47998%2031.798%201.47998%2028.498V28.496V25.496%22%20stroke%3D%22%23522974%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"}),S?b.default.createElement(Bl,null,C??"Drop the files here ..."):b.default.createElement(b.default.Fragment,null,b.default.createElement(zl,null,b.default.createElement(Bl,null,o??"Drag 'n' drop some files here, or ")),a&&b.default.createElement(Bl,null,b.default.createElement(Al,null,a))),b.default.createElement(_e,{name:"uploadButton",type:"button",onClick:_,size:"sm",icon:"paper",colorTheme:"brand",secondary:!0},b.default.createElement(zl,null,p??"Select files"),b.default.createElement(Al,null,u??"Select files"))),"string"==typeof h&&h&&b.default.createElement(Qe,{error:h}),k.length>0&&k.map(((e,t)=>b.default.createElement(Qe,{error:e,key:t}))))},exports.Flex=ct,exports.GlobalStyles=Jn,exports.Grid=e=>b.default.createElement(ne,{display:"grid",...e}),exports.Heading=gt,exports.HorizontalDivider=({height:e=1,my:t="s",testId:l="HorizontalDivider",...n})=>b.default.createElement(_l,{$height:e,my:t,"data-testid":l,...n}),exports.Icon=be,exports.IconAlignment=["left","right"],exports.Image=({testId:e="Image",width:t,height:l,...n})=>b.default.createElement(Il,{"data-testid":e,$width:t,$height:l,...n}),exports.Label=({testId:e="Label",...t})=>b.default.createElement(Tl,{"data-testid":e,...t}),exports.Link=jl,exports.LinkButton=ql,exports.List=({children:e,...t})=>{const l=M.default(t,Gl);return b.default.createElement(Yl,{...t},b.default.Children.map(e,(e=>b.default.isValidElement(e)?b.default.cloneElement(e,Object.assign({},l,e.props)):e)))},exports.ListItem=({size:e="sm",color:t="primary",bulletColor:l="tertiary",mb:n="2xs",icon:i="bullet-point",children:r,...o})=>b.default.createElement(Xl,{$size:e,$color:t,mb:n,...o},b.default.createElement(en,{icon:i,bulletColor:l}),r),exports.Menu=({testId:e="Menu",...t})=>b.default.createElement(tn,{p:"xxxs","data-testid":e,...t}),exports.MenuItem=({testId:e="MenuItem",onClick:t,children:l,icon:n,className:i,...r})=>b.default.createElement(ln,{"data-testid":e,className:i,...r},b.default.createElement(nn,{onClick:r.disabled?void 0:t,...r},b.default.createElement(Cn,{icon:n,disabled:r.disabled,colorTheme:r.colorTheme}),l)),exports.Modal=hl,exports.MultiSelect=({value:e=[],testId:t="MultiSelect",...l})=>b.default.createElement(Nt,{formatOptionLabel:sn,multiple:!0,value:e,testId:t,...l}),exports.MultiSlider=({testId:t="MultiSlider",px:l,disabled:n,...i})=>{const r=V.default(i.value),[o,a]=gn(i.value,i,r);return e.useEffect((()=>{o&&o.current&&(o.current.on("update",(()=>{const e=o.current?.get();Array.isArray(e)&&i.onChange(e)})),o.current.on("change",(()=>{const e=o.current?.get();i.onRelease&&Array.isArray(e)&&i.onRelease(e)})))}),[o]),b.default.createElement(un,{className:i.className,testId:t,sliderRef:a,sliderApi:o.current,disabled:n,px:l})},exports.Notice=bl,exports.NumberInput=_t,exports.Pagination=({testId:e="Pagination",size:t="md",colorTheme:l="brand",previousLabel:n="Previous page",nextLabel:i="Next page",page:r,totalPages:o,onChange:a,...C})=>{const d=(({page:e,totalPages:t})=>{const l=fn(1,Math.min(1,t)),n=fn(Math.max(t-1+1,2),t),i=Math.max(Math.min(e-1,t-1-2-1),3),r=Math.min(Math.max(e+1,5),n.length>0?n[0]-2:t-1);return[...l,...i>3?["ellipsis-start"]:2<t-1?[2]:[],...fn(i,r),...r<t-1-1?["ellipsis-end"]:t-1>1?[t-1]:[],...n]})({page:r,totalPages:o}),s={colorTheme:l,size:t,mx:"3xs",mb:"2xs"};return b.default.createElement(hn,{mx:"-4px",...C,"data-testid":e},b.default.createElement(mn,{...s,disabled:r<=1,onClick:()=>a(r-1),icon:"arrow-left",secondary:!0},n),d.map((e=>"string"==typeof e?b.default.createElement(Dn,{size:t,key:e,mb:s.mb},"..."):b.default.createElement(mn,{...s,key:e,onClick:()=>a(e),selected:r===e,secondary:r!==e},e))),b.default.createElement(mn,{...s,disabled:r>=o,onClick:()=>a(r+1),icon:"arrow-right",iconAlignment:"right",secondary:!0},i))},exports.Paragraph=El,exports.PasswordInput=xn,exports.PasswordStrength=({testId:t="PasswordStrength",password:l,labelText:n="Password strength",strengthText:i,...r})=>{const o=e.useMemo((()=>Object.assign({[Ln.NONE]:"None",[Ln.WEAK]:"Weak",[Ln.FAIR]:"Fair",[Ln.GOOD]:"Good",[Ln.EXCELLENT]:"Excellent"},i)),[i]),{strength:a,textColor:C,progressBarColor:d,progressBarValue:s}=yn(l);return b.default.createElement(ct,{justifyContent:"space-between",alignItems:"center","data-testid":t,width:"100%",...r},b.default.createElement(ct,{flexWrap:"wrap"},b.default.createElement(al,{element:"span",pr:"2xs"},n),b.default.createElement(al,{element:"span",color:C,bold:!0,pr:"2xs"},o[a])),b.default.createElement(En,null,b.default.createElement(wn,{value:s,color:d})))},exports.PhoenixIcons=me,exports.PhoenixIconsColored=he,exports.PhoenixIconsColoredSrc=pe,exports.PhoenixIconsOutlined=ge,exports.PhoenixIconsOutlinedSrc=ce,exports.PhoenixIconsSrc=ue,exports.ProgressBar=wn,exports.Radio=({size:e="md",colorTheme:t="brand",className:l,warning:n,error:i,testId:r="Radio",...o})=>b.default.createElement(b.default.Fragment,null,b.default.createElement(kn,{className:l,colorTheme:t,size:e,"data-testid":r,warning:!!n,error:!!i},b.default.createElement(Ge,{type:"radio",...o})),b.default.createElement(Qe,{warning:n,error:i})),exports.Select=Yt,exports.SelectNative=Gt,exports.SelectPicker=({colorTheme:t="brand",size:l="md",multiSelect:n=!1,testId:i="SelectPicker",imageSize:r,options:o,name:a,onChange:C,value:d,error:s,warning:c,onMouseOver:p,onMouseLeave:u,className:g})=>{const h=n&&Array.isArray(d)?d:[],[m,D]=e.useState(h),[f,F]=e.useState(!1);e.useEffect((()=>{if(n&&f)return C(m);f||F(!0)}),[m]);const x=e=>n?m.includes(e.value):d===e.value;return b.default.createElement("div",{className:g,"data-testid":i},b.default.createElement(Vn,{optionsLength:o.length,onMouseOver:e=>{e.persist(),p?.(e)},onMouseLeave:e=>{e.persist(),u?.(e)},size:l},(e=>e?e.map((e=>b.default.createElement(Bn,{multiSelect:n,key:e.value,checked:x(e),onClick:()=>(e=>{if(n)if(m.includes(e.value)){const t=m.filter((t=>t!==e.value));D(t)}else D([...m,e.value]);else C(e.value)})(e),withImage:e.image,colorTheme:t,size:l,hasDescription:!!e.description,isDisabled:e.isDisabled},b.default.createElement(An,{colorTheme:t,size:l,checked:x(e)},b.default.createElement("input",{type:n?"checkbox":"radio",style:{display:"none"},value:e.value,name:a,checked:x(e),readOnly:!0,disabled:e.isDisabled}),b.default.createElement("label",null)),b.default.createElement(Zn,null,e.image&&b.default.createElement(zn,{src:e.image,size:l,isDisabled:e.isDisabled,imageSize:r}),b.default.createElement(Sn,null,e.label??e.value)),e.description&&b.default.createElement($n,{checked:x(e),colorTheme:t,isDisabled:e.isDisabled},e.description)))):null)(o)),b.default.createElement(Qe,{warning:c,error:s}))},exports.Sizing=X,exports.SizingMdLg=["md","lg"],exports.SizingSmMd=["sm","md"],exports.SizingSmMdLg=["sm","md","lg"],exports.Slider=({testId:t="Slider",px:l,limit:n,disabled:i,...r})=>{const o=V.default(r.value),[a,C]=gn(r.value,r,o);return e.useEffect((()=>{a&&a.current&&(a.current.off("update"),a.current.on("update",(()=>{const e=a.current?.get();if("string"==typeof e||"number"==typeof e){if(n&&Number(e)>n)return void a.current?.set(n);r.onChange(e)}})),a.current.off("change"),a.current.on("change",(()=>{const e=a.current?.get();!r.onRelease||"string"!=typeof e&&"number"!=typeof e||r.onRelease(e)})))}),[a,n]),b.default.createElement(un,{className:r.className,sliderRef:C,sliderApi:a.current,disabled:i,testId:t,px:l})},exports.Spacing=z,exports.Spinner=se,exports.Tab=Pn,exports.TabList=On,exports.Tabs=({testId:e="Tabs",...t})=>b.default.createElement(_n,{"data-testid":e,...t}),exports.Tag=({colorTheme:e="brand",size:t="md",testId:l="Tag",...n})=>b.default.createElement(Wn,{colorTheme:e,size:t,"data-testid":l,...n}),exports.Text=al,exports.TextArea=({size:e="md",rows:t=3,testId:l="TextArea",label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,...s})=>{const{focused:c,thisOnFocus:p,thisOnBlur:u}=At(s.onFocus,s.onBlur);return b.default.createElement(zt,{label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,size:e,disabled:s.disabled,filled:!!s.value,focused:c,minimal:s.minimal,testId:l},b.default.createElement(kt,{...s,rows:t,onFocus:p,onBlur:u,focused:c,disabled:s.disabled??!1,$size:e}))},exports.TextColor=W,exports.TextInput=Ll,exports.Theme=Qn,exports.TimezonePicker=({testId:e="TimezonePicker",...t})=>{const l=Nn();return b.default.createElement(Yt,{options:l,testId:e,...t})},exports.Toggle=({colorTheme:e="brand",className:t,warning:l,error:n,testId:i="Toggle",...r})=>b.default.createElement(b.default.Fragment,null,b.default.createElement(qn,{className:t,colorTheme:e,"data-testid":i,warning:!!l,error:!!n},b.default.createElement(Ge,{type:"checkbox",...r})),b.default.createElement(Qe,{warning:l,error:n})),exports.Tooltip=({testId:e="Tooltip",onCreate:t,...l})=>b.default.createElement(Gn,{onCreate:l=>{l.popper.dataset.testid=e,t&&t(l)},maxWidth:300,...l}),exports.getBoxShadow=Y,exports.getLineHeightUnitless=G,exports.getSpacingCssValue=I,exports.getTextColor=j,exports.getTimezoneOptions=Nn,exports.getUnitlessNumber=q,exports.isColorTheme=O,exports.isSizing=Q,exports.isSpacing=A,exports.isTextColor=N;
|
|
1415
|
+
`;Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return D.TabPanel}}),exports.Box=ne,exports.Button=_e,exports.ButtonGroup=({testId:e="ButtonGroup",children:t,dividers:l,...n})=>{const i=l&&Array.isArray(t)?((e,t)=>b.default.Children.map(e,(e=>e.props.minimal?[e,t]:[e])).flat().slice(0,-1))(t,b.default.createElement(Te,null,b.default.createElement(Pe,null))):t;return b.default.createElement(Ie,{...n,"data-testid":e},i)},exports.Card=Ue,exports.Checkbox=et,exports.ClosableButton=({testId:e="ClosableButton",className:t,onClose:l,ref:n,...i})=>b.default.createElement(lt,{className:t,"data-testid":e},b.default.createElement(nt,{...i,ref:n,type:"button"}),b.default.createElement(it,{type:"button",onClick:l},b.default.createElement("img",{src:tt,alt:""}))),exports.ClosableItem=({testId:e="ClosableItem",className:t,onClose:l,...n})=>b.default.createElement(rt,{className:t,"data-testid":e},b.default.createElement(ot,{...n}),b.default.createElement(it,{type:"button",onClick:l},b.default.createElement("img",{src:tt,alt:""}))),exports.Collapsible=dt,exports.CollapsibleCard=({testId:e="CollapsibleCard",initialOpen:t=!0,arrowReverse:l=!1,showCard:n=!0,headingMarginBottom:i="xs",iconRotationDeg:r=90,arrow:o,heading:a,rightContent:C,children:d,...s})=>{const[c,p]=b.default.useState(!t);return b.default.createElement(gt,{as:n?Ue:ne,p:s.p??(n?"xs":0),pb:s.pb??s.py??s.p??0,"data-testid":e,...s},b.default.createElement(st,{alignItems:"center",justifyContent:"space-between",flexWrap:"wrap"},b.default.createElement(ht,{mb:i,onClick:()=>p(!c),arrowReverse:l},b.default.createElement(mt,{collapsed:c,iconRotationDeg:r},o??b.default.createElement(Dt,{secondary:!0,size:"xs",colorTheme:"neutral",icon:"chevron-right"})),"string"==typeof a?b.default.createElement(ut,{element:"h4",bold:!1,mx:l?0:"xs"},a):a),!!C&&b.default.createElement(ne,{mb:"xs"},C)),b.default.createElement(dt,{collapsed:c},b.default.createElement(ne,{pb:n?"xs":0},d)))},exports.ColorTheme=U,exports.DateInput=({size:t="md",months:l=Qt,locale:n="eu",testId:i="DateInput",onChange:r,warning:o,error:a,inputLabels:C,dateFormatError:d="Please enter a valid date.",value:s,className:c,dayProps:p,monthProps:u,yearProps:g,...h})=>{const m=l??[],[D,f]=e.useState(s?.day??null),[F,x]=e.useState(s?.month?{value:s.month,label:Jt(m,s.month)}:null),[v,w]=e.useState(s?.year??null),[E,L]=e.useState(void 0);e.useEffect((()=>{D&&F&&v?((e,t,l)=>{if(!e||!t||!l)return!1;const n=("string"==typeof t?parseInt(t,10):t)-1;return n>=0&&n<12&&e>0&&e<=((e,t)=>{switch(e){case 1:return t%4==0&&t%100||t%400==0?29:28;case 8:case 3:case 5:case 10:return 30;default:return 31}})(n,l)})(D,F.value,v)?(r({day:D,month:"string"==typeof F.value?parseInt(F.value,10):F.value,year:v}),L(void 0)):(r(null),L(d)):(r(null),L(void 0))}),[D,F,v,d]);const y=C??{day:"Day",month:"Month",year:"Year"},k=()=>{D&&F&&v&&h.setTouched&&h.setTouched(!0)},H=b.default.createElement(St,{name:"day",min:1,max:31,pattern:"[0-9]*",autoComplete:"bday-day",label:y.day,value:D,onChange:e=>f(e),onBlur:k,error:!!a,size:t,success:h.success,disabled:h.disabled,maxDecimalCount:0,numberFormatErrorMessage:d,...p}),M=b.default.createElement(Gt,{name:"month",label:y.month,value:F,onChange:e=>x(e),onBlur:k,options:m,error:!!a,size:t,success:h.success,disabled:h.disabled,...u}),V=b.default.createElement(St,{name:"year",min:1,autoComplete:"bday-year",pattern:"[0-9]*",label:y.year,value:v,onChange:e=>w(e),onBlur:k,error:!!a,size:t,success:h.success,disabled:h.disabled,maxDecimalCount:0,numberFormatErrorMessage:d,...g});return b.default.createElement(Yt,{className:c,"data-testid":i},"ja"===n?b.default.createElement(Xt,null,V,M,H):"us"===n?b.default.createElement(Xt,null,M,H,V):b.default.createElement(Xt,null,H,M,V),E&&!a&&b.default.createElement(Qe,{error:E}),b.default.createElement(Qe,{warning:o,error:a}))},exports.DatePicker=({testId:e="DatePicker",value:t,onChange:l,dayPickerProps:n,...i})=>b.default.createElement(ll,{selected:t??void 0,initialDate:t,onDayClick:(e,{selected:t,disabled:n})=>{n||l(t?null:e)},testId:e,...i,...n}),exports.DateRangePicker=({testId:e="DateRangePicker",value:t,onChange:l,dayPickerProps:n,...i})=>{const r={from:t.from??void 0,to:t.to??void 0};return b.default.createElement(nl,{className:"DateRangePicker",selected:r,initialDate:t.from,onDayClick:(e,{disabled:t})=>{if(t)return;const n=a.addToRange(e,r);l({from:n?.from??null,to:n?.to??null})},testId:e,...i,...n})},exports.Dropdown=({testId:t="Dropdown",content:l,onCreate:n,onMount:i,onHide:r,...o})=>{const[a,C]=e.useState(!1);return b.default.createElement(b.default.Fragment,null,b.default.createElement(k.default,{render:(e,t,n)=>b.default.createElement(il,{visible:a,...e},l(n?.hide)),trigger:"click",interactive:!0,animation:!0,placement:"bottom-start",onCreate:e=>{e.popper.dataset.testid=t,n&&n(e)},onMount:e=>{C(!0),i&&i(e)},onHide:e=>{const t=()=>{e.unmount(),e.popper.firstChild?.removeEventListener("transitionend",t)};e.popper.firstChild?.addEventListener("transitionend",t),C(!1),r&&r(e)},...o}))},exports.FileUpload=({multiple:t=!0,additive:l=!1,testId:n="FileUpload",files:i,setFiles:r,label:o,labelTouchDevice:a,dragInstructions:C,onFileDrop:s,acceptedFilePattern:c,uploadButtonText:p,uploadButtonTextTouchDevice:u,onFileRemove:g,error:h,className:m,fileValidation:D,withIcon:f,onPassword:F,passwordPromptText:x="Enter the password to open this PDF file.",passwordIncorrectText:v="Invalid password. Please try again.",passwordConfirmButtonText:w="Confirm",passwordCancelButtonText:E="Cancel",passwordPlaceholderText:L="Password",unsupportedFileFormatErrorMessage:y="Unsupported file format. Supported formats: "})=>{const[k,H]=e.useState([]),M=(()=>{const[t,l]=e.useState([]);return{add:e=>{l((t=>[...t,e]))},editCurrentItem:e=>{l((t=>[{...t[0],...e},...t.slice(1)]))},currentItem:t.length>0?t[0]:null,setAttr:e=>{l([{...t[0],...e},...t.slice(1)])},remove:()=>l(t.slice(1)),removeAll:()=>l([])}})(),V=c??{"image/*":[".png",".jpg",".jpeg",".gif"],"application/pdf":[".pdf"]},$=e.useCallback((async e=>{const t=D?[]:e;if(D){const l=[];await Promise.all(e.map((async e=>{const n=await D(e);n?l.push(`${e.name}: ${n}`):t.push(e)}))),H(l)}r(t)}),[r,D]);e.useEffect((()=>()=>{i.forEach((e=>URL.revokeObjectURL(e.preview)))}),[]);const Z=e.useCallback((e=>{k.includes(y)&&H((e=>e.filter((e=>e!==y))));const t=e.map((e=>Object.assign(e,{preview:URL.createObjectURL(e)})));void 0!==s&&s(t),$(l?[...i,...t].reduce(((e,t)=>(e.some((e=>e.name===t.name))||e.push(t),e)),[]):t)}),[i,l,s,$,k,y]),B=e.useCallback((e=>{const t=Object.values(V).flat().join(", "),l=`${y} ${t}.`;e.map((e=>{e.errors.map((e=>{"file-invalid-type"===e.code&&H((e=>e.includes(l)?e:[...e,l]))}))}))}),[y]),{getRootProps:z,getInputProps:A,isDragActive:S,open:_}=d.useDropzone({accept:V,onDrop:Z,onDropRejected:B,noClick:!0,multiple:t});return b.default.createElement(Vl,{className:m,"data-testid":n},b.default.createElement(yl,{open:!!M.currentItem,onClose:()=>{$([]),M.removeAll()},passwordPromptText:x,passwordIncorrectText:v,passwordConfirmButtonText:w,passwordCancelButtonText:E,passwordPlaceholderText:L,passwordQueue:M}),b.default.createElement($l,{...z(),isDragActive:S,error:h||k.length>0},b.default.createElement("input",{...A()}),b.default.createElement(Hl,null,i.map((e=>b.default.createElement(Ml,{key:e.name},b.default.createElement(dl,{file:e,setFiles:$,onPassword:F,passwordQueue:M}),b.default.createElement(kl,{onClick:()=>(e=>{URL.revokeObjectURL(e.preview),$(i.filter((t=>t.preview!==e.preview))),void 0!==g&&g(e)})(e)},b.default.createElement(be,{icon:"trash-error",size:"s"})))))),f&&b.default.createElement(Al,{src:"data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2236%22%20viewBox%3D%220%200%2048%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2025.5V1.5%22%20stroke%3D%22%23522974%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M33.002%2010.5L24%201.5L15%2010.5%22%20stroke%3D%22%23522974%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M46.502%2025.5V28.5C46.502%2031.8%2043.802%2034.5%2040.502%2034.5H7.49998L7.47998%2034.498C4.15998%2034.478%201.47998%2031.798%201.47998%2028.498V28.496V25.496%22%20stroke%3D%22%23522974%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"}),S?b.default.createElement(Zl,null,C??"Drop the files here ..."):b.default.createElement(b.default.Fragment,null,b.default.createElement(Bl,null,b.default.createElement(Zl,null,o??"Drag 'n' drop some files here, or ")),a&&b.default.createElement(Zl,null,b.default.createElement(zl,null,a))),b.default.createElement(_e,{name:"uploadButton",type:"button",onClick:_,size:"sm",icon:"paper",colorTheme:"brand",secondary:!0},b.default.createElement(Bl,null,p??"Select files"),b.default.createElement(zl,null,u??"Select files"))),"string"==typeof h&&h&&b.default.createElement(Qe,{error:h}),k.length>0&&k.map(((e,t)=>b.default.createElement(Qe,{error:e,key:t}))))},exports.Flex=st,exports.GlobalStyles=Gn,exports.Grid=e=>b.default.createElement(ne,{display:"grid",...e}),exports.Heading=ut,exports.HorizontalDivider=({height:e=1,my:t="s",testId:l="HorizontalDivider",...n})=>b.default.createElement(Sl,{$height:e,my:t,"data-testid":l,...n}),exports.Icon=be,exports.IconAlignment=["left","right"],exports.Image=({testId:e="Image",width:t,height:l,...n})=>b.default.createElement(_l,{"data-testid":e,$width:t,$height:l,...n}),exports.Label=({testId:e="Label",...t})=>b.default.createElement(Il,{"data-testid":e,...t}),exports.Link=({testId:e="Link",children:t,icon:l,iconAlignment:n="left",color:i,ref:r,...o})=>b.default.createElement(Tl,{ref:r,"data-testid":e,$color:i,...o},"left"===n&&b.default.createElement(Wl,{icon:l,color:i}),b.default.createElement(Ol,{icon:!!l,iconAlignment:n},t),"right"===n&&b.default.createElement(Wl,{icon:l,color:i})),exports.LinkButton=({colorTheme:e="brand",size:t="md",iconAlignment:l="left",testId:n="LinkButton",secondary:i,light:r,icon:o,loading:a,children:C,ref:d,...s})=>{const c=i??r,p={...s,size:t,colorTheme:e,secondary:c,icon:o};return b.default.createElement(Me,{ref:d,"data-testid":n,...p},b.default.createElement(Se,{loading:a,size:t,colorTheme:e,secondary:c,icon:o,iconAlignment:l},C))},exports.List=({children:e,...t})=>{const l=M.default(t,Nl);return b.default.createElement(jl,{...t},b.default.Children.map(e,(e=>b.default.isValidElement(e)?b.default.cloneElement(e,Object.assign({},l,e.props)):e)))},exports.ListItem=({size:e="sm",color:t="primary",bulletColor:l="tertiary",mb:n="2xs",icon:i="bullet-point",children:r,...o})=>b.default.createElement(ql,{$size:e,$color:t,mb:n,...o},b.default.createElement(Ql,{icon:i,bulletColor:l}),r),exports.Menu=({testId:e="Menu",...t})=>b.default.createElement(Jl,{p:"xxxs","data-testid":e,...t}),exports.MenuItem=({testId:e="MenuItem",onClick:t,children:l,icon:n,className:i,...r})=>b.default.createElement(Kl,{"data-testid":e,className:i,...r},b.default.createElement(en,{onClick:r.disabled?void 0:t,...r},b.default.createElement(rn,{icon:n,disabled:r.disabled,colorTheme:r.colorTheme}),l)),exports.Modal=gl,exports.MultiSelect=({value:e=[],testId:t="MultiSelect",...l})=>b.default.createElement(Wt,{formatOptionLabel:an,multiple:!0,value:e,testId:t,...l}),exports.MultiSlider=({testId:t="MultiSlider",px:l,disabled:n,...i})=>{const r=V.default(i.value),[o,a]=cn(i.value,i,r);return e.useEffect((()=>{o&&o.current&&(o.current.on("update",(()=>{const e=o.current?.get();Array.isArray(e)&&i.onChange(e)})),o.current.on("change",(()=>{const e=o.current?.get();i.onRelease&&Array.isArray(e)&&i.onRelease(e)})))}),[o]),b.default.createElement(sn,{className:i.className,testId:t,sliderRef:a,sliderApi:o.current,disabled:n,px:l})},exports.Notice=vl,exports.NumberInput=St,exports.Pagination=({testId:e="Pagination",size:t="md",colorTheme:l="brand",previousLabel:n="Previous page",nextLabel:i="Next page",page:r,totalPages:o,onChange:a,...C})=>{const d=(({page:e,totalPages:t})=>{const l=hn(1,Math.min(1,t)),n=hn(Math.max(t-1+1,2),t),i=Math.max(Math.min(e-1,t-1-2-1),3),r=Math.min(Math.max(e+1,5),n.length>0?n[0]-2:t-1);return[...l,...i>3?["ellipsis-start"]:2<t-1?[2]:[],...hn(i,r),...r<t-1-1?["ellipsis-end"]:t-1>1?[t-1]:[],...n]})({page:r,totalPages:o}),s={colorTheme:l,size:t,mx:"3xs",mb:"2xs"};return b.default.createElement(pn,{mx:"-4px",...C,"data-testid":e},b.default.createElement(un,{...s,disabled:r<=1,onClick:()=>a(r-1),icon:"arrow-left",secondary:!0},n),d.map((e=>"string"==typeof e?b.default.createElement(gn,{size:t,key:e,mb:s.mb},"..."):b.default.createElement(un,{...s,key:e,onClick:()=>a(e),selected:r===e,secondary:r!==e},e))),b.default.createElement(un,{...s,disabled:r>=o,onClick:()=>a(r+1),icon:"arrow-right",iconAlignment:"right",secondary:!0},i))},exports.Paragraph=wl,exports.PasswordInput=({testId:t="PasswordInput",size:l="md",ref:n,...i})=>{const[r,o]=e.useState(!1);return b.default.createElement(El,{...i,testId:t,size:l,type:r?"text":"password",contentRight:b.default.createElement(st,{height:"100%",alignItems:"center"},b.default.createElement(mn,{onClick:()=>o(!r)},b.default.createElement(be,{icon:r?"eye":"eye-hidden",size:"lg"===l?"lg":"md",color:"tertiary"}))),ref:n})},exports.PasswordStrength=({testId:t="PasswordStrength",password:l,labelText:n="Password strength",strengthText:i,...r})=>{const o=e.useMemo((()=>Object.assign({[vn.NONE]:"None",[vn.WEAK]:"Weak",[vn.FAIR]:"Fair",[vn.GOOD]:"Good",[vn.EXCELLENT]:"Excellent"},i)),[i]),{strength:a,textColor:C,progressBarColor:d,progressBarValue:s}=bn(l);return b.default.createElement(st,{justifyContent:"space-between",alignItems:"center","data-testid":t,width:"100%",...r},b.default.createElement(st,{flexWrap:"wrap"},b.default.createElement(ol,{element:"span",pr:"2xs"},n),b.default.createElement(ol,{element:"span",color:C,bold:!0,pr:"2xs"},o[a])),b.default.createElement(xn,null,b.default.createElement(Fn,{value:s,color:d})))},exports.PhoenixIcons=me,exports.PhoenixIconsColored=he,exports.PhoenixIconsColoredSrc=pe,exports.PhoenixIconsOutlined=ge,exports.PhoenixIconsOutlinedSrc=ce,exports.PhoenixIconsSrc=ue,exports.ProgressBar=Fn,exports.Radio=({size:e="md",colorTheme:t="brand",className:l,warning:n,error:i,testId:r="Radio",...o})=>b.default.createElement(b.default.Fragment,null,b.default.createElement(wn,{className:l,colorTheme:t,size:e,"data-testid":r,warning:!!n,error:!!i},b.default.createElement(Ge,{type:"radio",...o})),b.default.createElement(Qe,{warning:n,error:i})),exports.Select=Gt,exports.SelectNative=qt,exports.SelectPicker=({colorTheme:t="brand",size:l="md",multiSelect:n=!1,testId:i="SelectPicker",imageSize:r,options:o,name:a,onChange:C,value:d,error:s,warning:c,onMouseOver:p,onMouseLeave:u,className:g})=>{const h=n&&Array.isArray(d)?d:[],[m,D]=e.useState(h),[f,F]=e.useState(!1);e.useEffect((()=>{if(n&&f)return C(m);f||F(!0)}),[m]);const x=e=>n?m.includes(e.value):d===e.value;return b.default.createElement("div",{className:g,"data-testid":i},b.default.createElement(yn,{optionsLength:o.length,onMouseOver:e=>{e.persist(),p?.(e)},onMouseLeave:e=>{e.persist(),u?.(e)},size:l},(e=>e?e.map((e=>b.default.createElement(Mn,{multiSelect:n,key:e.value,checked:x(e),onClick:()=>(e=>{if(n)if(m.includes(e.value)){const t=m.filter((t=>t!==e.value));D(t)}else D([...m,e.value]);else C(e.value)})(e),withImage:e.image,colorTheme:t,size:l,hasDescription:!!e.description,isDisabled:e.isDisabled},b.default.createElement($n,{colorTheme:t,size:l,checked:x(e)},b.default.createElement("input",{type:n?"checkbox":"radio",style:{display:"none"},value:e.value,name:a,checked:x(e),readOnly:!0,disabled:e.isDisabled}),b.default.createElement("label",null)),b.default.createElement(Hn,null,e.image&&b.default.createElement(Vn,{src:e.image,size:l,isDisabled:e.isDisabled,imageSize:r}),b.default.createElement(Zn,null,e.label??e.value)),e.description&&b.default.createElement(kn,{checked:x(e),colorTheme:t,isDisabled:e.isDisabled},e.description)))):null)(o)),b.default.createElement(Qe,{warning:c,error:s}))},exports.Sizing=X,exports.SizingMdLg=["md","lg"],exports.SizingSmMd=["sm","md"],exports.SizingSmMdLg=["sm","md","lg"],exports.Slider=({testId:t="Slider",px:l,limit:n,disabled:i,...r})=>{const o=V.default(r.value),[a,C]=cn(r.value,r,o);return e.useEffect((()=>{a&&a.current&&(a.current.off("update"),a.current.on("update",(()=>{const e=a.current?.get();if("string"==typeof e||"number"==typeof e){if(n&&Number(e)>n)return void a.current?.set(n);r.onChange(e)}})),a.current.off("change"),a.current.on("change",(()=>{const e=a.current?.get();!r.onRelease||"string"!=typeof e&&"number"!=typeof e||r.onRelease(e)})))}),[a,n]),b.default.createElement(sn,{className:r.className,sliderRef:C,sliderApi:a.current,disabled:i,testId:t,px:l})},exports.Spacing=z,exports.Spinner=se,exports.Tab=Sn,exports.TabList=Tn,exports.Tabs=({testId:e="Tabs",...t})=>b.default.createElement(Bn,{"data-testid":e,...t}),exports.Tag=({colorTheme:e="brand",size:t="md",testId:l="Tag",...n})=>b.default.createElement(Pn,{colorTheme:e,size:t,"data-testid":l,...n}),exports.Text=ol,exports.TextArea=({size:e="md",rows:t=3,testId:l="TextArea",label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,...s})=>{const{focused:c,thisOnFocus:p,thisOnBlur:u}=zt(s.onFocus,s.onBlur);return b.default.createElement(Bt,{label:n,success:i,warning:r,error:o,contentRight:a,helperText:C,className:d,size:e,disabled:s.disabled,filled:!!s.value,focused:c,minimal:s.minimal,testId:l},b.default.createElement(yt,{...s,rows:t,onFocus:p,onBlur:u,focused:c,disabled:s.disabled??!1,$size:e}))},exports.TextColor=W,exports.TextInput=El,exports.Theme=qn,exports.TimezonePicker=({testId:e="TimezonePicker",...t})=>{const l=Rn();return b.default.createElement(Gt,{options:l,testId:e,...t})},exports.Toggle=({colorTheme:e="brand",className:t,warning:l,error:n,testId:i="Toggle",...r})=>b.default.createElement(b.default.Fragment,null,b.default.createElement(On,{className:t,colorTheme:e,"data-testid":i,warning:!!l,error:!!n},b.default.createElement(Ge,{type:"checkbox",...r})),b.default.createElement(Qe,{warning:l,error:n})),exports.Tooltip=({testId:e="Tooltip",onCreate:t,...l})=>b.default.createElement(Wn,{onCreate:l=>{l.popper.dataset.testid=e,t&&t(l)},maxWidth:300,...l}),exports.getBoxShadow=Y,exports.getLineHeightUnitless=G,exports.getSpacingCssValue=I,exports.getTextColor=j,exports.getTimezoneOptions=Rn,exports.getUnitlessNumber=q,exports.isColorTheme=O,exports.isSizing=Q,exports.isSpacing=A,exports.isTextColor=N;
|
|
1416
1416
|
//# sourceMappingURL=bundle.cjs.js.map
|