@uniformdev/design-system 16.1.1-alpha.281 → 16.1.1-alpha.294
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/esm/index.js +232 -163
- package/dist/index.d.ts +1 -1
- package/dist/index.js +232 -163
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e}from"@emotion/react";import*as l from"react";import
|
|
1
|
+
import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"react";var hr=({disableReset:o=!1})=>e(yt.Fragment,null,e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:e("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
|
|
2
2
|
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
|
|
3
3
|
`}}),e("style",{dangerouslySetInnerHTML:{__html:`
|
|
4
4
|
:root {
|
|
@@ -62,7 +62,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
62
62
|
rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
63
63
|
|
|
64
64
|
/* rounder corners */
|
|
65
|
-
--rounded-
|
|
65
|
+
--rounded-sm: 0.125rem;
|
|
66
|
+
--rounded-base: 0.25rem;
|
|
66
67
|
--rounded-md: 0.375rem;
|
|
67
68
|
--rounded-full: 99999px;
|
|
68
69
|
|
|
@@ -88,12 +89,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
88
89
|
--z-10: 10;
|
|
89
90
|
|
|
90
91
|
/* opacity */
|
|
92
|
+
--opacity-25: 0.25;
|
|
91
93
|
--opacity-50: 0.50;
|
|
92
94
|
--opacity-75: 0.75;
|
|
93
95
|
--opacity-100: 1.0;
|
|
94
96
|
|
|
95
97
|
/* animation function times */
|
|
96
98
|
--timing-ease-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
99
|
+
--duration-slow: 0.5s;
|
|
97
100
|
--duration-fast: 0.25s;
|
|
98
101
|
}
|
|
99
102
|
|
|
@@ -153,14 +156,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
153
156
|
ul, ol {
|
|
154
157
|
list-style: none;
|
|
155
158
|
}
|
|
156
|
-
`}}));var
|
|
159
|
+
`}}));var xt={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},le=o=>`@media (min-width: ${xt[o]})`;import{css as b}from"@emotion/react";var T=b`
|
|
157
160
|
position: relative;
|
|
158
161
|
`,v=b`
|
|
159
162
|
display: flex;
|
|
160
163
|
font-weight: var(--fw-bold);
|
|
161
164
|
margin: 0 0 var(--spacing-xs);
|
|
162
165
|
align-items: center;
|
|
163
|
-
`,
|
|
166
|
+
`,k=b`
|
|
164
167
|
appearance: none;
|
|
165
168
|
background-color: var(--white);
|
|
166
169
|
border: 1px solid var(--gray-400);
|
|
@@ -192,25 +195,25 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
192
195
|
}
|
|
193
196
|
`,I=b`
|
|
194
197
|
border-color: var(--brand-secondary-5);
|
|
195
|
-
|
|
198
|
+
`,$=b`
|
|
196
199
|
align-items: center;
|
|
197
200
|
display: flex;
|
|
198
201
|
position: absolute;
|
|
199
202
|
inset: 0 var(--spacing-base) 0 auto;
|
|
200
203
|
pointer-event: one;
|
|
201
|
-
`,
|
|
204
|
+
`,W=b`
|
|
202
205
|
padding-right: var(--spacing-2xl);
|
|
203
|
-
`,
|
|
206
|
+
`,J=b`
|
|
204
207
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
|
|
205
208
|
background-position: right var(--spacing-sm) center;
|
|
206
209
|
background-repeat: no-repeat;
|
|
207
210
|
background-size: 1rem;
|
|
208
211
|
padding-right: var(--spacing-xl);
|
|
209
|
-
`,
|
|
212
|
+
`,ce=b`
|
|
210
213
|
color: var(--brand-secondary-1);
|
|
211
214
|
height: 1.25rem;
|
|
212
215
|
width: 1.25rem;
|
|
213
|
-
`,
|
|
216
|
+
`,de=b`
|
|
214
217
|
align-items: center;
|
|
215
218
|
cursor: pointer;
|
|
216
219
|
display: inline-flex;
|
|
@@ -218,7 +221,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
218
221
|
margin: var(--spacing-sm) 0;
|
|
219
222
|
flex-wrap: wrap;
|
|
220
223
|
font-weight: var(--fw-regular);
|
|
221
|
-
`,
|
|
224
|
+
`,pe=b`
|
|
222
225
|
border: 1px solid var(--brand-secondary-1);
|
|
223
226
|
background: var(--white);
|
|
224
227
|
width: var(--spacing-md);
|
|
@@ -249,21 +252,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
249
252
|
color: var(--gray-300);
|
|
250
253
|
border-color: var(--gray-300);
|
|
251
254
|
}
|
|
252
|
-
`,
|
|
255
|
+
`,ue=b`
|
|
253
256
|
font-weight: var(--fw-medium);
|
|
254
|
-
`,
|
|
257
|
+
`,me=b`
|
|
255
258
|
cursor: not-allowed;
|
|
256
259
|
color: var(--gray-400);
|
|
257
|
-
`,
|
|
260
|
+
`,ge=b`
|
|
258
261
|
display: flex;
|
|
259
262
|
flex-direction: column;
|
|
260
263
|
flex-basis: 100%;
|
|
261
264
|
padding-left: var(--spacing-lg);
|
|
262
265
|
margin-top: -0.5rem;
|
|
263
266
|
line-height: 1.15;
|
|
264
|
-
`,
|
|
265
|
-
${
|
|
266
|
-
`;import{css as
|
|
267
|
+
`,be=b`
|
|
268
|
+
${k}
|
|
269
|
+
`;import{css as wt}from"@emotion/react";var Q=wt`
|
|
267
270
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
268
271
|
/*
|
|
269
272
|
#d1d5db = bg-gray-300
|
|
@@ -289,22 +292,22 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
289
292
|
&::-webkit-scrollbar-thumb:hover {
|
|
290
293
|
background: var(--gray-500);
|
|
291
294
|
}
|
|
292
|
-
`;import{css as
|
|
295
|
+
`;import{css as j}from"@emotion/react";var F=j`
|
|
293
296
|
display: block;
|
|
294
|
-
`,Z=
|
|
297
|
+
`,Z=j`
|
|
295
298
|
background: transparent;
|
|
296
299
|
color: var(--brand-secondary-1);
|
|
297
|
-
`,
|
|
300
|
+
`,N=j`
|
|
298
301
|
background: var(--brand-secondary-1);
|
|
299
302
|
color: var(--white);
|
|
300
|
-
`;var
|
|
303
|
+
`;var kr=({theme:o="light",...t})=>e("svg",{width:"38",height:"44",viewBox:"0 0 87 101",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-test-id":"uniform-Badge",css:[F,o==="dark"?N:Z],...t},e("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),e("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),e("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var Br=({theme:o="light",...t})=>e("div",{"data-test-id":"uniform-Logo"},e("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[F,o==="dark"?N:Z],...t},e("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),e("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),e("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),e("path",{d:"M86.45 12.98h-4.076v14.87h4.076V12.98Zm.146-6.843h-4.371v4.076h4.37V6.137Zm5.861 1.993v4.85h-2.736v3.477h2.736V27.85h4.076V16.457h3.27V12.98h-3.27V9.617h3.27v-3.48h-3.896l-3.45 1.992Zm13.503 4.7-3.45 1.993v11.183l3.45 1.992h6.335l3.45-1.992V14.823l-3.45-1.992h-6.335Zm5.71 11.688h-5.087v-8.21h5.087v8.21Zm12.607-10.315-2.119-1.224h-1.954v14.87h4.076V16.457h5.115V12.98h-2.999l-2.119 1.224ZM71.034 12.83l-2.375 1.373-2.379-1.372h-1.6v15.018h4.075V16.31h5.084v11.54h4.076V14.823l-3.45-1.992h-3.431ZM56.145 24.517h-5.087V12.98h-4.073v13.027l3.45 1.992h3.593l2.111-1.22.003.002.003-.003v.003l2.108 1.218h1.965v-15.02h-4.073v11.538Zm93.68-11.687h-2.855l-2.794 1.604-2.767-1.603h-2.854l-2.111 1.218-2.111-1.218h-1.965v15.018h4.076V16.31h4.343v11.54h4.073V16.31h4.343v11.54h4.073V14.823l-3.451-1.992Z",fill:"currentColor"})));import*as Ce from"react";import{Button as Ct}from"reakit/Button";import{css as R}from"@emotion/react";var fe=R`
|
|
301
304
|
align-items: center;
|
|
302
|
-
border:
|
|
305
|
+
border: none;
|
|
306
|
+
border-radius: var(--rounded-base);
|
|
303
307
|
cursor: pointer;
|
|
304
308
|
display: inline-flex;
|
|
305
309
|
font-weight: var(--fw-medium);
|
|
306
|
-
transition:
|
|
307
|
-
color var(--duration-fast) var(--timing-ease-out),
|
|
310
|
+
transition: color var(--duration-fast) var(--timing-ease-out),
|
|
308
311
|
border-color var(--duration-fast) var(--timing-ease-out);
|
|
309
312
|
|
|
310
313
|
&:focus {
|
|
@@ -313,39 +316,55 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
313
316
|
box-shadow: var(--ring);
|
|
314
317
|
}
|
|
315
318
|
|
|
316
|
-
&:
|
|
317
|
-
|
|
318
|
-
|
|
319
|
+
&:disabled {
|
|
320
|
+
cursor: default;
|
|
321
|
+
pointer-events: none;
|
|
319
322
|
}
|
|
323
|
+
`,E=o=>R`
|
|
324
|
+
background-position: center;
|
|
325
|
+
transition: background var(--duration-slow);
|
|
320
326
|
|
|
321
|
-
&:
|
|
322
|
-
|
|
327
|
+
&:hover {
|
|
328
|
+
background: ${o.hoverColor} radial-gradient(circle, transparent 1%, ${o.hoverColor} 1%)
|
|
329
|
+
center/15000%;
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
&:active {
|
|
333
|
+
background-color: ${o.activeColor?o.activeColor:"var(--white)"};
|
|
334
|
+
background-size: 100%;
|
|
335
|
+
transition: background 0s;
|
|
323
336
|
}
|
|
324
|
-
`,
|
|
337
|
+
`,ve=R`
|
|
325
338
|
background: var(--brand-secondary-1);
|
|
326
339
|
color: var(--white);
|
|
327
340
|
|
|
328
341
|
&:disabled {
|
|
329
|
-
background: var(--gray-
|
|
342
|
+
background: var(--gray-300);
|
|
330
343
|
color: var(--white);
|
|
331
344
|
}
|
|
332
|
-
|
|
345
|
+
|
|
346
|
+
${E({hoverColor:"var(--brand-secondary-1)"})}
|
|
347
|
+
`,he=R`
|
|
333
348
|
background: var(--brand-secondary-5);
|
|
334
349
|
color: var(--white);
|
|
335
350
|
|
|
336
351
|
&:disabled {
|
|
337
|
-
background: var(--gray-
|
|
352
|
+
background: var(--gray-300);
|
|
338
353
|
color: var(--white);
|
|
339
354
|
}
|
|
340
|
-
|
|
355
|
+
|
|
356
|
+
${E({hoverColor:"var(--brand-secondary-5)"})}
|
|
357
|
+
`,ye=R`
|
|
341
358
|
background: var(--brand-secondary-2);
|
|
342
359
|
color: var(--brand-secondary-1);
|
|
343
360
|
|
|
344
361
|
&:disabled {
|
|
345
|
-
background: var(--
|
|
346
|
-
color: var(--
|
|
362
|
+
background: var(--gray-300);
|
|
363
|
+
color: var(--white);
|
|
347
364
|
}
|
|
348
|
-
|
|
365
|
+
|
|
366
|
+
${E({hoverColor:"var(--brand-secondary-2)"})}
|
|
367
|
+
`,xe=R`
|
|
349
368
|
background: transparent;
|
|
350
369
|
color: var(--brand-secondary-3);
|
|
351
370
|
|
|
@@ -355,21 +374,25 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
355
374
|
|
|
356
375
|
&:disabled {
|
|
357
376
|
background: transparent;
|
|
358
|
-
border-color: var(--gray-
|
|
359
|
-
color: var(--gray-
|
|
377
|
+
border-color: var(--gray-300);
|
|
378
|
+
color: var(--gray-300);
|
|
360
379
|
}
|
|
361
|
-
|
|
380
|
+
|
|
381
|
+
${E({hoverColor:"var(--white)",activeColor:"var(--gray-100)"})}
|
|
382
|
+
`,we=R`
|
|
362
383
|
background: var(--brand-secondary-3);
|
|
363
384
|
color: var(--white);
|
|
364
385
|
|
|
365
386
|
&:disabled {
|
|
366
|
-
background: var(--gray-
|
|
387
|
+
background: var(--gray-300);
|
|
367
388
|
color: var(--white);
|
|
368
389
|
}
|
|
369
|
-
|
|
390
|
+
|
|
391
|
+
${E({hoverColor:"var(--brand-secondary-3)"})}
|
|
392
|
+
`;var Or=Ce.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:ve,secondary:he,ghost:xe,unimportant:ye,tertiary:we},s={xs:"padding: 0.375rem 0.625rem; font-size: var(--fs-xs);",sm:"padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",md:"padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",lg:"padding: var(--spacing-sm) var(--spacing-base)",xl:"padding: 0.75rem var(--spacing-md)"};return e(Ct,{ref:a,css:[fe,i[o],s[t]],...n},r)});import Pt from"react";import{createContext as St,useContext as It,useEffect as Rt,useState as Se}from"react";import{paramCase as Lt}from"param-case";var Ie=St({iconsMap:{},isLoading:!0});function Re(){return It(Ie)}function Zr({children:o}){let[t,r]=Se(!0),[n,a]=Se({});return Rt(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let g=Tt(p);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(Ie.Provider,{value:{iconsMap:n,isLoading:t}},o)}function Tt(o){var t,r;return(r=(t=Lt(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}import{css as A}from"@emotion/react";var Le=A`
|
|
370
393
|
display: hidden;
|
|
371
394
|
|
|
372
|
-
${
|
|
395
|
+
${le("sm")} {
|
|
373
396
|
display: block;
|
|
374
397
|
}
|
|
375
398
|
|
|
@@ -377,30 +400,30 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
377
400
|
display: block;
|
|
378
401
|
vertical-align: middle;
|
|
379
402
|
}
|
|
380
|
-
`,
|
|
403
|
+
`,Te=A`
|
|
381
404
|
color: var(--brand-secondary-3);
|
|
382
|
-
`,
|
|
405
|
+
`,ke=A`
|
|
383
406
|
color: var(--brand-secondary-5);
|
|
384
|
-
`,
|
|
407
|
+
`,Pe=A`
|
|
385
408
|
color: var(--gray-500);
|
|
386
|
-
`,
|
|
409
|
+
`,Me=A`
|
|
387
410
|
color: currentColor;
|
|
388
|
-
`;var
|
|
411
|
+
`;var Mt=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=Re(),u={green:Te,gray:Pe,red:ke,currentColor:Me};if(a&&s)return null;let p=a?i[o]:o;return a&&p===void 0?(console.error(`We don't seem to have the icon you're looking for ("${o}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(p,{role:"img",size:r,...n,css:[Le,u[t]]})},h=Pt.memo(Mt);import{css as Bt}from"@emotion/react";var Be=Bt`
|
|
389
412
|
color: var(--gray-500);
|
|
390
413
|
display: block;
|
|
391
414
|
font-size: var(--fs-sm);
|
|
392
415
|
margin: var(--spacing-xs) 0;
|
|
393
416
|
max-width: var(--prose);
|
|
394
|
-
`;var x=({children:
|
|
417
|
+
`;var x=({children:o,testId:t})=>e("small",{css:Be,"data-test-id":t},o);import{MdWarning as Ht}from"react-icons/md";import{css as zt}from"@emotion/react";var ze=zt`
|
|
395
418
|
align-items: center;
|
|
396
419
|
color: var(--brand-secondary-5);
|
|
397
420
|
display: flex;
|
|
398
421
|
gap: var(--spacing-sm);
|
|
399
422
|
margin: var(--spacing-xs) 0;
|
|
400
|
-
`;var w=({message:
|
|
423
|
+
`;var w=({message:o,testId:t})=>o?e("span",{css:ze,"data-test-id":t},e(h,{icon:Ht,size:16,iconColor:"currentColor"}),o):null;var P=({children:o,className:t,testId:r,...n})=>e("label",{css:[v,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var He=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:g,classNameControl:d,classNameLabel:f,...q})=>e("div",{"data-test-id":s},a?e(P,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},o):null,e("div",{css:[T,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[k,typeof d=="object"?d:void 0,i?I:void 0,t?W:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...q}),t?e("div",{css:$},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import Et from"react-select";function fn(o){return e(Et,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}import{css as At}from"@emotion/react";import*as Ge from"react";import{useState as Vt,useRef as Dt}from"react";import{css as V}from"@emotion/react";var Ee=V`
|
|
401
424
|
margin-inline: auto;
|
|
402
425
|
max-width: fit-content;
|
|
403
|
-
`,
|
|
426
|
+
`,Ae=V`
|
|
404
427
|
align-items: center;
|
|
405
428
|
background: var(--brand-secondary-3);
|
|
406
429
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -423,7 +446,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
423
446
|
&:focus {
|
|
424
447
|
outline: 2px solid var(--brand-secondary-1);
|
|
425
448
|
}
|
|
426
|
-
`,
|
|
449
|
+
`,Ve=V`
|
|
427
450
|
background: var(--white);
|
|
428
451
|
border: 1px solid var(--brand-secondary-3);
|
|
429
452
|
border-top: none;
|
|
@@ -433,7 +456,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
433
456
|
position: absolute;
|
|
434
457
|
inset: auto 0;
|
|
435
458
|
transform: translateY(-0.2rem);
|
|
436
|
-
`,
|
|
459
|
+
`,De=V`
|
|
437
460
|
cursor: pointer;
|
|
438
461
|
display: block;
|
|
439
462
|
font-size: var(--fs-sm);
|
|
@@ -448,23 +471,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
448
471
|
&:hover {
|
|
449
472
|
background: var(--gray-50);
|
|
450
473
|
}
|
|
451
|
-
`,
|
|
474
|
+
`,Oe=V`
|
|
452
475
|
position: absolute;
|
|
453
476
|
overflow: hidden;
|
|
454
477
|
height: 1px;
|
|
455
478
|
width: 1px;
|
|
456
479
|
clip: rect(0, 0, 0, 0);
|
|
457
480
|
padding: 0;
|
|
458
|
-
`;import{CgChevronDown as
|
|
481
|
+
`;import{CgChevronDown as Ot}from"react-icons/cg";var Ln=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Vt(!1),p=Dt(null);Ge.useEffect(()=>{let d=f=>{p.current&&!p.current.contains(f.target)&&u(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[p]);let m=t.find(d=>d.value===r);return e("div",{ref:p,css:o?At`
|
|
459
482
|
max-width: fit-content;
|
|
460
|
-
${typeof
|
|
461
|
-
`:
|
|
483
|
+
${typeof o=="object"?o:void 0}
|
|
484
|
+
`:Ee,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Ae,onClick:()=>{a||u(d=>!d)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(h,{icon:Ot,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[Ve,s?void 0:Oe],"aria-hidden":!s},t.map(d=>e("button",{key:d.value,type:"button",css:De,onClick:()=>{n(d),u(f=>!f)}},d.label))))};var Mn=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>e(He,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:ce},e("g",{clipPath:"url(#clip0)"},e("path",{d:"M11.539 0C5.48429 0 0.558105 4.74145 0.558105 10.5691C0.558105 16.3971 5.48429 21.1382 11.539 21.1382C17.594 21.1382 22.5199 16.3971 22.5199 10.5691C22.5199 4.74145 17.594 0 11.539 0ZM11.539 19.187C6.60198 19.187 2.58535 15.321 2.58535 10.5691C2.58535 5.81728 6.60198 1.95122 11.539 1.95122C16.476 1.95122 20.4926 5.81723 20.4926 10.5691C20.4926 15.321 16.476 19.187 11.539 19.187Z"}),e("path",{d:"M25.196 22.3344L19.3846 16.7409C18.9886 16.3598 18.3473 16.3598 17.9513 16.7409C17.5553 17.1217 17.5553 17.7397 17.9513 18.1205L23.7627 23.714C23.9607 23.9045 24.2199 23.9998 24.4794 23.9998C24.7385 23.9998 24.998 23.9045 25.196 23.714C25.592 23.3332 25.592 22.7153 25.196 22.3344Z"})),e("defs",null,e("clipPath",{id:"clip0"},e("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:m=>{o(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:t,"aria-label":r,...s});var Vn=({label:o,defaultOption:t,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:p,classNameLabel:m,...g})=>e("div",{css:[T,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(P,{htmlFor:g.id,css:[v,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o,s)):null,e("select",{title:o,"aria-label":i?void 0:o,css:[k,J,a?I:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...g},t?e("option",{value:""},t):null,r.map((d,f)=>e("option",{key:f,value:d.label,...d}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var Wn=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(P,{css:[de,r?me:void 0]},e("input",{type:t,css:pe,checked:n,name:a,disabled:r,...u}),e("span",{css:ue},o),i||s?e("span",{css:ge},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as $e from"react";var Kn=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e($e.Fragment,null,a?e("label",{htmlFor:r,css:[v]},o):null,e("div",{css:[T]},e("textarea",{id:r,css:[be,i?I:void 0,t?W:""],"aria-label":a?void 0:o,...s}),t?e("div",{css:$},t):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as M from"react";import{useMenuState as $t,Menu as Wt,MenuButton as Ft}from"reakit/Menu";import{css as Gt}from"@emotion/react";var We=Gt`
|
|
462
485
|
border: 1px solid var(--gray-500);
|
|
463
486
|
border-radius: var(--rounded-base);
|
|
464
487
|
outline: none;
|
|
465
488
|
overflow: hidden;
|
|
466
489
|
z-index: 50;
|
|
467
|
-
`;var
|
|
490
|
+
`;var Fe=M.createContext({}),Ze=()=>M.useContext(Fe),Ne=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=$t({placement:r});return e(Fe.Provider,{value:i},e(Ft,{...i,ref:t.ref,...t.props},s=>M.cloneElement(t,s)),e(Wt,{...i,"aria-label":o,css:[We,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Xe from"react";import{MenuItem as Zt}from"reakit";import{css as Ue}from"@emotion/react";var Ke=Ue`
|
|
468
491
|
background: var(--white);
|
|
469
492
|
border: none;
|
|
470
493
|
border-top: 1px solid var(--gray-500);
|
|
@@ -490,7 +513,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
490
513
|
&:hover {
|
|
491
514
|
background: var(--gray-200);
|
|
492
515
|
}
|
|
493
|
-
|
|
516
|
+
`,Ye=Ue`
|
|
494
517
|
align-items: center;
|
|
495
518
|
display: flex;
|
|
496
519
|
justify-content: space-between;
|
|
@@ -501,7 +524,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
501
524
|
width: var(--spacing-base);
|
|
502
525
|
height: var(--spacing-base);
|
|
503
526
|
}
|
|
504
|
-
`;var
|
|
527
|
+
`;var la=Xe.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ze(),p=r?(g=>{let d={...g};if(d.onClick){let f=d.onClick;d.onClick=q=>{s.hide(),f(q)}}return d})(a):a,m=typeof o=="function"?o(p):o;return e(Zt,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[Ke,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?Nt(m,n):m)});function Nt(o,t){return e("span",{css:Ye},o," ",t)}import{css as c}from"@emotion/react";var _e=({...o})=>e("svg",{role:"img","data-img":"info",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),qe=({...o})=>e("svg",{role:"img","data-img":"danger",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),Je=({...o})=>e("svg",{role:"img","data-img":"note",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),Qe=({...o})=>e("svg",{role:"img","data-img":"tip",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),ee=({...o})=>e("svg",{role:"img","data-img":"caution",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),je=({...o})=>e("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as B}from"@emotion/react";var eo=B`
|
|
505
528
|
--caution-desc: rgb(161, 98, 7);
|
|
506
529
|
--caution-icon: rgb(250, 204, 21);
|
|
507
530
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -529,21 +552,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
529
552
|
|
|
530
553
|
border-radius: var(--rounded-base);
|
|
531
554
|
padding: var(--spacing-base);
|
|
532
|
-
`,
|
|
555
|
+
`,oo=B`
|
|
533
556
|
display: flex;
|
|
534
557
|
gap: var(--spacing-base);
|
|
535
|
-
`,
|
|
558
|
+
`,to=B`
|
|
536
559
|
flex-shrink: 0;
|
|
537
|
-
`,
|
|
560
|
+
`,ro=B`
|
|
538
561
|
font-size: var(--fs-sm);
|
|
539
562
|
font-weight: var(--fw-bold);
|
|
540
563
|
margin: 0 0 var(--spacing-sm);
|
|
541
|
-
`,
|
|
564
|
+
`,no=B`
|
|
542
565
|
font-size: var(--fs-sm);
|
|
543
|
-
`,
|
|
566
|
+
`,ao=B`
|
|
544
567
|
width: 1.25rem;
|
|
545
568
|
height: 1.25rem;
|
|
546
|
-
`;var
|
|
569
|
+
`;var Ut={caution:{icon:ee,descriptionColor:c`
|
|
547
570
|
color: var(--caution-desc);
|
|
548
571
|
`,iconColor:c`
|
|
549
572
|
color: var(--caution-icon);
|
|
@@ -551,7 +574,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
551
574
|
color: var(--caution-title);
|
|
552
575
|
`,containerColor:c`
|
|
553
576
|
background-color: var(--caution-container);
|
|
554
|
-
`},danger:{icon:
|
|
577
|
+
`},danger:{icon:qe,descriptionColor:c`
|
|
555
578
|
color: var(--danger-desc);
|
|
556
579
|
`,iconColor:c`
|
|
557
580
|
color: var(--danger-icon);
|
|
@@ -559,7 +582,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
559
582
|
color: var(--danger-title);
|
|
560
583
|
`,containerColor:c`
|
|
561
584
|
background-color: var(--danger-container);
|
|
562
|
-
`},error:{icon:
|
|
585
|
+
`},error:{icon:ee,descriptionColor:c`
|
|
563
586
|
color: var(--danger-desc);
|
|
564
587
|
`,iconColor:c`
|
|
565
588
|
color: var(--danger-icon);
|
|
@@ -567,7 +590,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
567
590
|
color: var(--danger-title);
|
|
568
591
|
`,containerColor:c`
|
|
569
592
|
background-color: var(--danger-container);
|
|
570
|
-
`},info:{icon:
|
|
593
|
+
`},info:{icon:_e,descriptionColor:c`
|
|
571
594
|
color: var(--info-desc);
|
|
572
595
|
`,iconColor:c`
|
|
573
596
|
color: var(--info-icon);
|
|
@@ -575,7 +598,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
575
598
|
color: var(--info-title);
|
|
576
599
|
`,containerColor:c`
|
|
577
600
|
background-color: var(--info-container);
|
|
578
|
-
`},note:{icon:
|
|
601
|
+
`},note:{icon:Je,descriptionColor:c`
|
|
579
602
|
color: var(--note-desc);
|
|
580
603
|
`,iconColor:c`
|
|
581
604
|
color: var(--note-icon);
|
|
@@ -583,7 +606,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
583
606
|
color: var(--note-title);
|
|
584
607
|
`,containerColor:c`
|
|
585
608
|
background-color: var(--note-container);
|
|
586
|
-
`},success:{icon:
|
|
609
|
+
`},success:{icon:je,descriptionColor:c`
|
|
587
610
|
color: var(--success-desc);
|
|
588
611
|
`,iconColor:c`
|
|
589
612
|
color: var(--success-icon);
|
|
@@ -591,7 +614,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
591
614
|
color: var(--success-title);
|
|
592
615
|
`,containerColor:c`
|
|
593
616
|
background-color: var(--success-container);
|
|
594
|
-
`},tip:{icon:
|
|
617
|
+
`},tip:{icon:Qe,descriptionColor:c`
|
|
595
618
|
color: var(--success-desc);
|
|
596
619
|
`,iconColor:c`
|
|
597
620
|
color: var(--success-icon);
|
|
@@ -599,7 +622,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
599
622
|
color: var(--success-title);
|
|
600
623
|
`,containerColor:c`
|
|
601
624
|
background-color: var(--success-container);
|
|
602
|
-
`}},
|
|
625
|
+
`}},va=({type:o="info",title:t,children:r,className:n})=>{let a=Ut[o];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[eo,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:oo},e("div",{css:to},e(i,{css:[ao,a.iconColor]})),e("div",null,t?e("h3",{css:[ro,a.titleColor]},t):null,r?e("div",{css:[no,a.descriptionColor]},r):null)))};import{css as io,keyframes as Kt}from"@emotion/react";var Yt=Kt`
|
|
603
626
|
0%, 100% {
|
|
604
627
|
opacity: 1.0;
|
|
605
628
|
transform: translateY(0);
|
|
@@ -615,14 +638,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
615
638
|
opacity: 0.2;
|
|
616
639
|
transform: translateY(-5px);
|
|
617
640
|
}
|
|
618
|
-
`,
|
|
641
|
+
`,so=io`
|
|
619
642
|
display: inline-flex;
|
|
620
643
|
justify-content: center;
|
|
621
|
-
|
|
644
|
+
`,U=io`
|
|
622
645
|
background-color: var(--gray-700);
|
|
623
646
|
display: block;
|
|
624
647
|
border-radius: var(--rounded-full);
|
|
625
|
-
animation: ${
|
|
648
|
+
animation: ${Yt} 0.75s infinite ease-in-out;
|
|
626
649
|
width: 8px;
|
|
627
650
|
height: 8px;
|
|
628
651
|
margin: 0 var(--spacing-xs);
|
|
@@ -639,53 +662,53 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
639
662
|
&:nth-of-type(3) {
|
|
640
663
|
animation-delay: 0.6s;
|
|
641
664
|
}
|
|
642
|
-
`;var
|
|
665
|
+
`;var Ca=()=>e("div",{css:so,role:"alert","data-test-id":"loading-indicator"},e("span",{css:U}),e("span",{css:U}),e("span",{css:U}));import{css as Xt}from"@emotion/react";import{css as z}from"@emotion/react";var lo=z`
|
|
643
666
|
align-items: center;
|
|
644
667
|
position: absolute;
|
|
645
668
|
inset: 0 0;
|
|
646
669
|
overflow: hidden;
|
|
647
670
|
z-index: 9999;
|
|
648
671
|
justify-content: center;
|
|
649
|
-
`,
|
|
672
|
+
`,co=z`
|
|
650
673
|
display: flex;
|
|
651
|
-
`,
|
|
674
|
+
`,po=z`
|
|
652
675
|
display: none;
|
|
653
|
-
`,
|
|
676
|
+
`,uo=z`
|
|
654
677
|
background: var(--white);
|
|
655
678
|
opacity: 0.5;
|
|
656
679
|
position: absolute;
|
|
657
680
|
inset: 0 0;
|
|
658
|
-
`,
|
|
681
|
+
`,mo=z`
|
|
659
682
|
align-items: center;
|
|
660
683
|
display: flex;
|
|
661
684
|
flex-direction: column;
|
|
662
|
-
`,
|
|
685
|
+
`,go=z`
|
|
663
686
|
color: var(--gray-500);
|
|
664
687
|
margin: var(--spacing-base) 0 0;
|
|
665
|
-
`;var
|
|
688
|
+
`;var ka=({isActive:o,statusMessage:t})=>e("div",{role:"alert",css:[lo,o?co:po],"aria-hidden":!o},e("div",{css:uo}),e("div",{css:Xt`
|
|
666
689
|
position: relative;
|
|
667
|
-
`},e("div",{css:
|
|
690
|
+
`},e("div",{css:mo},e(_t,{height:128,width:128}),t?e("div",{css:go},t):null))),_t=({height:o,width:t})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:t!=null?t:40,height:o!=null?o:40,stroke:"currentColor"},e("g",{fill:"none",fillRule:"evenodd"},e("g",{transform:"translate(1 1)",strokeWidth:"2"},e("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),e("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));import{css as C}from"@emotion/react";var bo=C`
|
|
668
691
|
font-family: var(--ff-heading);
|
|
669
692
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
670
693
|
font-weight: var(--fw-bold);
|
|
671
694
|
margin-bottom: var(--spacing-base);
|
|
672
|
-
`,
|
|
695
|
+
`,fo=C`
|
|
673
696
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
674
|
-
`,
|
|
697
|
+
`,vo=C`
|
|
675
698
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
676
|
-
`,
|
|
699
|
+
`,ho=C`
|
|
677
700
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
678
|
-
`,
|
|
701
|
+
`,yo=C`
|
|
679
702
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
680
|
-
`,
|
|
703
|
+
`,xo=C`
|
|
681
704
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
682
|
-
`,
|
|
705
|
+
`,wo=C`
|
|
683
706
|
font-weight: var(--fw-bold);
|
|
684
707
|
font-family: var(--ff-base);
|
|
685
708
|
margin-bottom: var(--spacing-base);
|
|
686
|
-
`,
|
|
709
|
+
`,Co=C`
|
|
687
710
|
line-height: 1.35;
|
|
688
|
-
`;var
|
|
711
|
+
`;var Ha=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:bo,h2:fo,h3:vo,h4:ho,h5:yo,h6:xo},i=n.includes("h1")?void 0:wo;return e(n,{...r,css:[a[n],i,Co]},t)};import{css as qt}from"@emotion/react";var So=qt`
|
|
689
712
|
font-size: var(--fs-base);
|
|
690
713
|
line-height: 1.5;
|
|
691
714
|
margin-bottom: var(--spacing-base);
|
|
@@ -693,31 +716,31 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
693
716
|
&:last-of-type {
|
|
694
717
|
margin-bottom: 0;
|
|
695
718
|
}
|
|
696
|
-
`;var
|
|
719
|
+
`;var Oa=({className:o,children:t,...r})=>e("p",{...r,css:[So,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);import{css as K}from"@emotion/react";var Io=K`
|
|
697
720
|
display: inline-flex;
|
|
698
721
|
text-decoration: underline;
|
|
699
722
|
|
|
700
723
|
&:hover {
|
|
701
724
|
text-decoration: none;
|
|
702
725
|
}
|
|
703
|
-
`,
|
|
726
|
+
`,Ro=K`
|
|
704
727
|
color: var(--brand-secondary-3);
|
|
705
|
-
`,
|
|
728
|
+
`,Lo=K`
|
|
706
729
|
color: var(--brand-secondary-5);
|
|
707
|
-
`,
|
|
730
|
+
`,To=K`
|
|
708
731
|
color: currentColor;
|
|
709
|
-
`;import{CgExternal as
|
|
732
|
+
`;import{CgExternal as Jt}from"react-icons/cg";var Ua=({external:o,text:t,linkColor:r="currentColor",...n})=>e("a",{css:[Io,{currentColor:To,red:Lo,green:Ro}[r]],...n},t,o?e(h,{icon:Jt,iconColor:"currentColor",size:24}):null);import{css as Qt}from"@emotion/react";import{css as ko}from"@emotion/react";var Po=ko`
|
|
710
733
|
position: relative;
|
|
711
|
-
`,
|
|
734
|
+
`,Mo=ko`
|
|
712
735
|
background: var(--gray-50);
|
|
713
736
|
border-top: 1px solid var(--gray-200);
|
|
714
737
|
border-bottom: 1px solid var(--gray-200);
|
|
715
738
|
max-height: 24rem;
|
|
716
739
|
overflow-y: auto;
|
|
717
740
|
padding: var(--spacing-sm);
|
|
718
|
-
`;var
|
|
741
|
+
`;var Qa=({label:o,children:t})=>e("div",{css:Po},o?e("span",{css:Qt`
|
|
719
742
|
${v}
|
|
720
|
-
`},
|
|
743
|
+
`},o):null,e("div",{css:[Mo,Q]},t));import{css as oe}from"@emotion/react";var Bo=oe`
|
|
721
744
|
align-items: center;
|
|
722
745
|
background: var(--white);
|
|
723
746
|
border-radius: var(--rounded-base);
|
|
@@ -731,9 +754,9 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
731
754
|
&:last-of-type {
|
|
732
755
|
margin-block: 0;
|
|
733
756
|
}
|
|
734
|
-
`,
|
|
757
|
+
`,zo=oe`
|
|
735
758
|
border-color: var(--brand-secondary-3);
|
|
736
|
-
`,
|
|
759
|
+
`,Ho=oe`
|
|
737
760
|
align-items: center;
|
|
738
761
|
border: none;
|
|
739
762
|
background: transparent;
|
|
@@ -747,7 +770,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
747
770
|
&:focus {
|
|
748
771
|
outline: none;
|
|
749
772
|
}
|
|
750
|
-
`;import{css as
|
|
773
|
+
`;import{css as Ao}from"@emotion/react";import{keyframes as D}from"@emotion/react";var ri=D`
|
|
751
774
|
0%,
|
|
752
775
|
100% {
|
|
753
776
|
transform: scale(1);
|
|
@@ -757,7 +780,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
757
780
|
transform: scale(1.15);
|
|
758
781
|
opacity: 1;
|
|
759
782
|
}
|
|
760
|
-
`,
|
|
783
|
+
`,Eo=D`
|
|
761
784
|
0% {
|
|
762
785
|
opacity: 0;
|
|
763
786
|
transform: translateY(10px);
|
|
@@ -766,7 +789,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
766
789
|
opacity: 1;
|
|
767
790
|
transform: translateY(0);
|
|
768
791
|
}
|
|
769
|
-
`,
|
|
792
|
+
`,ni=D`
|
|
770
793
|
0% {
|
|
771
794
|
opacity: 1;
|
|
772
795
|
transform: translateY(0);
|
|
@@ -775,22 +798,26 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
775
798
|
opacity: 0;
|
|
776
799
|
transform: translateY(10px);
|
|
777
800
|
}
|
|
778
|
-
`,
|
|
801
|
+
`,ai=D`
|
|
779
802
|
0% {
|
|
780
803
|
opacity: 0;
|
|
781
804
|
}
|
|
782
805
|
100% {
|
|
783
806
|
opacity: 1;
|
|
784
807
|
}
|
|
785
|
-
|
|
808
|
+
`,ii=D`
|
|
809
|
+
to {
|
|
810
|
+
transform: scale(4);
|
|
811
|
+
}`;var pi=({buttonText:o,active:t,...r})=>e("div",{css:[Bo,t?zo:void 0]},e("button",{css:Ho,type:"button",...r},e("span",null,o),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!t,css:Ao`
|
|
786
812
|
color: var(--brand-secondary-3);
|
|
787
813
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
788
|
-
${
|
|
789
|
-
animation: ${
|
|
814
|
+
${t?Ao`
|
|
815
|
+
animation: ${Eo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
790
816
|
`:"opacity: 0;"}
|
|
791
|
-
`},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));import{CgChevronDown as
|
|
817
|
+
`},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));import{CgChevronDown as jt}from"react-icons/cg";import{css as y}from"@emotion/react";var Vo=y`
|
|
792
818
|
align-items: center;
|
|
793
819
|
border: 1px solid transparent;
|
|
820
|
+
border-radius: var(--rounded-sm);
|
|
794
821
|
color: var(--white);
|
|
795
822
|
display: inline-flex;
|
|
796
823
|
font-size: var(--fs-sm);
|
|
@@ -807,83 +834,118 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
807
834
|
&:focus {
|
|
808
835
|
border-color: var(--gray-700);
|
|
809
836
|
}
|
|
810
|
-
`,
|
|
837
|
+
`,Do=y`
|
|
811
838
|
border: 1px solid transparent;
|
|
812
839
|
background: transparent;
|
|
840
|
+
border-radius: var(--rounded-base);
|
|
813
841
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
814
842
|
font-weight: var(--fw-medium);
|
|
815
843
|
letter-spacing: 0.025rem;
|
|
816
844
|
line-height: 1.25;
|
|
817
|
-
|
|
845
|
+
|
|
846
|
+
&:focus {
|
|
847
|
+
outline: none;
|
|
848
|
+
box-shadow: var(--ring);
|
|
849
|
+
|
|
850
|
+
&:disabled {
|
|
851
|
+
box-shadow: none;
|
|
852
|
+
}
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
&:disabled {
|
|
856
|
+
cursor: default;
|
|
857
|
+
pointer-events: none;
|
|
858
|
+
}
|
|
859
|
+
`,Oo=y`
|
|
818
860
|
padding: var(--spacing-sm);
|
|
819
861
|
border-left: 1px solid currentColor;
|
|
820
|
-
`,
|
|
862
|
+
`,Go=y`
|
|
821
863
|
background: var(--brand-secondary-1);
|
|
822
864
|
color: var(--white);
|
|
823
|
-
`,
|
|
824
|
-
background: var(--gray-
|
|
865
|
+
`,Y=y`
|
|
866
|
+
background: var(--gray-300);
|
|
825
867
|
color: var(--white);
|
|
826
|
-
|
|
868
|
+
`,$o=y`
|
|
827
869
|
background: var(--brand-secondary-5);
|
|
828
870
|
color: var(--white);
|
|
829
|
-
`,
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
`,Vt=y`
|
|
871
|
+
`,Wo=y`
|
|
872
|
+
${Y}
|
|
873
|
+
`,Fo=y`
|
|
833
874
|
background: var(--brand-secondary-2);
|
|
834
875
|
color: var(--brand-secondary-1);
|
|
835
|
-
`,
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
`,Wt=y`
|
|
876
|
+
`,Zo=y`
|
|
877
|
+
${Y}
|
|
878
|
+
`,No=y`
|
|
839
879
|
background: transparent;
|
|
840
880
|
color: var(--brand-secondary-3);
|
|
841
881
|
|
|
842
882
|
&:hover {
|
|
843
883
|
border-color: var(--brand-secondary-3);
|
|
844
884
|
}
|
|
845
|
-
`,
|
|
846
|
-
background: transparent;
|
|
885
|
+
`,Uo=y`
|
|
847
886
|
border-color: var(--gray-400);
|
|
848
887
|
color: var(--gray-400);
|
|
849
|
-
`;var
|
|
888
|
+
`;var yi=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Vo,n?{primary:Y,secondary:Wo,ghost:Uo,unimportant:Zo}[t]:{primary:Go,secondary:$o,ghost:No,unimportant:Fo}[t]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Do,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),e(Ne,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:Oo,"data-test-id":"multioptions-button-call-menu"},e(h,{icon:jt,size:24,iconColor:"currentColor"}))},a));import{css as sr}from"@emotion/react";import or,{useContext as tr,useEffect as rr,useState as nr}from"react";import{css as te}from"@emotion/react";var Ko=te`
|
|
850
889
|
position: absolute;
|
|
851
|
-
|
|
890
|
+
`,Yo=te`
|
|
852
891
|
display: flex;
|
|
853
892
|
gap: var(--spacing-sm);
|
|
854
893
|
font-size: var(--fs-xs);
|
|
855
|
-
`,
|
|
894
|
+
`,Xo=te`
|
|
856
895
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
857
896
|
border-radius: var(--rounded-base);
|
|
858
897
|
border: 1px solid var(--gray-600);
|
|
859
898
|
box-shadow: var(--shadow-base);
|
|
860
899
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
861
|
-
`;import{useHotkeys as
|
|
900
|
+
`;import{useHotkeys as er}from"react-hotkeys-hook";var H=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function re(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function X({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=H&&r?r:t;H&&!r&&(i=re(t)),er(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var _o=!1,qo=or.createContext(!1),ne=["ctrl+F1","option+shift+/"];function ki({children:o}){let[t,r]=nr(!1);return rr(()=>{_o||(_o=!0,console.log(`Type ${Jo(H?ne[1]:ne[0])} to show keyboard shortcuts`))},[]),X({shortcut:ne.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e(qo.Provider,{value:t},o)}function Jo(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Qo({shortcut:o,macShortcut:t,className:r}){if(!tr(qo)||!o.includes("+")&&o.length>1)return null;let a=H&&t?t:o;H&&!t&&(a=re(o));let i=Jo(a);return e("div",{css:[Ko,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(ar,{shortcut:i}))}function ar({shortcut:o}){let t=o.split("+");return e("div",{css:Yo},t.map(r=>e("span",{key:r,css:Xo},r.toUpperCase())))}import{css as ir}from"@emotion/react";var jo=ir`
|
|
862
901
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
863
902
|
align-items: center;
|
|
864
903
|
box-shadow: var(--shadow-base);
|
|
865
904
|
border-radius: var(--rounded-full);
|
|
866
905
|
border: none;
|
|
906
|
+
background: var(--brand-secondary-5);
|
|
907
|
+
background-position: center;
|
|
867
908
|
cursor: pointer;
|
|
868
909
|
display: inline-flex;
|
|
869
910
|
padding: 0;
|
|
870
|
-
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
911
|
+
transition: transform var(--duration-fast) var(--timing-ease-out), background var(--duration-slow);
|
|
871
912
|
transform: scale(0.95);
|
|
872
913
|
width: var(--max-size);
|
|
873
914
|
height: var(--max-size);
|
|
915
|
+
justify-content: center;
|
|
874
916
|
|
|
875
917
|
&:hover,
|
|
876
918
|
&:focus {
|
|
919
|
+
background: var(--brand-secondary-5) radial-gradient(circle, transparent 1%, var(--brand-secondary-5) 1%)
|
|
920
|
+
center/15000%;
|
|
877
921
|
transform: scale(1);
|
|
878
922
|
}
|
|
879
923
|
|
|
880
924
|
& svg {
|
|
881
|
-
color: var(--
|
|
925
|
+
color: var(--white);
|
|
926
|
+
pointer-events: none;
|
|
882
927
|
}
|
|
883
|
-
|
|
928
|
+
|
|
929
|
+
&:active {
|
|
930
|
+
background-color: var(--white);
|
|
931
|
+
background-size: 100%;
|
|
932
|
+
transition: background 0s;
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
&:disabled {
|
|
936
|
+
background: var(--gray-300);
|
|
937
|
+
cursor: default;
|
|
938
|
+
pointer-events: none;
|
|
939
|
+
|
|
940
|
+
&:hover,
|
|
941
|
+
&:focus {
|
|
942
|
+
transform: scale(0.95);
|
|
943
|
+
}
|
|
944
|
+
}
|
|
945
|
+
`;var Vi=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(X({shortcut:r,macShortcut:n,handler:t,activeWhenEditing:!0}),e("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:t,css:jo,...a},r?e(Qo,{shortcut:r,css:sr`
|
|
884
946
|
top: -2rem;
|
|
885
947
|
left: -1.5rem;
|
|
886
|
-
`}):null,e("svg",{width:"
|
|
948
|
+
`}):null,e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",fill:"currentColor"}))));import*as _ from"react";import{css as O}from"@emotion/react";var et=O`
|
|
887
949
|
cursor: pointer;
|
|
888
950
|
display: inline-block;
|
|
889
951
|
position: relative;
|
|
@@ -891,7 +953,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
891
953
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
892
954
|
vertical-align: middle;
|
|
893
955
|
user-select: none;
|
|
894
|
-
`,
|
|
956
|
+
`,ot=O`
|
|
895
957
|
appearance: none;
|
|
896
958
|
border-radius: var(--rounded-full);
|
|
897
959
|
background-color: var(--white);
|
|
@@ -928,14 +990,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
928
990
|
&:disabled {
|
|
929
991
|
cursor: not-allowed;
|
|
930
992
|
}
|
|
931
|
-
`,
|
|
993
|
+
`,tt=O`
|
|
932
994
|
opacity: var(--opacity-50);
|
|
933
995
|
cursor: not-allowed;
|
|
934
996
|
|
|
935
997
|
& > :before {
|
|
936
998
|
cursor: not-allowed;
|
|
937
999
|
}
|
|
938
|
-
`,
|
|
1000
|
+
`,rt=O`
|
|
939
1001
|
align-items: center;
|
|
940
1002
|
color: var(--brand-secondary-1);
|
|
941
1003
|
display: inline-flex;
|
|
@@ -956,29 +1018,29 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
956
1018
|
left: 0;
|
|
957
1019
|
top: 0;
|
|
958
1020
|
}
|
|
959
|
-
`,
|
|
1021
|
+
`,nt=O`
|
|
960
1022
|
color: var(--gray-500);
|
|
961
1023
|
font-size: var(--fs-sm);
|
|
962
1024
|
padding-inline: var(--spacing-2xl) 0;
|
|
963
|
-
`;var
|
|
1025
|
+
`;var Wi=_.forwardRef(({label:o,infoText:t,toggleText:r,children:n,...a},i)=>{let s=t;return t&&r&&(s=a.checked?r:t),e(_.Fragment,null,e("label",{css:[et,a.disabled?tt:void 0]},e("input",{type:"checkbox",css:ot,...a,ref:i}),e("span",{css:rt},o)),s?e("p",{css:nt},s):null,n)});import*as S from"react";import{css as G}from"@emotion/react";var at=G`
|
|
964
1026
|
border-bottom: 1px solid var(--gray-400);
|
|
965
1027
|
border-collapse: collapse;
|
|
966
1028
|
min-width: 100%;
|
|
967
1029
|
table-layout: auto;
|
|
968
|
-
`,
|
|
1030
|
+
`,it=G`
|
|
969
1031
|
background: var(--gray-100);
|
|
970
1032
|
color: var(--brand-secondary-1);
|
|
971
1033
|
text-align: left;
|
|
972
|
-
`,
|
|
1034
|
+
`,st=G`
|
|
973
1035
|
border-bottom: 1px solid var(--gray-200);
|
|
974
|
-
`,
|
|
1036
|
+
`,lt=G`
|
|
975
1037
|
font-size: var(--fs-sm);
|
|
976
1038
|
padding: var(--spacing-base) var(--spacing-md);
|
|
977
1039
|
text-transform: uppercase;
|
|
978
1040
|
font-weight: var(--fw-bold);
|
|
979
|
-
`,
|
|
1041
|
+
`,ct=G`
|
|
980
1042
|
padding: var(--spacing-base) var(--spacing-md);
|
|
981
|
-
`;var
|
|
1043
|
+
`;var Ni=S.forwardRef(({children:o,...t},r)=>e("table",{ref:r,css:at,...t},o)),Ui=S.forwardRef(({children:o,...t},r)=>e("thead",{ref:r,css:it,...t},o)),Ki=S.forwardRef(({children:o,...t},r)=>e("tbody",{ref:r,...t},o)),Yi=S.forwardRef(({children:o,...t},r)=>e("tfoot",{ref:r,...t},o)),Xi=S.forwardRef(({children:o,...t},r)=>e("tr",{ref:r,css:st,...t},o)),_i=S.forwardRef(({children:o,...t},r)=>e("th",{ref:r,css:lt,...t},o)),qi=S.forwardRef(({children:o,...t},r)=>e("td",{ref:r,css:ct,...t},o));import{CgMathPlus as cr,CgAdd as dr,CgAddR as pr}from"react-icons/cg";import{css as ae}from"@emotion/react";var dt=ae`
|
|
982
1044
|
align-items: center;
|
|
983
1045
|
background: transparent;
|
|
984
1046
|
border: none;
|
|
@@ -991,47 +1053,54 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
991
1053
|
margin-block: var(--spacing-base);
|
|
992
1054
|
|
|
993
1055
|
&:disabled {
|
|
994
|
-
cursor:
|
|
995
|
-
color: var(--gray-
|
|
1056
|
+
cursor: default;
|
|
1057
|
+
color: var(--gray-300);
|
|
1058
|
+
pointer-event: none;
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
&:hover svg {
|
|
1062
|
+
box-shadow: var(--shadow-base);
|
|
996
1063
|
}
|
|
997
|
-
`,
|
|
1064
|
+
`,pt=o=>ae`
|
|
998
1065
|
box-sizing: border-box;
|
|
999
|
-
background: ${
|
|
1066
|
+
background: ${o?"var(--gray-300)":"var(--brand-secondary-3)"};
|
|
1000
1067
|
border-radius: var(--rounded-full);
|
|
1001
1068
|
color: var(--white);
|
|
1002
1069
|
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1003
|
-
|
|
1004
|
-
|
|
1070
|
+
`,ie=ae`
|
|
1071
|
+
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
1072
|
+
`;var rs=({buttonText:o="Add Item",onButtonClick:t,disabled:r,icon:n="math-plus",...a})=>{let i={"math-plus":cr,add:dr,"add-r":pr};return e("button",{type:"button",css:dt,onClick:t,title:o,disabled:r,...a},n==="math-plus"?e(h,{icon:i[n],iconColor:"currentColor",size:22,css:[ie,pt(r)]}):e(h,{icon:i[n],iconColor:"currentColor",size:22,css:ie}),o)};import{css as ur}from"@emotion/react";var mr=o=>({auto:"auto",sm:"8rem",md:"16rem",lg:"20rem"})[o],gr=o=>({left:"flex-start",right:"flex-end",center:"center"})[o],ut=o=>ur`
|
|
1073
|
+
align-items: ${gr(o.textAlign)};
|
|
1005
1074
|
border: 2px dashed var(--gray-300);
|
|
1006
1075
|
border-radius: var(--rounded-base);
|
|
1007
|
-
background: ${
|
|
1076
|
+
background: ${o.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
1008
1077
|
display: flex;
|
|
1009
1078
|
flex-flow: column wrap;
|
|
1010
|
-
justify-content: ${
|
|
1011
|
-
text-align: ${
|
|
1079
|
+
justify-content: ${o.textAlign};
|
|
1080
|
+
text-align: ${o.textAlign};
|
|
1012
1081
|
padding: var(--spacing-lg);
|
|
1013
1082
|
will-change: auto;
|
|
1014
|
-
min-height: ${
|
|
1015
|
-
`;var
|
|
1083
|
+
min-height: ${mr(o.boxHeight)};
|
|
1084
|
+
`;var ls=({bgColor:o="transparent",textAlign:t="center",boxHeight:r="md",children:n,...a})=>e("div",{css:ut({bgColor:o,boxHeight:r,textAlign:t}),...a},n);import{css as L}from"@emotion/react";var mt=L`
|
|
1016
1085
|
margin-block: var(--spacing-sm);
|
|
1017
|
-
`,
|
|
1086
|
+
`,gt=L`
|
|
1018
1087
|
background: var(--gray-100);
|
|
1019
1088
|
margin-top: var(--spacing-sm);
|
|
1020
1089
|
position: relative;
|
|
1021
1090
|
overflow: hidden;
|
|
1022
1091
|
height: 0.25rem;
|
|
1023
|
-
`,
|
|
1092
|
+
`,bt=L`
|
|
1024
1093
|
position: absolute;
|
|
1025
1094
|
inset: 0;
|
|
1026
1095
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1027
|
-
`,
|
|
1096
|
+
`,ft=L`
|
|
1028
1097
|
display: flex;
|
|
1029
1098
|
justify-content: space-between;
|
|
1030
1099
|
font-weight: var(--fw-bold);
|
|
1031
|
-
`,
|
|
1100
|
+
`,se=L`
|
|
1032
1101
|
font-size: var(--fs-baase);
|
|
1033
|
-
`,
|
|
1034
|
-
background: ${
|
|
1035
|
-
`,
|
|
1036
|
-
color: ${
|
|
1037
|
-
`;var
|
|
1102
|
+
`,vt=o=>L`
|
|
1103
|
+
background: ${o};
|
|
1104
|
+
`,ht=o=>L`
|
|
1105
|
+
color: ${o};
|
|
1106
|
+
`;var ms=({current:o,max:t,label:r})=>{let a=Math.ceil(o/t*100),i={base:"var(--gray-400)",warn:"#facc15",danger:"var(--brand-secondary-5)"},s=a===100?i.danger:a>=75?i.warn:i.base;return e("div",{css:mt},e("div",{css:ft},e("span",{css:se},r),e("span",{css:[se,ht(s)]},o," of ",t)),e("div",{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,"aria-valuetext":`${o} of ${t}`,css:gt},e("span",{role:"presentation",css:[bt,vt(s)],style:{transform:`translateX(${a-100}%)`}})))};export{Vi as AddButton,rs as AddListButton,Or as Button,yi as ButtonWithMenu,va as Callout,x as Caption,ls as DashedBox,w as ErrorMessage,Ha as Heading,h as Icon,Zr as IconsProvider,He as Input,fn as InputComboBox,Ln as InputInlineSelect,Mn as InputKeywordSearch,Vn as InputSelect,Wn as InputToggle,P as Label,ms as LimitsBar,Ua as Link,_t as LoadingIcon,Ca as LoadingIndicator,ka as LoadingOverlay,Ne as Menu,Fe as MenuContext,la as MenuItem,Oa as Paragraph,Qa as ScrollableList,pi as ScrollableListItem,ki as ShortcutContext,Qo as ShortcutRevealer,Wi as Switch,Ni as Table,Ki as TableBody,qi as TableCellData,_i as TableCellHead,Yi as TableFoot,Ui as TableHead,Xi as TableRow,Kn as Textarea,hr as Theme,kr as UniformBadge,Br as UniformLogo,xt as breakpoints,k as input,I as inputError,J as inputSelect,v as labelText,le as mq,Q as scrollbarStyles,Re as useIconContext,Ze as useMenuContext};
|