@uniformdev/design-system 16.1.0 → 16.1.1-alpha.169
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 +184 -175
- package/dist/index.d.ts +79 -5
- package/dist/index.js +188 -179
- package/package.json +10 -10
package/dist/esm/index.js
CHANGED
|
@@ -1,47 +1,5 @@
|
|
|
1
|
-
import{jsx as e}from"@emotion/react";import*as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
|
|
5
|
-
*:where(:not(iframe, canvas, img, svg, video, [hidden]):not(svg *)) {
|
|
6
|
-
all: unset;
|
|
7
|
-
display: revert;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
/* Preferred box-sizing value */
|
|
11
|
-
*,
|
|
12
|
-
*::before,
|
|
13
|
-
*::after {
|
|
14
|
-
box-sizing: border-box;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
/*
|
|
18
|
-
Remove list styles (bullets/numbers)
|
|
19
|
-
in case you use it with normalize.css
|
|
20
|
-
*/
|
|
21
|
-
ol,
|
|
22
|
-
ul {
|
|
23
|
-
list-style: none;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/* For images to not be able to exceed their container */
|
|
27
|
-
img {
|
|
28
|
-
max-width: 100%;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/* Removes spacing between cells in tables */
|
|
32
|
-
table {
|
|
33
|
-
border-collapse: collapse;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Revert the 'white-space' property for textarea elements on Safari */
|
|
37
|
-
textarea {
|
|
38
|
-
white-space: revert;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/* Allow dragging elements with a draggable=true attribute */
|
|
42
|
-
[draggable="true"] {
|
|
43
|
-
-webkit-user-drag: element;
|
|
44
|
-
}
|
|
1
|
+
import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"react";var or=({disableReset:o=!1})=>e(lt.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
|
+
/*! 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}
|
|
45
3
|
`}}),e("style",{dangerouslySetInnerHTML:{__html:`
|
|
46
4
|
:root {
|
|
47
5
|
--brand-primary-1: #438fd5; /* bright blue */
|
|
@@ -187,14 +145,22 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
187
145
|
pre {
|
|
188
146
|
white-space: pre;
|
|
189
147
|
}
|
|
190
|
-
|
|
148
|
+
|
|
149
|
+
*:where(ul, ol) {
|
|
150
|
+
all: unset;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
ul, ol {
|
|
154
|
+
list-style: none;
|
|
155
|
+
}
|
|
156
|
+
`}}));var ct={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},te=o=>`@media (min-width: ${ct[o]})`;import{css as b}from"@emotion/react";var R=b`
|
|
191
157
|
position: relative;
|
|
192
|
-
`,b
|
|
158
|
+
`,v=b`
|
|
193
159
|
display: flex;
|
|
194
160
|
font-weight: var(--fw-bold);
|
|
195
161
|
margin: 0 0 var(--spacing-xs);
|
|
196
162
|
align-items: center;
|
|
197
|
-
`,
|
|
163
|
+
`,T=b`
|
|
198
164
|
appearance: none;
|
|
199
165
|
background-color: var(--white);
|
|
200
166
|
border: 1px solid var(--gray-400);
|
|
@@ -224,27 +190,27 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
224
190
|
color: var(--gray-300);
|
|
225
191
|
border-color: var(--gray-300);
|
|
226
192
|
}
|
|
227
|
-
`,
|
|
193
|
+
`,I=b`
|
|
228
194
|
border-color: var(--brand-secondary-5);
|
|
229
|
-
`,
|
|
195
|
+
`,V=b`
|
|
230
196
|
align-items: center;
|
|
231
197
|
display: flex;
|
|
232
198
|
position: absolute;
|
|
233
199
|
inset: 0 var(--spacing-base) 0 auto;
|
|
234
200
|
pointer-event: one;
|
|
235
|
-
`,
|
|
201
|
+
`,D=b`
|
|
236
202
|
padding-right: var(--spacing-2xl);
|
|
237
|
-
`,
|
|
203
|
+
`,X=b`
|
|
238
204
|
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");
|
|
239
205
|
background-position: right var(--spacing-sm) center;
|
|
240
206
|
background-repeat: no-repeat;
|
|
241
207
|
background-size: 1rem;
|
|
242
208
|
padding-right: var(--spacing-xl);
|
|
243
|
-
`,re=
|
|
209
|
+
`,re=b`
|
|
244
210
|
color: var(--brand-secondary-1);
|
|
245
211
|
height: 1.25rem;
|
|
246
212
|
width: 1.25rem;
|
|
247
|
-
`,
|
|
213
|
+
`,ne=b`
|
|
248
214
|
align-items: center;
|
|
249
215
|
cursor: pointer;
|
|
250
216
|
display: inline-flex;
|
|
@@ -252,7 +218,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
252
218
|
margin: var(--spacing-sm) 0;
|
|
253
219
|
flex-wrap: wrap;
|
|
254
220
|
font-weight: var(--fw-regular);
|
|
255
|
-
`,
|
|
221
|
+
`,ae=b`
|
|
256
222
|
border: 1px solid var(--brand-secondary-1);
|
|
257
223
|
background: var(--white);
|
|
258
224
|
width: var(--spacing-md);
|
|
@@ -283,21 +249,21 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
283
249
|
color: var(--gray-300);
|
|
284
250
|
border-color: var(--gray-300);
|
|
285
251
|
}
|
|
286
|
-
`,
|
|
252
|
+
`,ie=b`
|
|
287
253
|
font-weight: var(--fw-medium);
|
|
288
|
-
`,
|
|
254
|
+
`,se=b`
|
|
289
255
|
cursor: not-allowed;
|
|
290
256
|
color: var(--gray-400);
|
|
291
|
-
`,
|
|
257
|
+
`,le=b`
|
|
292
258
|
display: flex;
|
|
293
259
|
flex-direction: column;
|
|
294
260
|
flex-basis: 100%;
|
|
295
261
|
padding-left: var(--spacing-lg);
|
|
296
262
|
margin-top: -0.5rem;
|
|
297
263
|
line-height: 1.15;
|
|
298
|
-
`,ce=
|
|
299
|
-
${
|
|
300
|
-
`;import{css as
|
|
264
|
+
`,ce=b`
|
|
265
|
+
${T}
|
|
266
|
+
`;import{css as pt}from"@emotion/react";var _=pt`
|
|
301
267
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
302
268
|
/*
|
|
303
269
|
#d1d5db = bg-gray-300
|
|
@@ -323,15 +289,15 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
323
289
|
&::-webkit-scrollbar-thumb:hover {
|
|
324
290
|
background: var(--gray-500);
|
|
325
291
|
}
|
|
326
|
-
`;import{css as
|
|
292
|
+
`;import{css as q}from"@emotion/react";var G=q`
|
|
327
293
|
display: block;
|
|
328
|
-
`,
|
|
294
|
+
`,W=q`
|
|
329
295
|
background: transparent;
|
|
330
296
|
color: var(--brand-secondary-1);
|
|
331
|
-
`,
|
|
297
|
+
`,Z=q`
|
|
332
298
|
background: var(--brand-secondary-1);
|
|
333
299
|
color: var(--white);
|
|
334
|
-
`;var
|
|
300
|
+
`;var dr=({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:[G,o==="dark"?Z:W],...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 gr=({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:[G,o==="dark"?Z:W],...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 fe from"react";import{Button as dt}from"reakit/Button";import{css as k}from"@emotion/react";var pe=k`
|
|
335
301
|
align-items: center;
|
|
336
302
|
border: 1px solid transparent;
|
|
337
303
|
cursor: pointer;
|
|
@@ -355,7 +321,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
355
321
|
&:disabled {
|
|
356
322
|
cursor: not-allowed;
|
|
357
323
|
}
|
|
358
|
-
`,
|
|
324
|
+
`,de=k`
|
|
359
325
|
background: var(--brand-secondary-1);
|
|
360
326
|
color: var(--white);
|
|
361
327
|
|
|
@@ -363,7 +329,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
363
329
|
background: var(--gray-500);
|
|
364
330
|
color: var(--white);
|
|
365
331
|
}
|
|
366
|
-
`,
|
|
332
|
+
`,ue=k`
|
|
367
333
|
background: var(--brand-secondary-5);
|
|
368
334
|
color: var(--white);
|
|
369
335
|
|
|
@@ -371,7 +337,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
371
337
|
background: var(--gray-500);
|
|
372
338
|
color: var(--white);
|
|
373
339
|
}
|
|
374
|
-
`,
|
|
340
|
+
`,me=k`
|
|
375
341
|
background: var(--brand-secondary-2);
|
|
376
342
|
color: var(--brand-secondary-1);
|
|
377
343
|
|
|
@@ -379,7 +345,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
379
345
|
background: var(--brand-secondary-2);
|
|
380
346
|
color: var(--gray-400);
|
|
381
347
|
}
|
|
382
|
-
`,
|
|
348
|
+
`,ge=k`
|
|
383
349
|
background: transparent;
|
|
384
350
|
color: var(--brand-secondary-3);
|
|
385
351
|
|
|
@@ -392,7 +358,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
392
358
|
border-color: var(--gray-400);
|
|
393
359
|
color: var(--gray-400);
|
|
394
360
|
}
|
|
395
|
-
`,
|
|
361
|
+
`,be=k`
|
|
396
362
|
background: var(--brand-secondary-3);
|
|
397
363
|
color: var(--white);
|
|
398
364
|
|
|
@@ -400,10 +366,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
400
366
|
background: var(--gray-500);
|
|
401
367
|
color: var(--white);
|
|
402
368
|
}
|
|
403
|
-
`;var
|
|
369
|
+
`;var wr=fe.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:de,secondary:ue,ghost:ge,unimportant:me,tertiary:be},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(dt,{ref:a,css:[pe,i[o],s[t]],...n},r)});import ht from"react";import{createContext as ut,useContext as mt,useEffect as gt,useState as ve}from"react";import{paramCase as bt}from"param-case";var he=ut({iconsMap:{},isLoading:!0});function ye(){return mt(he)}function Tr({children:o}){let[t,r]=ve(!0),[n,a]=ve({});return gt(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let g=ft(p);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(he.Provider,{value:{iconsMap:n,isLoading:t}},o)}function ft(o){var t,r;return(r=(t=bt(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}import{css as E}from"@emotion/react";var xe=E`
|
|
404
370
|
display: hidden;
|
|
405
371
|
|
|
406
|
-
${
|
|
372
|
+
${te("sm")} {
|
|
407
373
|
display: block;
|
|
408
374
|
}
|
|
409
375
|
|
|
@@ -411,30 +377,30 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
411
377
|
display: block;
|
|
412
378
|
vertical-align: middle;
|
|
413
379
|
}
|
|
414
|
-
`,
|
|
380
|
+
`,we=E`
|
|
415
381
|
color: var(--brand-secondary-3);
|
|
416
|
-
`,
|
|
382
|
+
`,Ce=E`
|
|
417
383
|
color: var(--brand-secondary-5);
|
|
418
|
-
`,
|
|
384
|
+
`,Se=E`
|
|
419
385
|
color: var(--gray-500);
|
|
420
|
-
`,
|
|
386
|
+
`,Ie=E`
|
|
421
387
|
color: currentColor;
|
|
422
|
-
`;var
|
|
388
|
+
`;var yt=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=ye(),u={green:we,gray:Se,red:Ce,currentColor:Ie};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:[xe,u[t]]})},h=ht.memo(yt);import{css as xt}from"@emotion/react";var Re=xt`
|
|
423
389
|
color: var(--gray-500);
|
|
424
390
|
display: block;
|
|
425
391
|
font-size: var(--fs-sm);
|
|
426
392
|
margin: var(--spacing-xs) 0;
|
|
427
393
|
max-width: var(--prose);
|
|
428
|
-
`;var
|
|
394
|
+
`;var x=({children:o,testId:t})=>e("small",{css:Re,"data-test-id":t},o);import{MdWarning as Ct}from"react-icons/md";import{css as wt}from"@emotion/react";var Te=wt`
|
|
429
395
|
align-items: center;
|
|
430
396
|
color: var(--brand-secondary-5);
|
|
431
397
|
display: flex;
|
|
432
398
|
gap: var(--spacing-sm);
|
|
433
399
|
margin: var(--spacing-xs) 0;
|
|
434
|
-
`;var
|
|
400
|
+
`;var w=({message:o,testId:t})=>o?e("span",{css:Te,"data-test-id":t},e(h,{icon:Ct,size:16,iconColor:"currentColor"}),o):null;var M=({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 ke=({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,...Y})=>e("div",{"data-test-id":s},a?e(M,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},o):null,e("div",{css:[R,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[T,typeof d=="object"?d:void 0,i?I:void 0,t?D:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...Y}),t?e("div",{css:V},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import St from"react-select";function Qr(o){return e(St,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r),color:"#828282"}},valueContainer:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r),padding:"var(--spacing-base)"}},input:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(t,r)=>({...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"}}),indicatorsContainer:t=>({...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"}}),indicatorSeparator:()=>({display:"none"})}})}import{css as It}from"@emotion/react";import*as Ee from"react";import{useState as Rt,useRef as Tt}from"react";import{css as H}from"@emotion/react";var Me=H`
|
|
435
401
|
margin-inline: auto;
|
|
436
402
|
max-width: fit-content;
|
|
437
|
-
`,
|
|
403
|
+
`,Le=H`
|
|
438
404
|
align-items: center;
|
|
439
405
|
background: var(--brand-secondary-3);
|
|
440
406
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -457,7 +423,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
457
423
|
&:focus {
|
|
458
424
|
outline: 2px solid var(--brand-secondary-1);
|
|
459
425
|
}
|
|
460
|
-
`,Pe=
|
|
426
|
+
`,Pe=H`
|
|
461
427
|
background: var(--white);
|
|
462
428
|
border: 1px solid var(--brand-secondary-3);
|
|
463
429
|
border-top: none;
|
|
@@ -467,7 +433,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
467
433
|
position: absolute;
|
|
468
434
|
inset: auto 0;
|
|
469
435
|
transform: translateY(-0.2rem);
|
|
470
|
-
`,Be=
|
|
436
|
+
`,Be=H`
|
|
471
437
|
cursor: pointer;
|
|
472
438
|
display: block;
|
|
473
439
|
font-size: var(--fs-sm);
|
|
@@ -482,24 +448,25 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
482
448
|
&:hover {
|
|
483
449
|
background: var(--gray-50);
|
|
484
450
|
}
|
|
485
|
-
`,ze=
|
|
451
|
+
`,ze=H`
|
|
486
452
|
position: absolute;
|
|
487
453
|
overflow: hidden;
|
|
488
454
|
height: 1px;
|
|
489
455
|
width: 1px;
|
|
490
456
|
clip: rect(0, 0, 0, 0);
|
|
491
457
|
padding: 0;
|
|
492
|
-
`;import{CgChevronDown as
|
|
458
|
+
`;import{CgChevronDown as kt}from"react-icons/cg";var cn=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Rt(!1),p=Tt(null);Ee.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?It`
|
|
493
459
|
max-width: fit-content;
|
|
494
460
|
${typeof o=="object"?o:void 0}
|
|
495
|
-
`:
|
|
461
|
+
`:Me,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Le,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:kt,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[Pe,s?void 0:ze],"aria-hidden":!s},t.map(d=>e("button",{key:d.value,type:"button",css:Be,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})=>e(ke,{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:re},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:p=>{o(p.currentTarget.value)},onKeyPress:p=>{p.key==="Enter"&&a&&p.preventDefault()},disabled:t,"aria-label":r});var yn=({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:[R,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(M,{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:[T,X,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 In=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(M,{css:[ne,r?se:void 0]},e("input",{type:t,css:ae,checked:n,name:a,disabled:r,...u}),e("span",{css:ie},o),i||s?e("span",{css:le},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as He from"react";var Ln=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(He.Fragment,null,a?e("label",{htmlFor:r,css:[v]},o):null,e("div",{css:[R]},e("textarea",{id:r,css:[ce,i?I:void 0,t?D:""],"aria-label":a?void 0:o,...s}),t?e("div",{css:V},t):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as L from"react";import{useMenuState as Lt,Menu as Pt,MenuButton as Bt}from"reakit/Menu";import{css as Mt}from"@emotion/react";var Ae=Mt`
|
|
496
462
|
border: 1px solid var(--gray-500);
|
|
497
463
|
border-radius: var(--rounded-base);
|
|
498
464
|
outline: none;
|
|
499
465
|
overflow: hidden;
|
|
500
466
|
z-index: 50;
|
|
501
|
-
`;var
|
|
467
|
+
`;var Oe=L.createContext({}),Ve=()=>L.useContext(Oe),De=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Lt({placement:r});return e(Oe.Provider,{value:i},e(Bt,{...i,ref:t.ref,...t.props},s=>L.cloneElement(t,s)),e(Pt,{...i,"aria-label":o,css:[Ae,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Fe from"react";import{MenuItem as zt}from"reakit";import{css as Ge}from"@emotion/react";var We=Ge`
|
|
502
468
|
background: var(--white);
|
|
469
|
+
border: none;
|
|
503
470
|
border-top: 1px solid var(--gray-500);
|
|
504
471
|
color: var(--brand-secondary-1);
|
|
505
472
|
display: flex;
|
|
@@ -523,7 +490,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
523
490
|
&:hover {
|
|
524
491
|
background: var(--gray-200);
|
|
525
492
|
}
|
|
526
|
-
`,
|
|
493
|
+
`,Ze=Ge`
|
|
527
494
|
align-items: center;
|
|
528
495
|
display: flex;
|
|
529
496
|
justify-content: space-between;
|
|
@@ -534,7 +501,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
534
501
|
width: var(--spacing-base);
|
|
535
502
|
height: var(--spacing-base);
|
|
536
503
|
}
|
|
537
|
-
`;var
|
|
504
|
+
`;var $n=Fe.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ve(),p=r?(g=>{let d={...g};if(d.onClick){let f=d.onClick;d.onClick=Y=>{s.hide(),f(Y)}}return d})(a):a,m=typeof o=="function"?o(p):o;return e(zt,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[We,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?Et(m,n):m)});function Et(o,t){return e("span",{css:Ze},o," ",t)}import{css as c}from"@emotion/react";var Ne=({...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"})),Ue=({...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"})),$e=({...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"})),Ke=({...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"})),J=({...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"})),Ye=({...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 P}from"@emotion/react";var Xe=P`
|
|
538
505
|
--caution-desc: rgb(161, 98, 7);
|
|
539
506
|
--caution-icon: rgb(250, 204, 21);
|
|
540
507
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -562,77 +529,77 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
562
529
|
|
|
563
530
|
border-radius: var(--rounded-base);
|
|
564
531
|
padding: var(--spacing-base);
|
|
565
|
-
`,_e=
|
|
532
|
+
`,_e=P`
|
|
566
533
|
display: flex;
|
|
567
534
|
gap: var(--spacing-base);
|
|
568
|
-
`,qe=
|
|
535
|
+
`,qe=P`
|
|
569
536
|
flex-shrink: 0;
|
|
570
|
-
`,Je=
|
|
537
|
+
`,Je=P`
|
|
571
538
|
font-size: var(--fs-sm);
|
|
572
539
|
font-weight: var(--fw-bold);
|
|
573
540
|
margin: 0 0 var(--spacing-sm);
|
|
574
|
-
`,Qe=
|
|
541
|
+
`,Qe=P`
|
|
575
542
|
font-size: var(--fs-sm);
|
|
576
|
-
`,je=
|
|
543
|
+
`,je=P`
|
|
577
544
|
width: 1.25rem;
|
|
578
545
|
height: 1.25rem;
|
|
579
|
-
`;var
|
|
546
|
+
`;var Ht={caution:{icon:J,descriptionColor:c`
|
|
580
547
|
color: var(--caution-desc);
|
|
581
|
-
`,iconColor:
|
|
548
|
+
`,iconColor:c`
|
|
582
549
|
color: var(--caution-icon);
|
|
583
|
-
`,titleColor:
|
|
550
|
+
`,titleColor:c`
|
|
584
551
|
color: var(--caution-title);
|
|
585
|
-
`,containerColor:
|
|
552
|
+
`,containerColor:c`
|
|
586
553
|
background-color: var(--caution-container);
|
|
587
|
-
`},danger:{icon:Ue,descriptionColor:
|
|
554
|
+
`},danger:{icon:Ue,descriptionColor:c`
|
|
588
555
|
color: var(--danger-desc);
|
|
589
|
-
`,iconColor:
|
|
556
|
+
`,iconColor:c`
|
|
590
557
|
color: var(--danger-icon);
|
|
591
|
-
`,titleColor:
|
|
558
|
+
`,titleColor:c`
|
|
592
559
|
color: var(--danger-title);
|
|
593
|
-
`,containerColor:
|
|
560
|
+
`,containerColor:c`
|
|
594
561
|
background-color: var(--danger-container);
|
|
595
|
-
`},error:{icon:
|
|
562
|
+
`},error:{icon:J,descriptionColor:c`
|
|
596
563
|
color: var(--danger-desc);
|
|
597
|
-
`,iconColor:
|
|
564
|
+
`,iconColor:c`
|
|
598
565
|
color: var(--danger-icon);
|
|
599
|
-
`,titleColor:
|
|
566
|
+
`,titleColor:c`
|
|
600
567
|
color: var(--danger-title);
|
|
601
|
-
`,containerColor:
|
|
568
|
+
`,containerColor:c`
|
|
602
569
|
background-color: var(--danger-container);
|
|
603
|
-
`},info:{icon:Ne,descriptionColor:
|
|
570
|
+
`},info:{icon:Ne,descriptionColor:c`
|
|
604
571
|
color: var(--info-desc);
|
|
605
|
-
`,iconColor:
|
|
572
|
+
`,iconColor:c`
|
|
606
573
|
color: var(--info-icon);
|
|
607
|
-
`,titleColor:
|
|
574
|
+
`,titleColor:c`
|
|
608
575
|
color: var(--info-title);
|
|
609
|
-
`,containerColor:
|
|
576
|
+
`,containerColor:c`
|
|
610
577
|
background-color: var(--info-container);
|
|
611
|
-
`},note:{icon:$e,descriptionColor:
|
|
578
|
+
`},note:{icon:$e,descriptionColor:c`
|
|
612
579
|
color: var(--note-desc);
|
|
613
|
-
`,iconColor:
|
|
580
|
+
`,iconColor:c`
|
|
614
581
|
color: var(--note-icon);
|
|
615
|
-
`,titleColor:
|
|
582
|
+
`,titleColor:c`
|
|
616
583
|
color: var(--note-title);
|
|
617
|
-
`,containerColor:
|
|
584
|
+
`,containerColor:c`
|
|
618
585
|
background-color: var(--note-container);
|
|
619
|
-
`},success:{icon:Ye,descriptionColor:
|
|
586
|
+
`},success:{icon:Ye,descriptionColor:c`
|
|
620
587
|
color: var(--success-desc);
|
|
621
|
-
`,iconColor:
|
|
588
|
+
`,iconColor:c`
|
|
622
589
|
color: var(--success-icon);
|
|
623
|
-
`,titleColor:
|
|
590
|
+
`,titleColor:c`
|
|
624
591
|
color: var(--success-title);
|
|
625
|
-
`,containerColor:
|
|
592
|
+
`,containerColor:c`
|
|
626
593
|
background-color: var(--success-container);
|
|
627
|
-
`},tip:{icon:Ke,descriptionColor:
|
|
594
|
+
`},tip:{icon:Ke,descriptionColor:c`
|
|
628
595
|
color: var(--success-desc);
|
|
629
|
-
`,iconColor:
|
|
596
|
+
`,iconColor:c`
|
|
630
597
|
color: var(--success-icon);
|
|
631
|
-
`,titleColor:
|
|
598
|
+
`,titleColor:c`
|
|
632
599
|
color: var(--success-title);
|
|
633
|
-
`,containerColor:
|
|
600
|
+
`,containerColor:c`
|
|
634
601
|
background-color: var(--success-container);
|
|
635
|
-
`}},
|
|
602
|
+
`}},ea=({type:o="info",title:t,children:r,className:n})=>{let a=Ht[o];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Xe,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:_e},e("div",{css:qe},e(i,{css:[je,a.iconColor]})),e("div",null,t?e("h3",{css:[Je,a.titleColor]},t):null,r?e("div",{css:[Qe,a.descriptionColor]},r):null)))};import{css as eo,keyframes as At}from"@emotion/react";var Ot=At`
|
|
636
603
|
0%, 100% {
|
|
637
604
|
opacity: 1.0;
|
|
638
605
|
transform: translateY(0);
|
|
@@ -651,11 +618,11 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
651
618
|
`,oo=eo`
|
|
652
619
|
display: inline-flex;
|
|
653
620
|
justify-content: center;
|
|
654
|
-
`,
|
|
621
|
+
`,F=eo`
|
|
655
622
|
background-color: var(--gray-700);
|
|
656
623
|
display: block;
|
|
657
624
|
border-radius: var(--rounded-full);
|
|
658
|
-
animation: ${
|
|
625
|
+
animation: ${Ot} 0.75s infinite ease-in-out;
|
|
659
626
|
width: 8px;
|
|
660
627
|
height: 8px;
|
|
661
628
|
margin: 0 var(--spacing-xs);
|
|
@@ -672,53 +639,53 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
672
639
|
&:nth-of-type(3) {
|
|
673
640
|
animation-delay: 0.6s;
|
|
674
641
|
}
|
|
675
|
-
`;var
|
|
642
|
+
`;var aa=()=>e("div",{css:oo,role:"alert","data-test-id":"loading-indicator"},e("span",{css:F}),e("span",{css:F}),e("span",{css:F}));import{css as Vt}from"@emotion/react";import{css as B}from"@emotion/react";var to=B`
|
|
676
643
|
align-items: center;
|
|
677
644
|
position: absolute;
|
|
678
645
|
inset: 0 0;
|
|
679
646
|
overflow: hidden;
|
|
680
647
|
z-index: 9999;
|
|
681
648
|
justify-content: center;
|
|
682
|
-
`,
|
|
649
|
+
`,ro=B`
|
|
683
650
|
display: flex;
|
|
684
|
-
`,no=
|
|
651
|
+
`,no=B`
|
|
685
652
|
display: none;
|
|
686
|
-
`,ao=
|
|
653
|
+
`,ao=B`
|
|
687
654
|
background: var(--white);
|
|
688
655
|
opacity: 0.5;
|
|
689
656
|
position: absolute;
|
|
690
657
|
inset: 0 0;
|
|
691
|
-
`,io=
|
|
658
|
+
`,io=B`
|
|
692
659
|
align-items: center;
|
|
693
660
|
display: flex;
|
|
694
661
|
flex-direction: column;
|
|
695
|
-
`,so=
|
|
662
|
+
`,so=B`
|
|
696
663
|
color: var(--gray-500);
|
|
697
664
|
margin: var(--spacing-base) 0 0;
|
|
698
|
-
`;var
|
|
665
|
+
`;var da=({isActive:o,statusMessage:t})=>e("div",{role:"alert",css:[to,o?ro:no],"aria-hidden":!o},e("div",{css:ao}),e("div",{css:Vt`
|
|
699
666
|
position: relative;
|
|
700
|
-
`},e("div",{css:io},e(
|
|
667
|
+
`},e("div",{css:io},e(Dt,{height:128,width:128}),t?e("div",{css:so},t):null))),Dt=({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 lo=C`
|
|
701
668
|
font-family: var(--ff-heading);
|
|
702
669
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
703
670
|
font-weight: var(--fw-bold);
|
|
704
671
|
margin-bottom: var(--spacing-base);
|
|
705
|
-
`,
|
|
672
|
+
`,co=C`
|
|
706
673
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
707
|
-
`,po=
|
|
674
|
+
`,po=C`
|
|
708
675
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
709
|
-
`,uo=
|
|
676
|
+
`,uo=C`
|
|
710
677
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
711
|
-
`,mo=
|
|
678
|
+
`,mo=C`
|
|
712
679
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
713
|
-
`,go=
|
|
680
|
+
`,go=C`
|
|
714
681
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
715
|
-
`,
|
|
682
|
+
`,bo=C`
|
|
716
683
|
font-weight: var(--fw-bold);
|
|
717
684
|
font-family: var(--ff-base);
|
|
718
685
|
margin-bottom: var(--spacing-base);
|
|
719
|
-
`,
|
|
686
|
+
`,fo=C`
|
|
720
687
|
line-height: 1.35;
|
|
721
|
-
`;var
|
|
688
|
+
`;var fa=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:lo,h2:co,h3:po,h4:uo,h5:mo,h6:go},i=n.includes("h1")?void 0:bo;return e(n,{...r,css:[a[n],i,fo]},t)};import{css as Gt}from"@emotion/react";var vo=Gt`
|
|
722
689
|
font-size: var(--fs-base);
|
|
723
690
|
line-height: 1.5;
|
|
724
691
|
margin-bottom: var(--spacing-base);
|
|
@@ -726,7 +693,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
726
693
|
&:last-of-type {
|
|
727
694
|
margin-bottom: 0;
|
|
728
695
|
}
|
|
729
|
-
`;var
|
|
696
|
+
`;var wa=({className:o,children:t,...r})=>e("p",{...r,css:[vo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);import{css as N}from"@emotion/react";var ho=N`
|
|
730
697
|
display: inline-flex;
|
|
731
698
|
text-decoration: underline;
|
|
732
699
|
|
|
@@ -739,7 +706,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
739
706
|
color: var(--brand-secondary-5);
|
|
740
707
|
`,wo=N`
|
|
741
708
|
color: currentColor;
|
|
742
|
-
`;import{CgExternal as
|
|
709
|
+
`;import{CgExternal as Wt}from"react-icons/cg";var Ma=({external:o,text:t,linkColor:r="currentColor",...n})=>e("a",{css:[ho,{currentColor:wo,red:xo,green:yo}[r]],...n},t,o?e(h,{icon:Wt,iconColor:"currentColor",size:24}):null);import{css as Zt}from"@emotion/react";import{css as Co}from"@emotion/react";var So=Co`
|
|
743
710
|
position: relative;
|
|
744
711
|
`,Io=Co`
|
|
745
712
|
background: var(--gray-50);
|
|
@@ -748,9 +715,9 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
748
715
|
max-height: 24rem;
|
|
749
716
|
overflow-y: auto;
|
|
750
717
|
padding: var(--spacing-sm);
|
|
751
|
-
`;var
|
|
752
|
-
${
|
|
753
|
-
`},o):null,e("div",{css:[Io,
|
|
718
|
+
`;var Aa=({label:o,children:t})=>e("div",{css:So},o?e("span",{css:Zt`
|
|
719
|
+
${v}
|
|
720
|
+
`},o):null,e("div",{css:[Io,_]},t));import{css as Q}from"@emotion/react";var Ro=Q`
|
|
754
721
|
align-items: center;
|
|
755
722
|
background: var(--white);
|
|
756
723
|
border-radius: var(--rounded-base);
|
|
@@ -765,9 +732,9 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
765
732
|
&:last-of-type {
|
|
766
733
|
margin-block: 0;
|
|
767
734
|
}
|
|
768
|
-
`,
|
|
735
|
+
`,To=Q`
|
|
769
736
|
border-color: var(--brand-secondary-3);
|
|
770
|
-
`,ko=
|
|
737
|
+
`,ko=Q`
|
|
771
738
|
align-items: center;
|
|
772
739
|
display: flex;
|
|
773
740
|
justify-content: space-between;
|
|
@@ -777,7 +744,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
777
744
|
&:focus {
|
|
778
745
|
outline: none;
|
|
779
746
|
}
|
|
780
|
-
`;import{css as
|
|
747
|
+
`;import{css as Lo}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Wa=U`
|
|
781
748
|
0%,
|
|
782
749
|
100% {
|
|
783
750
|
transform: scale(1);
|
|
@@ -787,7 +754,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
787
754
|
transform: scale(1.15);
|
|
788
755
|
opacity: 1;
|
|
789
756
|
}
|
|
790
|
-
`,
|
|
757
|
+
`,Mo=U`
|
|
791
758
|
0% {
|
|
792
759
|
opacity: 0;
|
|
793
760
|
transform: translateY(10px);
|
|
@@ -796,7 +763,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
796
763
|
opacity: 1;
|
|
797
764
|
transform: translateY(0);
|
|
798
765
|
}
|
|
799
|
-
`,
|
|
766
|
+
`,Za=U`
|
|
800
767
|
0% {
|
|
801
768
|
opacity: 1;
|
|
802
769
|
transform: translateY(0);
|
|
@@ -805,20 +772,20 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
805
772
|
opacity: 0;
|
|
806
773
|
transform: translateY(10px);
|
|
807
774
|
}
|
|
808
|
-
`,
|
|
775
|
+
`,Fa=U`
|
|
809
776
|
0% {
|
|
810
777
|
opacity: 0;
|
|
811
778
|
}
|
|
812
779
|
100% {
|
|
813
780
|
opacity: 1;
|
|
814
781
|
}
|
|
815
|
-
`;var
|
|
782
|
+
`;var Ya=({buttonText:o,active:t,...r})=>e("div",{css:[Ro,t?To:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},e("button",{css:ko,className:"flex items-center justify-between w-full outline-none focus:outline-none",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:Lo`
|
|
816
783
|
color: var(--brand-secondary-3);
|
|
817
784
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
818
|
-
${
|
|
819
|
-
animation: ${
|
|
785
|
+
${t?Lo`
|
|
786
|
+
animation: ${Mo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
820
787
|
`:"opacity: 0;"}
|
|
821
|
-
`},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
|
|
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 Ft}from"react-icons/cg";import{css as y}from"@emotion/react";var Po=y`
|
|
822
789
|
align-items: center;
|
|
823
790
|
border: 1px solid transparent;
|
|
824
791
|
color: var(--white);
|
|
@@ -837,56 +804,58 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
837
804
|
&:focus {
|
|
838
805
|
border-color: var(--gray-700);
|
|
839
806
|
}
|
|
840
|
-
`,Bo=
|
|
807
|
+
`,Bo=y`
|
|
808
|
+
border: 1px solid transparent;
|
|
809
|
+
background: transparent;
|
|
841
810
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
842
811
|
font-weight: var(--fw-medium);
|
|
843
812
|
letter-spacing: 0.025rem;
|
|
844
813
|
line-height: 1.25;
|
|
845
|
-
`,zo=
|
|
814
|
+
`,zo=y`
|
|
846
815
|
padding: var(--spacing-sm);
|
|
847
816
|
border-left: 1px solid currentColor;
|
|
848
|
-
`,Eo=
|
|
817
|
+
`,Eo=y`
|
|
849
818
|
background: var(--brand-secondary-1);
|
|
850
819
|
color: var(--white);
|
|
851
|
-
`,Ho=
|
|
820
|
+
`,Ho=y`
|
|
852
821
|
background: var(--gray-500);
|
|
853
822
|
color: var(--white);
|
|
854
|
-
`,
|
|
823
|
+
`,Ao=y`
|
|
855
824
|
background: var(--brand-secondary-5);
|
|
856
825
|
color: var(--white);
|
|
857
|
-
`,
|
|
826
|
+
`,Oo=y`
|
|
858
827
|
background: var(--gray-500);
|
|
859
828
|
color: var(--white);
|
|
860
|
-
`,
|
|
829
|
+
`,Vo=y`
|
|
861
830
|
background: var(--brand-secondary-2);
|
|
862
831
|
color: var(--brand-secondary-1);
|
|
863
|
-
`,
|
|
832
|
+
`,Do=y`
|
|
864
833
|
background: var(--brand-secondary-2);
|
|
865
834
|
color: var(--gray-400);
|
|
866
|
-
`,
|
|
835
|
+
`,Go=y`
|
|
867
836
|
background: transparent;
|
|
868
837
|
color: var(--brand-secondary-3);
|
|
869
838
|
|
|
870
839
|
&:hover {
|
|
871
840
|
border-color: var(--brand-secondary-3);
|
|
872
841
|
}
|
|
873
|
-
`,
|
|
842
|
+
`,Wo=y`
|
|
874
843
|
background: transparent;
|
|
875
844
|
border-color: var(--gray-400);
|
|
876
845
|
color: var(--gray-400);
|
|
877
|
-
`;var
|
|
846
|
+
`;var oi=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Po,n?{primary:Ho,secondary:Oo,ghost:Wo,unimportant:Do}[t]:{primary:Eo,secondary:Ao,ghost:Go,unimportant:Vo}[t]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Bo,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),e(De,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:zo,"data-test-id":"multioptions-button-call-menu"},e(h,{icon:Ft,size:24,iconColor:"currentColor"}))},a));import{css as qt}from"@emotion/react";import Ut,{useContext as $t,useEffect as Kt,useState as Yt}from"react";import{css as j}from"@emotion/react";var Zo=j`
|
|
878
847
|
position: absolute;
|
|
879
|
-
`,
|
|
848
|
+
`,Fo=j`
|
|
880
849
|
display: flex;
|
|
881
850
|
gap: var(--spacing-sm);
|
|
882
851
|
font-size: var(--fs-xs);
|
|
883
|
-
`,No=
|
|
852
|
+
`,No=j`
|
|
884
853
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
885
854
|
border-radius: var(--rounded-base);
|
|
886
855
|
border: 1px solid var(--gray-600);
|
|
887
856
|
box-shadow: var(--shadow-base);
|
|
888
857
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
889
|
-
`;import{useHotkeys as
|
|
858
|
+
`;import{useHotkeys as Nt}from"react-hotkeys-hook";var z=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function ee(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function $({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=z&&r?r:t;z&&!r&&(i=ee(t)),Nt(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var Uo=!1,$o=Ut.createContext(!1),oe=["ctrl+F1","option+shift+/"];function pi({children:o}){let[t,r]=Yt(!1);return Kt(()=>{Uo||(Uo=!0,console.log(`Type ${Ko(z?oe[1]:oe[0])} to show keyboard shortcuts`))},[]),$({shortcut:oe.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e($o.Provider,{value:t},o)}function Ko(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Yo({shortcut:o,macShortcut:t,className:r}){if(!$t($o)||!o.includes("+")&&o.length>1)return null;let a=z&&t?t:o;z&&!t&&(a=ee(o));let i=Ko(a);return e("div",{css:[Zo,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(Xt,{shortcut:i}))}function Xt({shortcut:o}){let t=o.split("+");return e("div",{css:Fo},t.map(r=>e("span",{key:r,css:No},r.toUpperCase())))}import{css as _t}from"@emotion/react";var Xo=_t`
|
|
890
859
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
891
860
|
align-items: center;
|
|
892
861
|
box-shadow: var(--shadow-base);
|
|
@@ -908,10 +877,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
908
877
|
& svg {
|
|
909
878
|
color: var(--brand-secondary-5);
|
|
910
879
|
}
|
|
911
|
-
`;var
|
|
880
|
+
`;var hi=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>($({shortcut:r,macShortcut:n,handler:t,activeWhenEditing:!0}),e("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:t,css:Xo,...a},r?e(Yo,{shortcut:r,css:qt`
|
|
912
881
|
top: -2rem;
|
|
913
882
|
left: -1.5rem;
|
|
914
|
-
`}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as K from"react";import{css as
|
|
883
|
+
`}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as K from"react";import{css as A}from"@emotion/react";var _o=A`
|
|
915
884
|
cursor: pointer;
|
|
916
885
|
display: inline-block;
|
|
917
886
|
position: relative;
|
|
@@ -919,7 +888,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
919
888
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
920
889
|
vertical-align: middle;
|
|
921
890
|
user-select: none;
|
|
922
|
-
`,qo=
|
|
891
|
+
`,qo=A`
|
|
923
892
|
appearance: none;
|
|
924
893
|
border-radius: var(--rounded-full);
|
|
925
894
|
background-color: var(--white);
|
|
@@ -956,14 +925,14 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
956
925
|
&:disabled {
|
|
957
926
|
cursor: not-allowed;
|
|
958
927
|
}
|
|
959
|
-
`,Jo=
|
|
928
|
+
`,Jo=A`
|
|
960
929
|
opacity: var(--opacity-50);
|
|
961
930
|
cursor: not-allowed;
|
|
962
931
|
|
|
963
932
|
& > :before {
|
|
964
933
|
cursor: not-allowed;
|
|
965
934
|
}
|
|
966
|
-
`,Qo=
|
|
935
|
+
`,Qo=A`
|
|
967
936
|
align-items: center;
|
|
968
937
|
color: var(--brand-secondary-1);
|
|
969
938
|
display: inline-flex;
|
|
@@ -984,8 +953,48 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
984
953
|
left: 0;
|
|
985
954
|
top: 0;
|
|
986
955
|
}
|
|
987
|
-
`,jo=
|
|
956
|
+
`,jo=A`
|
|
988
957
|
color: var(--gray-500);
|
|
989
958
|
font-size: var(--fs-sm);
|
|
990
959
|
padding-inline: var(--spacing-2xl) 0;
|
|
991
|
-
`;var
|
|
960
|
+
`;var Si=K.forwardRef(({label:o,infoText:t,toggleText:r,children:n,...a},i)=>{let s=t;return t&&r&&(s=a.checked?r:t),e(K.Fragment,null,e("label",{css:[_o,a.disabled?Jo:void 0]},e("input",{type:"checkbox",css:qo,...a,ref:i}),e("span",{css:Qo},o)),s?e("p",{css:jo},s):null,n)});import*as S from"react";import{css as O}from"@emotion/react";var et=O`
|
|
961
|
+
border-bottom: 1px solid var(--gray-400);
|
|
962
|
+
border-collapse: collapse;
|
|
963
|
+
min-width: 100%;
|
|
964
|
+
table-layout: auto;
|
|
965
|
+
`,ot=O`
|
|
966
|
+
background: var(--gray-100);
|
|
967
|
+
color: var(--brand-secondary-1);
|
|
968
|
+
text-align: left;
|
|
969
|
+
`,tt=O`
|
|
970
|
+
border-bottom: 1px solid var(--gray-200);
|
|
971
|
+
`,rt=O`
|
|
972
|
+
font-size: var(--fs-sm);
|
|
973
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
974
|
+
text-transform: uppercase;
|
|
975
|
+
font-weight: var(--fw-bold);
|
|
976
|
+
`,nt=O`
|
|
977
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
978
|
+
`;var Ti=S.forwardRef(({children:o,...t},r)=>e("table",{ref:r,css:et,...t},o)),ki=S.forwardRef(({children:o,...t},r)=>e("thead",{ref:r,css:ot,...t},o)),Mi=S.forwardRef(({children:o,...t},r)=>e("tbody",{ref:r,...t},o)),Li=S.forwardRef(({children:o,...t},r)=>e("tfoot",{ref:r,...t},o)),Pi=S.forwardRef(({children:o,...t},r)=>e("tr",{ref:r,css:tt,...t},o)),Bi=S.forwardRef(({children:o,...t},r)=>e("th",{ref:r,css:rt,...t},o)),zi=S.forwardRef(({children:o,...t},r)=>e("td",{ref:r,css:nt,...t},o));import{css as at}from"@emotion/react";var it=at`
|
|
979
|
+
align-items: center;
|
|
980
|
+
background: transparent;
|
|
981
|
+
border: none;
|
|
982
|
+
color: var(--brand-secondary-3);
|
|
983
|
+
display: inline-flex;
|
|
984
|
+
gap: var(--spacing-sm);
|
|
985
|
+
font-size: var(--fs-base);
|
|
986
|
+
font-weight: var(--fw-bold);
|
|
987
|
+
padding: 0;
|
|
988
|
+
margin-block: var(--spacing-base);
|
|
989
|
+
|
|
990
|
+
&:disabled {
|
|
991
|
+
cursor: not-allowed;
|
|
992
|
+
color: var(--gray-500);
|
|
993
|
+
}
|
|
994
|
+
`,st=o=>at`
|
|
995
|
+
box-sizing: border-box;
|
|
996
|
+
background: ${o?"var(--gray-500)":"var(--brand-secondary-3)"};
|
|
997
|
+
border-radius: var(--rounded-full);
|
|
998
|
+
color: var(--white);
|
|
999
|
+
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1000
|
+
`;var Di=({buttonText:o="Add Item",onButtonClick:t,disabled:r,icon:n="math-plus",...a})=>e("button",{type:"button",css:it,onClick:t,title:o,disabled:r,...a},n==="math-plus"?e(h,{icon:n,iconColor:"currentColor",size:22,css:st(r)}):e(h,{icon:n,iconColor:"currentColor",size:22}),o);export{hi as AddButton,Di as AddListButton,wr as Button,oi as ButtonWithMenu,ea as Callout,x as Caption,w as ErrorMessage,fa as Heading,h as Icon,Tr as IconsProvider,ke as Input,Qr as InputComboBox,cn as InputInlineSelect,mn as InputKeywordSearch,yn as InputSelect,In as InputToggle,M as Label,Ma as Link,Dt as LoadingIcon,aa as LoadingIndicator,da as LoadingOverlay,De as Menu,Oe as MenuContext,$n as MenuItem,wa as Paragraph,Aa as ScrollableList,Ya as ScrollableListItem,pi as ShortcutContext,Yo as ShortcutRevealer,Si as Switch,Ti as Table,Mi as TableBody,zi as TableCellData,Bi as TableCellHead,Li as TableFoot,ki as TableHead,Pi as TableRow,Ln as Textarea,or as Theme,dr as UniformBadge,gr as UniformLogo,ct as breakpoints,T as input,I as inputError,X as inputSelect,v as labelText,te as mq,_ as scrollbarStyles,ye as useIconContext,Ve as useMenuContext};
|