@uniformdev/design-system 16.1.0 → 16.1.1-alpha.139
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 +149 -170
- package/dist/index.d.ts +57 -5
- package/dist/index.js +155 -176
- 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 at from"react";var Qt=({disableReset:o=!1})=>e(at.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,14 @@ 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
|
-
`}}));var
|
|
148
|
+
`}}));var it={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},te=o=>`@media (min-width: ${it[o]})`;import{css as f}from"@emotion/react";var R=f`
|
|
191
149
|
position: relative;
|
|
192
|
-
`,
|
|
150
|
+
`,v=f`
|
|
193
151
|
display: flex;
|
|
194
152
|
font-weight: var(--fw-bold);
|
|
195
153
|
margin: 0 0 var(--spacing-xs);
|
|
196
154
|
align-items: center;
|
|
197
|
-
`,
|
|
155
|
+
`,T=f`
|
|
198
156
|
appearance: none;
|
|
199
157
|
background-color: var(--white);
|
|
200
158
|
border: 1px solid var(--gray-400);
|
|
@@ -224,27 +182,27 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
224
182
|
color: var(--gray-300);
|
|
225
183
|
border-color: var(--gray-300);
|
|
226
184
|
}
|
|
227
|
-
`,
|
|
185
|
+
`,I=f`
|
|
228
186
|
border-color: var(--brand-secondary-5);
|
|
229
|
-
`,A=
|
|
187
|
+
`,A=f`
|
|
230
188
|
align-items: center;
|
|
231
189
|
display: flex;
|
|
232
190
|
position: absolute;
|
|
233
191
|
inset: 0 var(--spacing-base) 0 auto;
|
|
234
192
|
pointer-event: one;
|
|
235
|
-
`,
|
|
193
|
+
`,D=f`
|
|
236
194
|
padding-right: var(--spacing-2xl);
|
|
237
|
-
`,
|
|
195
|
+
`,X=f`
|
|
238
196
|
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
197
|
background-position: right var(--spacing-sm) center;
|
|
240
198
|
background-repeat: no-repeat;
|
|
241
199
|
background-size: 1rem;
|
|
242
200
|
padding-right: var(--spacing-xl);
|
|
243
|
-
`,re=
|
|
201
|
+
`,re=f`
|
|
244
202
|
color: var(--brand-secondary-1);
|
|
245
203
|
height: 1.25rem;
|
|
246
204
|
width: 1.25rem;
|
|
247
|
-
`,
|
|
205
|
+
`,ne=f`
|
|
248
206
|
align-items: center;
|
|
249
207
|
cursor: pointer;
|
|
250
208
|
display: inline-flex;
|
|
@@ -252,7 +210,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
252
210
|
margin: var(--spacing-sm) 0;
|
|
253
211
|
flex-wrap: wrap;
|
|
254
212
|
font-weight: var(--fw-regular);
|
|
255
|
-
`,
|
|
213
|
+
`,ae=f`
|
|
256
214
|
border: 1px solid var(--brand-secondary-1);
|
|
257
215
|
background: var(--white);
|
|
258
216
|
width: var(--spacing-md);
|
|
@@ -283,21 +241,21 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
283
241
|
color: var(--gray-300);
|
|
284
242
|
border-color: var(--gray-300);
|
|
285
243
|
}
|
|
286
|
-
`,
|
|
244
|
+
`,ie=f`
|
|
287
245
|
font-weight: var(--fw-medium);
|
|
288
|
-
`,
|
|
246
|
+
`,se=f`
|
|
289
247
|
cursor: not-allowed;
|
|
290
248
|
color: var(--gray-400);
|
|
291
|
-
`,
|
|
249
|
+
`,le=f`
|
|
292
250
|
display: flex;
|
|
293
251
|
flex-direction: column;
|
|
294
252
|
flex-basis: 100%;
|
|
295
253
|
padding-left: var(--spacing-lg);
|
|
296
254
|
margin-top: -0.5rem;
|
|
297
255
|
line-height: 1.15;
|
|
298
|
-
`,ce=
|
|
299
|
-
${
|
|
300
|
-
`;import{css as
|
|
256
|
+
`,ce=f`
|
|
257
|
+
${T}
|
|
258
|
+
`;import{css as st}from"@emotion/react";var _=st`
|
|
301
259
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
302
260
|
/*
|
|
303
261
|
#d1d5db = bg-gray-300
|
|
@@ -323,15 +281,15 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
323
281
|
&::-webkit-scrollbar-thumb:hover {
|
|
324
282
|
background: var(--gray-500);
|
|
325
283
|
}
|
|
326
|
-
`;import{css as
|
|
284
|
+
`;import{css as q}from"@emotion/react";var G=q`
|
|
327
285
|
display: block;
|
|
328
|
-
`,
|
|
286
|
+
`,W=q`
|
|
329
287
|
background: transparent;
|
|
330
288
|
color: var(--brand-secondary-1);
|
|
331
|
-
`,
|
|
289
|
+
`,Z=q`
|
|
332
290
|
background: var(--brand-secondary-1);
|
|
333
291
|
color: var(--white);
|
|
334
|
-
`;var
|
|
292
|
+
`;var lr=({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 dr=({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 be from"react";import{Button as lt}from"reakit/Button";import{css as M}from"@emotion/react";var pe=M`
|
|
335
293
|
align-items: center;
|
|
336
294
|
border: 1px solid transparent;
|
|
337
295
|
cursor: pointer;
|
|
@@ -355,7 +313,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
355
313
|
&:disabled {
|
|
356
314
|
cursor: not-allowed;
|
|
357
315
|
}
|
|
358
|
-
`,
|
|
316
|
+
`,de=M`
|
|
359
317
|
background: var(--brand-secondary-1);
|
|
360
318
|
color: var(--white);
|
|
361
319
|
|
|
@@ -363,7 +321,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
363
321
|
background: var(--gray-500);
|
|
364
322
|
color: var(--white);
|
|
365
323
|
}
|
|
366
|
-
`,
|
|
324
|
+
`,ue=M`
|
|
367
325
|
background: var(--brand-secondary-5);
|
|
368
326
|
color: var(--white);
|
|
369
327
|
|
|
@@ -371,7 +329,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
371
329
|
background: var(--gray-500);
|
|
372
330
|
color: var(--white);
|
|
373
331
|
}
|
|
374
|
-
`,
|
|
332
|
+
`,me=M`
|
|
375
333
|
background: var(--brand-secondary-2);
|
|
376
334
|
color: var(--brand-secondary-1);
|
|
377
335
|
|
|
@@ -379,7 +337,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
379
337
|
background: var(--brand-secondary-2);
|
|
380
338
|
color: var(--gray-400);
|
|
381
339
|
}
|
|
382
|
-
`,
|
|
340
|
+
`,ge=M`
|
|
383
341
|
background: transparent;
|
|
384
342
|
color: var(--brand-secondary-3);
|
|
385
343
|
|
|
@@ -392,7 +350,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
392
350
|
border-color: var(--gray-400);
|
|
393
351
|
color: var(--gray-400);
|
|
394
352
|
}
|
|
395
|
-
`,
|
|
353
|
+
`,fe=M`
|
|
396
354
|
background: var(--brand-secondary-3);
|
|
397
355
|
color: var(--white);
|
|
398
356
|
|
|
@@ -400,10 +358,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
400
358
|
background: var(--gray-500);
|
|
401
359
|
color: var(--white);
|
|
402
360
|
}
|
|
403
|
-
`;var
|
|
361
|
+
`;var hr=be.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:de,secondary:ue,ghost:ge,unimportant:me,tertiary:fe},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(lt,{ref:a,css:[pe,i[o],s[t]],...n},r)});import ft from"react";import{createContext as ct,useContext as pt,useEffect as dt,useState as ve}from"react";import{paramCase as ut}from"param-case";var he=ct({iconsMap:{},isLoading:!0});function ye(){return pt(he)}function Sr({children:o}){let[t,r]=ve(!0),[n,a]=ve({});return dt(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let g=mt(p);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(he.Provider,{value:{iconsMap:n,isLoading:t}},o)}function mt(o){var t,r;return(r=(t=ut(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}import{css as H}from"@emotion/react";var xe=H`
|
|
404
362
|
display: hidden;
|
|
405
363
|
|
|
406
|
-
${
|
|
364
|
+
${te("sm")} {
|
|
407
365
|
display: block;
|
|
408
366
|
}
|
|
409
367
|
|
|
@@ -411,30 +369,30 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
411
369
|
display: block;
|
|
412
370
|
vertical-align: middle;
|
|
413
371
|
}
|
|
414
|
-
`,xe=H`
|
|
415
|
-
color: var(--brand-secondary-3);
|
|
416
372
|
`,we=H`
|
|
417
|
-
color: var(--brand-secondary-
|
|
373
|
+
color: var(--brand-secondary-3);
|
|
418
374
|
`,Ce=H`
|
|
419
|
-
color: var(--
|
|
375
|
+
color: var(--brand-secondary-5);
|
|
420
376
|
`,Se=H`
|
|
377
|
+
color: var(--gray-500);
|
|
378
|
+
`,Ie=H`
|
|
421
379
|
color: currentColor;
|
|
422
|
-
`;var
|
|
380
|
+
`;var bt=({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]]})},y=ft.memo(bt);import{css as vt}from"@emotion/react";var Re=vt`
|
|
423
381
|
color: var(--gray-500);
|
|
424
382
|
display: block;
|
|
425
383
|
font-size: var(--fs-sm);
|
|
426
384
|
margin: var(--spacing-xs) 0;
|
|
427
385
|
max-width: var(--prose);
|
|
428
|
-
`;var
|
|
386
|
+
`;var x=({children:o,testId:t})=>e("small",{css:Re,"data-test-id":t},o);import{MdWarning as yt}from"react-icons/md";import{css as ht}from"@emotion/react";var Te=ht`
|
|
429
387
|
align-items: center;
|
|
430
388
|
color: var(--brand-secondary-5);
|
|
431
389
|
display: flex;
|
|
432
390
|
gap: var(--spacing-sm);
|
|
433
391
|
margin: var(--spacing-xs) 0;
|
|
434
|
-
`;var
|
|
392
|
+
`;var w=({message:o,testId:t})=>o?e("span",{css:Te,"data-test-id":t},e(y,{icon:yt,size:16,iconColor:"currentColor"}),o):null;var k=({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 Me=({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:b,...Y})=>e("div",{"data-test-id":s},a?e(k,{htmlFor:r,css:[v,typeof b=="object"?b:void 0],className:typeof b=="string"?b:"",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:A},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import xt from"react-select";function _r(o){return e(xt,{...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,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}import{css as wt}from"@emotion/react";import*as He from"react";import{useState as Ct,useRef as St}from"react";import{css as E}from"@emotion/react";var ke=E`
|
|
435
393
|
margin-inline: auto;
|
|
436
394
|
max-width: fit-content;
|
|
437
|
-
`,
|
|
395
|
+
`,Pe=E`
|
|
438
396
|
align-items: center;
|
|
439
397
|
background: var(--brand-secondary-3);
|
|
440
398
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -457,7 +415,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
457
415
|
&:focus {
|
|
458
416
|
outline: 2px solid var(--brand-secondary-1);
|
|
459
417
|
}
|
|
460
|
-
`,
|
|
418
|
+
`,Le=E`
|
|
461
419
|
background: var(--white);
|
|
462
420
|
border: 1px solid var(--brand-secondary-3);
|
|
463
421
|
border-top: none;
|
|
@@ -467,7 +425,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
467
425
|
position: absolute;
|
|
468
426
|
inset: auto 0;
|
|
469
427
|
transform: translateY(-0.2rem);
|
|
470
|
-
`,Be=
|
|
428
|
+
`,Be=E`
|
|
471
429
|
cursor: pointer;
|
|
472
430
|
display: block;
|
|
473
431
|
font-size: var(--fs-sm);
|
|
@@ -482,24 +440,25 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
482
440
|
&:hover {
|
|
483
441
|
background: var(--gray-50);
|
|
484
442
|
}
|
|
485
|
-
`,ze=
|
|
443
|
+
`,ze=E`
|
|
486
444
|
position: absolute;
|
|
487
445
|
overflow: hidden;
|
|
488
446
|
height: 1px;
|
|
489
447
|
width: 1px;
|
|
490
448
|
clip: rect(0, 0, 0, 0);
|
|
491
449
|
padding: 0;
|
|
492
|
-
`;import{CgChevronDown as
|
|
450
|
+
`;import{CgChevronDown as It}from"react-icons/cg";var an=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Ct(!1),p=St(null);He.useEffect(()=>{let d=b=>{p.current&&!p.current.contains(b.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?wt`
|
|
493
451
|
max-width: fit-content;
|
|
494
452
|
${typeof o=="object"?o:void 0}
|
|
495
|
-
`:
|
|
453
|
+
`:ke,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Pe,onClick:()=>{a||u(d=>!d)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(y,{icon:It,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[Le,s?void 0:ze],"aria-hidden":!s},t.map(d=>e("button",{key:d.value,type:"button",css:Be,onClick:()=>{n(d),u(b=>!b)}},d.label))))};var pn=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i})=>e(Me,{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 bn=({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(k,{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,b)=>e("option",{key:b,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(k,{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 Ee from"react";var Tn=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(Ee.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:A},t):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as P from"react";import{useMenuState as Tt,Menu as Mt,MenuButton as kt}from"reakit/Menu";import{css as Rt}from"@emotion/react";var Oe=Rt`
|
|
496
454
|
border: 1px solid var(--gray-500);
|
|
497
455
|
border-radius: var(--rounded-base);
|
|
498
456
|
outline: none;
|
|
499
457
|
overflow: hidden;
|
|
500
458
|
z-index: 50;
|
|
501
|
-
`;var Ve=P.createContext({}),Ae=()=>P.useContext(Ve),
|
|
459
|
+
`;var Ve=P.createContext({}),Ae=()=>P.useContext(Ve),De=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Tt({placement:r});return e(Ve.Provider,{value:i},e(kt,{...i,ref:t.ref,...t.props},s=>P.cloneElement(t,s)),e(Mt,{...i,"aria-label":o,css:[Oe,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Fe from"react";import{MenuItem as Pt}from"reakit";import{css as Ge}from"@emotion/react";var We=Ge`
|
|
502
460
|
background: var(--white);
|
|
461
|
+
border: none;
|
|
503
462
|
border-top: 1px solid var(--gray-500);
|
|
504
463
|
color: var(--brand-secondary-1);
|
|
505
464
|
display: flex;
|
|
@@ -523,7 +482,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
523
482
|
&:hover {
|
|
524
483
|
background: var(--gray-200);
|
|
525
484
|
}
|
|
526
|
-
`,
|
|
485
|
+
`,Ze=Ge`
|
|
527
486
|
align-items: center;
|
|
528
487
|
display: flex;
|
|
529
488
|
justify-content: space-between;
|
|
@@ -534,7 +493,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
534
493
|
width: var(--spacing-base);
|
|
535
494
|
height: var(--spacing-base);
|
|
536
495
|
}
|
|
537
|
-
`;var
|
|
496
|
+
`;var Fn=Fe.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ae(),p=r?(g=>{let d={...g};if(d.onClick){let b=d.onClick;d.onClick=Y=>{s.hide(),b(Y)}}return d})(a):a,m=typeof o=="function"?o(p):o;return e(Pt,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[We,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?Lt(m,n):m)});function Lt(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 L}from"@emotion/react";var Xe=L`
|
|
538
497
|
--caution-desc: rgb(161, 98, 7);
|
|
539
498
|
--caution-icon: rgb(250, 204, 21);
|
|
540
499
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -562,77 +521,77 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
562
521
|
|
|
563
522
|
border-radius: var(--rounded-base);
|
|
564
523
|
padding: var(--spacing-base);
|
|
565
|
-
`,_e=
|
|
524
|
+
`,_e=L`
|
|
566
525
|
display: flex;
|
|
567
526
|
gap: var(--spacing-base);
|
|
568
|
-
`,qe=
|
|
527
|
+
`,qe=L`
|
|
569
528
|
flex-shrink: 0;
|
|
570
|
-
`,Je=
|
|
529
|
+
`,Je=L`
|
|
571
530
|
font-size: var(--fs-sm);
|
|
572
531
|
font-weight: var(--fw-bold);
|
|
573
532
|
margin: 0 0 var(--spacing-sm);
|
|
574
|
-
`,Qe=
|
|
533
|
+
`,Qe=L`
|
|
575
534
|
font-size: var(--fs-sm);
|
|
576
|
-
`,je=
|
|
535
|
+
`,je=L`
|
|
577
536
|
width: 1.25rem;
|
|
578
537
|
height: 1.25rem;
|
|
579
|
-
`;var
|
|
538
|
+
`;var Bt={caution:{icon:J,descriptionColor:c`
|
|
580
539
|
color: var(--caution-desc);
|
|
581
|
-
`,iconColor:
|
|
540
|
+
`,iconColor:c`
|
|
582
541
|
color: var(--caution-icon);
|
|
583
|
-
`,titleColor:
|
|
542
|
+
`,titleColor:c`
|
|
584
543
|
color: var(--caution-title);
|
|
585
|
-
`,containerColor:
|
|
544
|
+
`,containerColor:c`
|
|
586
545
|
background-color: var(--caution-container);
|
|
587
|
-
`},danger:{icon:Ue,descriptionColor:
|
|
546
|
+
`},danger:{icon:Ue,descriptionColor:c`
|
|
588
547
|
color: var(--danger-desc);
|
|
589
|
-
`,iconColor:
|
|
548
|
+
`,iconColor:c`
|
|
590
549
|
color: var(--danger-icon);
|
|
591
|
-
`,titleColor:
|
|
550
|
+
`,titleColor:c`
|
|
592
551
|
color: var(--danger-title);
|
|
593
|
-
`,containerColor:
|
|
552
|
+
`,containerColor:c`
|
|
594
553
|
background-color: var(--danger-container);
|
|
595
|
-
`},error:{icon:
|
|
554
|
+
`},error:{icon:J,descriptionColor:c`
|
|
596
555
|
color: var(--danger-desc);
|
|
597
|
-
`,iconColor:
|
|
556
|
+
`,iconColor:c`
|
|
598
557
|
color: var(--danger-icon);
|
|
599
|
-
`,titleColor:
|
|
558
|
+
`,titleColor:c`
|
|
600
559
|
color: var(--danger-title);
|
|
601
|
-
`,containerColor:
|
|
560
|
+
`,containerColor:c`
|
|
602
561
|
background-color: var(--danger-container);
|
|
603
|
-
`},info:{icon:Ne,descriptionColor:
|
|
562
|
+
`},info:{icon:Ne,descriptionColor:c`
|
|
604
563
|
color: var(--info-desc);
|
|
605
|
-
`,iconColor:
|
|
564
|
+
`,iconColor:c`
|
|
606
565
|
color: var(--info-icon);
|
|
607
|
-
`,titleColor:
|
|
566
|
+
`,titleColor:c`
|
|
608
567
|
color: var(--info-title);
|
|
609
|
-
`,containerColor:
|
|
568
|
+
`,containerColor:c`
|
|
610
569
|
background-color: var(--info-container);
|
|
611
|
-
`},note:{icon:$e,descriptionColor:
|
|
570
|
+
`},note:{icon:$e,descriptionColor:c`
|
|
612
571
|
color: var(--note-desc);
|
|
613
|
-
`,iconColor:
|
|
572
|
+
`,iconColor:c`
|
|
614
573
|
color: var(--note-icon);
|
|
615
|
-
`,titleColor:
|
|
574
|
+
`,titleColor:c`
|
|
616
575
|
color: var(--note-title);
|
|
617
|
-
`,containerColor:
|
|
576
|
+
`,containerColor:c`
|
|
618
577
|
background-color: var(--note-container);
|
|
619
|
-
`},success:{icon:Ye,descriptionColor:
|
|
578
|
+
`},success:{icon:Ye,descriptionColor:c`
|
|
620
579
|
color: var(--success-desc);
|
|
621
|
-
`,iconColor:
|
|
580
|
+
`,iconColor:c`
|
|
622
581
|
color: var(--success-icon);
|
|
623
|
-
`,titleColor:
|
|
582
|
+
`,titleColor:c`
|
|
624
583
|
color: var(--success-title);
|
|
625
|
-
`,containerColor:
|
|
584
|
+
`,containerColor:c`
|
|
626
585
|
background-color: var(--success-container);
|
|
627
|
-
`},tip:{icon:Ke,descriptionColor:
|
|
586
|
+
`},tip:{icon:Ke,descriptionColor:c`
|
|
628
587
|
color: var(--success-desc);
|
|
629
|
-
`,iconColor:
|
|
588
|
+
`,iconColor:c`
|
|
630
589
|
color: var(--success-icon);
|
|
631
|
-
`,titleColor:
|
|
590
|
+
`,titleColor:c`
|
|
632
591
|
color: var(--success-title);
|
|
633
|
-
`,containerColor:
|
|
592
|
+
`,containerColor:c`
|
|
634
593
|
background-color: var(--success-container);
|
|
635
|
-
`}},
|
|
594
|
+
`}},Jn=({type:o="info",title:t,children:r,className:n})=>{let a=Bt[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 zt}from"@emotion/react";var Ht=zt`
|
|
636
595
|
0%, 100% {
|
|
637
596
|
opacity: 1.0;
|
|
638
597
|
transform: translateY(0);
|
|
@@ -651,11 +610,11 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
651
610
|
`,oo=eo`
|
|
652
611
|
display: inline-flex;
|
|
653
612
|
justify-content: center;
|
|
654
|
-
`,
|
|
613
|
+
`,F=eo`
|
|
655
614
|
background-color: var(--gray-700);
|
|
656
615
|
display: block;
|
|
657
616
|
border-radius: var(--rounded-full);
|
|
658
|
-
animation: ${
|
|
617
|
+
animation: ${Ht} 0.75s infinite ease-in-out;
|
|
659
618
|
width: 8px;
|
|
660
619
|
height: 8px;
|
|
661
620
|
margin: 0 var(--spacing-xs);
|
|
@@ -672,53 +631,53 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
672
631
|
&:nth-of-type(3) {
|
|
673
632
|
animation-delay: 0.6s;
|
|
674
633
|
}
|
|
675
|
-
`;var
|
|
634
|
+
`;var ta=()=>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 Et}from"@emotion/react";import{css as B}from"@emotion/react";var to=B`
|
|
676
635
|
align-items: center;
|
|
677
636
|
position: absolute;
|
|
678
637
|
inset: 0 0;
|
|
679
638
|
overflow: hidden;
|
|
680
639
|
z-index: 9999;
|
|
681
640
|
justify-content: center;
|
|
682
|
-
`,
|
|
641
|
+
`,ro=B`
|
|
683
642
|
display: flex;
|
|
684
|
-
`,no=
|
|
643
|
+
`,no=B`
|
|
685
644
|
display: none;
|
|
686
|
-
`,ao=
|
|
645
|
+
`,ao=B`
|
|
687
646
|
background: var(--white);
|
|
688
647
|
opacity: 0.5;
|
|
689
648
|
position: absolute;
|
|
690
649
|
inset: 0 0;
|
|
691
|
-
`,io=
|
|
650
|
+
`,io=B`
|
|
692
651
|
align-items: center;
|
|
693
652
|
display: flex;
|
|
694
653
|
flex-direction: column;
|
|
695
|
-
`,so=
|
|
654
|
+
`,so=B`
|
|
696
655
|
color: var(--gray-500);
|
|
697
656
|
margin: var(--spacing-base) 0 0;
|
|
698
|
-
`;var
|
|
657
|
+
`;var la=({isActive:o,statusMessage:t})=>e("div",{role:"alert",css:[to,o?ro:no],"aria-hidden":!o},e("div",{css:ao}),e("div",{css:Et`
|
|
699
658
|
position: relative;
|
|
700
|
-
`},e("div",{css:io},e(
|
|
659
|
+
`},e("div",{css:io},e(Ot,{height:128,width:128}),t?e("div",{css:so},t):null))),Ot=({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
660
|
font-family: var(--ff-heading);
|
|
702
661
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
703
662
|
font-weight: var(--fw-bold);
|
|
704
663
|
margin-bottom: var(--spacing-base);
|
|
705
|
-
`,
|
|
664
|
+
`,co=C`
|
|
706
665
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
707
|
-
`,po=
|
|
666
|
+
`,po=C`
|
|
708
667
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
709
|
-
`,uo=
|
|
668
|
+
`,uo=C`
|
|
710
669
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
711
|
-
`,mo=
|
|
670
|
+
`,mo=C`
|
|
712
671
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
713
|
-
`,go=
|
|
672
|
+
`,go=C`
|
|
714
673
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
715
|
-
`,fo=
|
|
674
|
+
`,fo=C`
|
|
716
675
|
font-weight: var(--fw-bold);
|
|
717
676
|
font-family: var(--ff-base);
|
|
718
677
|
margin-bottom: var(--spacing-base);
|
|
719
|
-
`,
|
|
678
|
+
`,bo=C`
|
|
720
679
|
line-height: 1.35;
|
|
721
|
-
`;var
|
|
680
|
+
`;var ma=({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:fo;return e(n,{...r,css:[a[n],i,bo]},t)};import{css as Vt}from"@emotion/react";var vo=Vt`
|
|
722
681
|
font-size: var(--fs-base);
|
|
723
682
|
line-height: 1.5;
|
|
724
683
|
margin-bottom: var(--spacing-base);
|
|
@@ -726,7 +685,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
726
685
|
&:last-of-type {
|
|
727
686
|
margin-bottom: 0;
|
|
728
687
|
}
|
|
729
|
-
`;var
|
|
688
|
+
`;var ha=({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
689
|
display: inline-flex;
|
|
731
690
|
text-decoration: underline;
|
|
732
691
|
|
|
@@ -739,7 +698,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
739
698
|
color: var(--brand-secondary-5);
|
|
740
699
|
`,wo=N`
|
|
741
700
|
color: currentColor;
|
|
742
|
-
`;import{CgExternal as
|
|
701
|
+
`;import{CgExternal as At}from"react-icons/cg";var Ra=({external:o,text:t,linkColor:r="currentColor",...n})=>e("a",{css:[ho,{currentColor:wo,red:xo,green:yo}[r]],...n},t,o?e(y,{icon:At,iconColor:"currentColor",size:24}):null);import{css as Dt}from"@emotion/react";import{css as Co}from"@emotion/react";var So=Co`
|
|
743
702
|
position: relative;
|
|
744
703
|
`,Io=Co`
|
|
745
704
|
background: var(--gray-50);
|
|
@@ -748,9 +707,9 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
748
707
|
max-height: 24rem;
|
|
749
708
|
overflow-y: auto;
|
|
750
709
|
padding: var(--spacing-sm);
|
|
751
|
-
`;var
|
|
752
|
-
${
|
|
753
|
-
`},o):null,e("div",{css:[Io,
|
|
710
|
+
`;var za=({label:o,children:t})=>e("div",{css:So},o?e("span",{css:Dt`
|
|
711
|
+
${v}
|
|
712
|
+
`},o):null,e("div",{css:[Io,_]},t));import{css as Q}from"@emotion/react";var Ro=Q`
|
|
754
713
|
align-items: center;
|
|
755
714
|
background: var(--white);
|
|
756
715
|
border-radius: var(--rounded-base);
|
|
@@ -765,9 +724,9 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
765
724
|
&:last-of-type {
|
|
766
725
|
margin-block: 0;
|
|
767
726
|
}
|
|
768
|
-
`,
|
|
727
|
+
`,To=Q`
|
|
769
728
|
border-color: var(--brand-secondary-3);
|
|
770
|
-
`,
|
|
729
|
+
`,Mo=Q`
|
|
771
730
|
align-items: center;
|
|
772
731
|
display: flex;
|
|
773
732
|
justify-content: space-between;
|
|
@@ -777,7 +736,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
777
736
|
&:focus {
|
|
778
737
|
outline: none;
|
|
779
738
|
}
|
|
780
|
-
`;import{css as
|
|
739
|
+
`;import{css as Po}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Aa=U`
|
|
781
740
|
0%,
|
|
782
741
|
100% {
|
|
783
742
|
transform: scale(1);
|
|
@@ -787,7 +746,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
787
746
|
transform: scale(1.15);
|
|
788
747
|
opacity: 1;
|
|
789
748
|
}
|
|
790
|
-
`,
|
|
749
|
+
`,ko=U`
|
|
791
750
|
0% {
|
|
792
751
|
opacity: 0;
|
|
793
752
|
transform: translateY(10px);
|
|
@@ -796,7 +755,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
796
755
|
opacity: 1;
|
|
797
756
|
transform: translateY(0);
|
|
798
757
|
}
|
|
799
|
-
`,
|
|
758
|
+
`,Da=U`
|
|
800
759
|
0% {
|
|
801
760
|
opacity: 1;
|
|
802
761
|
transform: translateY(0);
|
|
@@ -805,20 +764,20 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
805
764
|
opacity: 0;
|
|
806
765
|
transform: translateY(10px);
|
|
807
766
|
}
|
|
808
|
-
`,
|
|
767
|
+
`,Ga=U`
|
|
809
768
|
0% {
|
|
810
769
|
opacity: 0;
|
|
811
770
|
}
|
|
812
771
|
100% {
|
|
813
772
|
opacity: 1;
|
|
814
773
|
}
|
|
815
|
-
`;var
|
|
774
|
+
`;var Ua=({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:Mo,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:Po`
|
|
816
775
|
color: var(--brand-secondary-3);
|
|
817
776
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
818
|
-
${
|
|
819
|
-
animation: ${
|
|
777
|
+
${t?Po`
|
|
778
|
+
animation: ${ko} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
820
779
|
`:"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
|
|
780
|
+
`},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 Gt}from"react-icons/cg";import{css as h}from"@emotion/react";var Lo=h`
|
|
822
781
|
align-items: center;
|
|
823
782
|
border: 1px solid transparent;
|
|
824
783
|
color: var(--white);
|
|
@@ -838,6 +797,8 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
838
797
|
border-color: var(--gray-700);
|
|
839
798
|
}
|
|
840
799
|
`,Bo=h`
|
|
800
|
+
border: 1px solid transparent;
|
|
801
|
+
background: transparent;
|
|
841
802
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
842
803
|
font-weight: var(--fw-medium);
|
|
843
804
|
letter-spacing: 0.025rem;
|
|
@@ -845,10 +806,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
845
806
|
`,zo=h`
|
|
846
807
|
padding: var(--spacing-sm);
|
|
847
808
|
border-left: 1px solid currentColor;
|
|
848
|
-
`,
|
|
809
|
+
`,Ho=h`
|
|
849
810
|
background: var(--brand-secondary-1);
|
|
850
811
|
color: var(--white);
|
|
851
|
-
`,
|
|
812
|
+
`,Eo=h`
|
|
852
813
|
background: var(--gray-500);
|
|
853
814
|
color: var(--white);
|
|
854
815
|
`,Oo=h`
|
|
@@ -860,33 +821,33 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
860
821
|
`,Ao=h`
|
|
861
822
|
background: var(--brand-secondary-2);
|
|
862
823
|
color: var(--brand-secondary-1);
|
|
863
|
-
`,
|
|
824
|
+
`,Do=h`
|
|
864
825
|
background: var(--brand-secondary-2);
|
|
865
826
|
color: var(--gray-400);
|
|
866
|
-
`,
|
|
827
|
+
`,Go=h`
|
|
867
828
|
background: transparent;
|
|
868
829
|
color: var(--brand-secondary-3);
|
|
869
830
|
|
|
870
831
|
&:hover {
|
|
871
832
|
border-color: var(--brand-secondary-3);
|
|
872
833
|
}
|
|
873
|
-
`,
|
|
834
|
+
`,Wo=h`
|
|
874
835
|
background: transparent;
|
|
875
836
|
border-color: var(--gray-400);
|
|
876
837
|
color: var(--gray-400);
|
|
877
|
-
`;var
|
|
838
|
+
`;var Qa=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Lo,n?{primary:Eo,secondary:Vo,ghost:Wo,unimportant:Do}[t]:{primary:Ho,secondary:Oo,ghost:Go,unimportant:Ao}[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(y,{icon:Gt,size:24,iconColor:"currentColor"}))},a));import{css as Yt}from"@emotion/react";import Zt,{useContext as Ft,useEffect as Nt,useState as Ut}from"react";import{css as j}from"@emotion/react";var Zo=j`
|
|
878
839
|
position: absolute;
|
|
879
|
-
`,
|
|
840
|
+
`,Fo=j`
|
|
880
841
|
display: flex;
|
|
881
842
|
gap: var(--spacing-sm);
|
|
882
843
|
font-size: var(--fs-xs);
|
|
883
|
-
`,No=
|
|
844
|
+
`,No=j`
|
|
884
845
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
885
846
|
border-radius: var(--rounded-base);
|
|
886
847
|
border: 1px solid var(--gray-600);
|
|
887
848
|
box-shadow: var(--shadow-base);
|
|
888
849
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
889
|
-
`;import{useHotkeys as
|
|
850
|
+
`;import{useHotkeys as Wt}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)),Wt(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var Uo=!1,$o=Zt.createContext(!1),oe=["ctrl+F1","option+shift+/"];function si({children:o}){let[t,r]=Ut(!1);return Nt(()=>{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(!Ft($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($t,{shortcut:i}))}function $t({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 Kt}from"@emotion/react";var Xo=Kt`
|
|
890
851
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
891
852
|
align-items: center;
|
|
892
853
|
box-shadow: var(--shadow-base);
|
|
@@ -908,10 +869,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
908
869
|
& svg {
|
|
909
870
|
color: var(--brand-secondary-5);
|
|
910
871
|
}
|
|
911
|
-
`;var
|
|
872
|
+
`;var fi=({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:Yt`
|
|
912
873
|
top: -2rem;
|
|
913
874
|
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
|
|
875
|
+
`}):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 O}from"@emotion/react";var _o=O`
|
|
915
876
|
cursor: pointer;
|
|
916
877
|
display: inline-block;
|
|
917
878
|
position: relative;
|
|
@@ -919,7 +880,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
919
880
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
920
881
|
vertical-align: middle;
|
|
921
882
|
user-select: none;
|
|
922
|
-
`,qo=
|
|
883
|
+
`,qo=O`
|
|
923
884
|
appearance: none;
|
|
924
885
|
border-radius: var(--rounded-full);
|
|
925
886
|
background-color: var(--white);
|
|
@@ -956,14 +917,14 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
956
917
|
&:disabled {
|
|
957
918
|
cursor: not-allowed;
|
|
958
919
|
}
|
|
959
|
-
`,Jo=
|
|
920
|
+
`,Jo=O`
|
|
960
921
|
opacity: var(--opacity-50);
|
|
961
922
|
cursor: not-allowed;
|
|
962
923
|
|
|
963
924
|
& > :before {
|
|
964
925
|
cursor: not-allowed;
|
|
965
926
|
}
|
|
966
|
-
`,Qo=
|
|
927
|
+
`,Qo=O`
|
|
967
928
|
align-items: center;
|
|
968
929
|
color: var(--brand-secondary-1);
|
|
969
930
|
display: inline-flex;
|
|
@@ -984,8 +945,26 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
984
945
|
left: 0;
|
|
985
946
|
top: 0;
|
|
986
947
|
}
|
|
987
|
-
`,jo=
|
|
948
|
+
`,jo=O`
|
|
988
949
|
color: var(--gray-500);
|
|
989
950
|
font-size: var(--fs-sm);
|
|
990
951
|
padding-inline: var(--spacing-2xl) 0;
|
|
991
|
-
`;var
|
|
952
|
+
`;var xi=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 V}from"@emotion/react";var et=V`
|
|
953
|
+
border-bottom: 1px solid var(--gray-400);
|
|
954
|
+
border-collapse: collapse;
|
|
955
|
+
min-width: 100%;
|
|
956
|
+
table-layout: auto;
|
|
957
|
+
`,ot=V`
|
|
958
|
+
background: var(--gray-100);
|
|
959
|
+
color: var(--brand-secondary-1);
|
|
960
|
+
text-align: left;
|
|
961
|
+
`,tt=V`
|
|
962
|
+
border-bottom: 1px solid var(--gray-200);
|
|
963
|
+
`,rt=V`
|
|
964
|
+
font-size: var(--fs-sm);
|
|
965
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
966
|
+
text-transform: uppercase;
|
|
967
|
+
font-weight: var(--fw-bold);
|
|
968
|
+
`,nt=V`
|
|
969
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
970
|
+
`;var Si=S.forwardRef(({children:o,...t},r)=>e("table",{ref:r,css:et,...t},o)),Ii=S.forwardRef(({children:o,...t},r)=>e("thead",{ref:r,css:ot,...t},o)),Ri=S.forwardRef(({children:o,...t},r)=>e("tbody",{ref:r,...t},o)),Ti=S.forwardRef(({children:o,...t},r)=>e("tfoot",{ref:r,...t},o)),Mi=S.forwardRef(({children:o,...t},r)=>e("tr",{ref:r,css:tt,...t},o)),ki=S.forwardRef(({children:o,...t},r)=>e("th",{ref:r,css:rt,...t},o)),Pi=S.forwardRef(({children:o,...t},r)=>e("td",{ref:r,css:nt,...t},o));export{fi as AddButton,hr as Button,Qa as ButtonWithMenu,Jn as Callout,x as Caption,w as ErrorMessage,ma as Heading,y as Icon,Sr as IconsProvider,Me as Input,_r as InputComboBox,an as InputInlineSelect,pn as InputKeywordSearch,bn as InputSelect,wn as InputToggle,k as Label,Ra as Link,Ot as LoadingIcon,ta as LoadingIndicator,la as LoadingOverlay,De as Menu,Ve as MenuContext,Fn as MenuItem,ha as Paragraph,za as ScrollableList,Ua as ScrollableListItem,si as ShortcutContext,Yo as ShortcutRevealer,xi as Switch,Si as Table,Ri as TableBody,Pi as TableCellData,ki as TableCellHead,Ti as TableFoot,Ii as TableHead,Mi as TableRow,Tn as Textarea,Qt as Theme,lr as UniformBadge,dr as UniformLogo,it as breakpoints,T as input,I as inputError,X as inputSelect,v as labelText,te as mq,_ as scrollbarStyles,ye as useIconContext,Ae as useMenuContext};
|