@uniformdev/design-system 16.1.1-alpha.169 → 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 +254 -148
- package/dist/index.d.ts +37 -5
- package/dist/index.js +252 -146
- package/package.json +4 -4
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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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
|
-
`,
|
|
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 lt 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 lt 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 lt 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:o,testId:t})=>e("small",{css:
|
|
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:o,testId:t})=>o?e("span",{css:
|
|
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 lt 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 lt 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 lt 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
483
|
${typeof o=="object"?o:void 0}
|
|
461
|
-
`:
|
|
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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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 lt 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,38 +716,37 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt 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
|
-
`},o):null,e("div",{css:[
|
|
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);
|
|
724
747
|
box-shadow: var(--shadow-base);
|
|
725
748
|
border: 2px solid var(--gray-200);
|
|
726
749
|
display: flex;
|
|
727
|
-
padding: var(--spacing-3);
|
|
728
750
|
margin-block: 0 var(--spacing-sm);
|
|
729
751
|
min-height: 52px;
|
|
730
752
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -732,19 +754,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
732
754
|
&:last-of-type {
|
|
733
755
|
margin-block: 0;
|
|
734
756
|
}
|
|
735
|
-
`,
|
|
757
|
+
`,zo=oe`
|
|
736
758
|
border-color: var(--brand-secondary-3);
|
|
737
|
-
`,
|
|
759
|
+
`,Ho=oe`
|
|
738
760
|
align-items: center;
|
|
761
|
+
border: none;
|
|
762
|
+
background: transparent;
|
|
763
|
+
color: var(--brand-secondary-1);
|
|
739
764
|
display: flex;
|
|
740
765
|
justify-content: space-between;
|
|
766
|
+
padding: var(--spacing-3);
|
|
741
767
|
width: 100%;
|
|
742
768
|
outline: none;
|
|
743
769
|
|
|
744
770
|
&:focus {
|
|
745
771
|
outline: none;
|
|
746
772
|
}
|
|
747
|
-
`;import{css as
|
|
773
|
+
`;import{css as Ao}from"@emotion/react";import{keyframes as D}from"@emotion/react";var ri=D`
|
|
748
774
|
0%,
|
|
749
775
|
100% {
|
|
750
776
|
transform: scale(1);
|
|
@@ -754,7 +780,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
754
780
|
transform: scale(1.15);
|
|
755
781
|
opacity: 1;
|
|
756
782
|
}
|
|
757
|
-
`,
|
|
783
|
+
`,Eo=D`
|
|
758
784
|
0% {
|
|
759
785
|
opacity: 0;
|
|
760
786
|
transform: translateY(10px);
|
|
@@ -763,7 +789,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
763
789
|
opacity: 1;
|
|
764
790
|
transform: translateY(0);
|
|
765
791
|
}
|
|
766
|
-
`,
|
|
792
|
+
`,ni=D`
|
|
767
793
|
0% {
|
|
768
794
|
opacity: 1;
|
|
769
795
|
transform: translateY(0);
|
|
@@ -772,22 +798,26 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
772
798
|
opacity: 0;
|
|
773
799
|
transform: translateY(10px);
|
|
774
800
|
}
|
|
775
|
-
`,
|
|
801
|
+
`,ai=D`
|
|
776
802
|
0% {
|
|
777
803
|
opacity: 0;
|
|
778
804
|
}
|
|
779
805
|
100% {
|
|
780
806
|
opacity: 1;
|
|
781
807
|
}
|
|
782
|
-
|
|
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`
|
|
783
812
|
color: var(--brand-secondary-3);
|
|
784
813
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
785
|
-
${t?
|
|
786
|
-
animation: ${
|
|
814
|
+
${t?Ao`
|
|
815
|
+
animation: ${Eo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
787
816
|
`:"opacity: 0;"}
|
|
788
|
-
`},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`
|
|
789
818
|
align-items: center;
|
|
790
819
|
border: 1px solid transparent;
|
|
820
|
+
border-radius: var(--rounded-sm);
|
|
791
821
|
color: var(--white);
|
|
792
822
|
display: inline-flex;
|
|
793
823
|
font-size: var(--fs-sm);
|
|
@@ -804,83 +834,118 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
804
834
|
&:focus {
|
|
805
835
|
border-color: var(--gray-700);
|
|
806
836
|
}
|
|
807
|
-
`,
|
|
837
|
+
`,Do=y`
|
|
808
838
|
border: 1px solid transparent;
|
|
809
839
|
background: transparent;
|
|
840
|
+
border-radius: var(--rounded-base);
|
|
810
841
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
811
842
|
font-weight: var(--fw-medium);
|
|
812
843
|
letter-spacing: 0.025rem;
|
|
813
844
|
line-height: 1.25;
|
|
814
|
-
|
|
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`
|
|
815
860
|
padding: var(--spacing-sm);
|
|
816
861
|
border-left: 1px solid currentColor;
|
|
817
|
-
`,
|
|
862
|
+
`,Go=y`
|
|
818
863
|
background: var(--brand-secondary-1);
|
|
819
864
|
color: var(--white);
|
|
820
|
-
`,
|
|
821
|
-
background: var(--gray-
|
|
865
|
+
`,Y=y`
|
|
866
|
+
background: var(--gray-300);
|
|
822
867
|
color: var(--white);
|
|
823
|
-
|
|
868
|
+
`,$o=y`
|
|
824
869
|
background: var(--brand-secondary-5);
|
|
825
870
|
color: var(--white);
|
|
826
|
-
`,
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
`,Vo=y`
|
|
871
|
+
`,Wo=y`
|
|
872
|
+
${Y}
|
|
873
|
+
`,Fo=y`
|
|
830
874
|
background: var(--brand-secondary-2);
|
|
831
875
|
color: var(--brand-secondary-1);
|
|
832
|
-
`,
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
`,Go=y`
|
|
876
|
+
`,Zo=y`
|
|
877
|
+
${Y}
|
|
878
|
+
`,No=y`
|
|
836
879
|
background: transparent;
|
|
837
880
|
color: var(--brand-secondary-3);
|
|
838
881
|
|
|
839
882
|
&:hover {
|
|
840
883
|
border-color: var(--brand-secondary-3);
|
|
841
884
|
}
|
|
842
|
-
`,
|
|
843
|
-
background: transparent;
|
|
885
|
+
`,Uo=y`
|
|
844
886
|
border-color: var(--gray-400);
|
|
845
887
|
color: var(--gray-400);
|
|
846
|
-
`;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`
|
|
847
889
|
position: absolute;
|
|
848
|
-
`,
|
|
890
|
+
`,Yo=te`
|
|
849
891
|
display: flex;
|
|
850
892
|
gap: var(--spacing-sm);
|
|
851
893
|
font-size: var(--fs-xs);
|
|
852
|
-
`,
|
|
894
|
+
`,Xo=te`
|
|
853
895
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
854
896
|
border-radius: var(--rounded-base);
|
|
855
897
|
border: 1px solid var(--gray-600);
|
|
856
898
|
box-shadow: var(--shadow-base);
|
|
857
899
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
858
|
-
`;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`
|
|
859
901
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
860
902
|
align-items: center;
|
|
861
903
|
box-shadow: var(--shadow-base);
|
|
862
904
|
border-radius: var(--rounded-full);
|
|
863
905
|
border: none;
|
|
906
|
+
background: var(--brand-secondary-5);
|
|
907
|
+
background-position: center;
|
|
864
908
|
cursor: pointer;
|
|
865
909
|
display: inline-flex;
|
|
866
910
|
padding: 0;
|
|
867
|
-
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
911
|
+
transition: transform var(--duration-fast) var(--timing-ease-out), background var(--duration-slow);
|
|
868
912
|
transform: scale(0.95);
|
|
869
913
|
width: var(--max-size);
|
|
870
914
|
height: var(--max-size);
|
|
915
|
+
justify-content: center;
|
|
871
916
|
|
|
872
917
|
&:hover,
|
|
873
918
|
&:focus {
|
|
919
|
+
background: var(--brand-secondary-5) radial-gradient(circle, transparent 1%, var(--brand-secondary-5) 1%)
|
|
920
|
+
center/15000%;
|
|
874
921
|
transform: scale(1);
|
|
875
922
|
}
|
|
876
923
|
|
|
877
924
|
& svg {
|
|
878
|
-
color: var(--
|
|
925
|
+
color: var(--white);
|
|
926
|
+
pointer-events: none;
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
&:active {
|
|
930
|
+
background-color: var(--white);
|
|
931
|
+
background-size: 100%;
|
|
932
|
+
transition: background 0s;
|
|
879
933
|
}
|
|
880
|
-
|
|
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`
|
|
881
946
|
top: -2rem;
|
|
882
947
|
left: -1.5rem;
|
|
883
|
-
`}):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`
|
|
884
949
|
cursor: pointer;
|
|
885
950
|
display: inline-block;
|
|
886
951
|
position: relative;
|
|
@@ -888,7 +953,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
888
953
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
889
954
|
vertical-align: middle;
|
|
890
955
|
user-select: none;
|
|
891
|
-
`,
|
|
956
|
+
`,ot=O`
|
|
892
957
|
appearance: none;
|
|
893
958
|
border-radius: var(--rounded-full);
|
|
894
959
|
background-color: var(--white);
|
|
@@ -925,14 +990,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
925
990
|
&:disabled {
|
|
926
991
|
cursor: not-allowed;
|
|
927
992
|
}
|
|
928
|
-
`,
|
|
993
|
+
`,tt=O`
|
|
929
994
|
opacity: var(--opacity-50);
|
|
930
995
|
cursor: not-allowed;
|
|
931
996
|
|
|
932
997
|
& > :before {
|
|
933
998
|
cursor: not-allowed;
|
|
934
999
|
}
|
|
935
|
-
`,
|
|
1000
|
+
`,rt=O`
|
|
936
1001
|
align-items: center;
|
|
937
1002
|
color: var(--brand-secondary-1);
|
|
938
1003
|
display: inline-flex;
|
|
@@ -953,29 +1018,29 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
953
1018
|
left: 0;
|
|
954
1019
|
top: 0;
|
|
955
1020
|
}
|
|
956
|
-
`,
|
|
1021
|
+
`,nt=O`
|
|
957
1022
|
color: var(--gray-500);
|
|
958
1023
|
font-size: var(--fs-sm);
|
|
959
1024
|
padding-inline: var(--spacing-2xl) 0;
|
|
960
|
-
`;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`
|
|
961
1026
|
border-bottom: 1px solid var(--gray-400);
|
|
962
1027
|
border-collapse: collapse;
|
|
963
1028
|
min-width: 100%;
|
|
964
1029
|
table-layout: auto;
|
|
965
|
-
`,
|
|
1030
|
+
`,it=G`
|
|
966
1031
|
background: var(--gray-100);
|
|
967
1032
|
color: var(--brand-secondary-1);
|
|
968
1033
|
text-align: left;
|
|
969
|
-
`,
|
|
1034
|
+
`,st=G`
|
|
970
1035
|
border-bottom: 1px solid var(--gray-200);
|
|
971
|
-
`,
|
|
1036
|
+
`,lt=G`
|
|
972
1037
|
font-size: var(--fs-sm);
|
|
973
1038
|
padding: var(--spacing-base) var(--spacing-md);
|
|
974
1039
|
text-transform: uppercase;
|
|
975
1040
|
font-weight: var(--fw-bold);
|
|
976
|
-
`,
|
|
1041
|
+
`,ct=G`
|
|
977
1042
|
padding: var(--spacing-base) var(--spacing-md);
|
|
978
|
-
`;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`
|
|
979
1044
|
align-items: center;
|
|
980
1045
|
background: transparent;
|
|
981
1046
|
border: none;
|
|
@@ -988,13 +1053,54 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
|
|
|
988
1053
|
margin-block: var(--spacing-base);
|
|
989
1054
|
|
|
990
1055
|
&:disabled {
|
|
991
|
-
cursor:
|
|
992
|
-
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);
|
|
993
1063
|
}
|
|
994
|
-
`,
|
|
1064
|
+
`,pt=o=>ae`
|
|
995
1065
|
box-sizing: border-box;
|
|
996
|
-
background: ${o?"var(--gray-
|
|
1066
|
+
background: ${o?"var(--gray-300)":"var(--brand-secondary-3)"};
|
|
997
1067
|
border-radius: var(--rounded-full);
|
|
998
1068
|
color: var(--white);
|
|
999
1069
|
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1000
|
-
|
|
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)};
|
|
1074
|
+
border: 2px dashed var(--gray-300);
|
|
1075
|
+
border-radius: var(--rounded-base);
|
|
1076
|
+
background: ${o.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
1077
|
+
display: flex;
|
|
1078
|
+
flex-flow: column wrap;
|
|
1079
|
+
justify-content: ${o.textAlign};
|
|
1080
|
+
text-align: ${o.textAlign};
|
|
1081
|
+
padding: var(--spacing-lg);
|
|
1082
|
+
will-change: auto;
|
|
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`
|
|
1085
|
+
margin-block: var(--spacing-sm);
|
|
1086
|
+
`,gt=L`
|
|
1087
|
+
background: var(--gray-100);
|
|
1088
|
+
margin-top: var(--spacing-sm);
|
|
1089
|
+
position: relative;
|
|
1090
|
+
overflow: hidden;
|
|
1091
|
+
height: 0.25rem;
|
|
1092
|
+
`,bt=L`
|
|
1093
|
+
position: absolute;
|
|
1094
|
+
inset: 0;
|
|
1095
|
+
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1096
|
+
`,ft=L`
|
|
1097
|
+
display: flex;
|
|
1098
|
+
justify-content: space-between;
|
|
1099
|
+
font-weight: var(--fw-bold);
|
|
1100
|
+
`,se=L`
|
|
1101
|
+
font-size: var(--fs-baase);
|
|
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};
|