@uniformdev/design-system 16.0.1-alpha.221 → 16.1.1-alpha.145
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 +157 -170
- package/dist/index.d.ts +57 -5
- package/dist/index.js +163 -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,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 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
157
|
position: relative;
|
|
192
|
-
`,
|
|
158
|
+
`,v=f`
|
|
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=f`
|
|
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=f`
|
|
228
194
|
border-color: var(--brand-secondary-5);
|
|
229
|
-
`,A=
|
|
195
|
+
`,A=f`
|
|
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=f`
|
|
236
202
|
padding-right: var(--spacing-2xl);
|
|
237
|
-
`,
|
|
203
|
+
`,X=f`
|
|
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=f`
|
|
244
210
|
color: var(--brand-secondary-1);
|
|
245
211
|
height: 1.25rem;
|
|
246
212
|
width: 1.25rem;
|
|
247
|
-
`,
|
|
213
|
+
`,ne=f`
|
|
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=f`
|
|
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=f`
|
|
287
253
|
font-weight: var(--fw-medium);
|
|
288
|
-
`,
|
|
254
|
+
`,se=f`
|
|
289
255
|
cursor: not-allowed;
|
|
290
256
|
color: var(--gray-400);
|
|
291
|
-
`,
|
|
257
|
+
`,le=f`
|
|
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=f`
|
|
265
|
+
${T}
|
|
266
|
+
`;import{css as st}from"@emotion/react";var _=st`
|
|
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 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
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=M`
|
|
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=M`
|
|
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=M`
|
|
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=M`
|
|
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
|
+
`,fe=M`
|
|
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 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
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
|
-
`,xe=H`
|
|
415
|
-
color: var(--brand-secondary-3);
|
|
416
380
|
`,we=H`
|
|
417
|
-
color: var(--brand-secondary-
|
|
381
|
+
color: var(--brand-secondary-3);
|
|
418
382
|
`,Ce=H`
|
|
419
|
-
color: var(--
|
|
383
|
+
color: var(--brand-secondary-5);
|
|
420
384
|
`,Se=H`
|
|
385
|
+
color: var(--gray-500);
|
|
386
|
+
`,Ie=H`
|
|
421
387
|
color: currentColor;
|
|
422
|
-
`;var
|
|
388
|
+
`;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
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 yt}from"react-icons/md";import{css as ht}from"@emotion/react";var Te=ht`
|
|
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(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
401
|
margin-inline: auto;
|
|
436
402
|
max-width: fit-content;
|
|
437
|
-
`,
|
|
403
|
+
`,Pe=E`
|
|
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
|
-
`,
|
|
426
|
+
`,Le=E`
|
|
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=E`
|
|
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=E`
|
|
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 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
459
|
max-width: fit-content;
|
|
494
460
|
${typeof o=="object"?o:void 0}
|
|
495
|
-
`:
|
|
461
|
+
`: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
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 Ve=P.createContext({}),Ae=()=>P.useContext(Ve),
|
|
467
|
+
`;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
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 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
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=L`
|
|
566
533
|
display: flex;
|
|
567
534
|
gap: var(--spacing-base);
|
|
568
|
-
`,qe=
|
|
535
|
+
`,qe=L`
|
|
569
536
|
flex-shrink: 0;
|
|
570
|
-
`,Je=
|
|
537
|
+
`,Je=L`
|
|
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=L`
|
|
575
542
|
font-size: var(--fs-sm);
|
|
576
|
-
`,je=
|
|
543
|
+
`,je=L`
|
|
577
544
|
width: 1.25rem;
|
|
578
545
|
height: 1.25rem;
|
|
579
|
-
`;var
|
|
546
|
+
`;var Bt={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
|
+
`}},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
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: ${Ht} 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 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
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 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
666
|
position: relative;
|
|
700
|
-
`},e("div",{css:io},e(
|
|
667
|
+
`},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
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
|
-
`,fo=
|
|
682
|
+
`,fo=C`
|
|
716
683
|
font-weight: var(--fw-bold);
|
|
717
684
|
font-family: var(--ff-base);
|
|
718
685
|
margin-bottom: var(--spacing-base);
|
|
719
|
-
`,
|
|
686
|
+
`,bo=C`
|
|
720
687
|
line-height: 1.35;
|
|
721
|
-
`;var
|
|
688
|
+
`;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
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 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
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 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
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 za=({label:o,children:t})=>e("div",{css:So},o?e("span",{css:Dt`
|
|
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
|
-
`,
|
|
737
|
+
`,Mo=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 Po}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Aa=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
|
+
`,ko=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
|
+
`,Da=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
|
+
`,Ga=U`
|
|
809
776
|
0% {
|
|
810
777
|
opacity: 0;
|
|
811
778
|
}
|
|
812
779
|
100% {
|
|
813
780
|
opacity: 1;
|
|
814
781
|
}
|
|
815
|
-
`;var
|
|
782
|
+
`;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
783
|
color: var(--brand-secondary-3);
|
|
817
784
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
818
|
-
${
|
|
819
|
-
animation: ${
|
|
785
|
+
${t?Po`
|
|
786
|
+
animation: ${ko} 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 Gt}from"react-icons/cg";import{css as h}from"@emotion/react";var Lo=h`
|
|
822
789
|
align-items: center;
|
|
823
790
|
border: 1px solid transparent;
|
|
824
791
|
color: var(--white);
|
|
@@ -838,6 +805,8 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
838
805
|
border-color: var(--gray-700);
|
|
839
806
|
}
|
|
840
807
|
`,Bo=h`
|
|
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;
|
|
@@ -845,10 +814,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
845
814
|
`,zo=h`
|
|
846
815
|
padding: var(--spacing-sm);
|
|
847
816
|
border-left: 1px solid currentColor;
|
|
848
|
-
`,
|
|
817
|
+
`,Ho=h`
|
|
849
818
|
background: var(--brand-secondary-1);
|
|
850
819
|
color: var(--white);
|
|
851
|
-
`,
|
|
820
|
+
`,Eo=h`
|
|
852
821
|
background: var(--gray-500);
|
|
853
822
|
color: var(--white);
|
|
854
823
|
`,Oo=h`
|
|
@@ -860,33 +829,33 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
|
|
|
860
829
|
`,Ao=h`
|
|
861
830
|
background: var(--brand-secondary-2);
|
|
862
831
|
color: var(--brand-secondary-1);
|
|
863
|
-
`,
|
|
832
|
+
`,Do=h`
|
|
864
833
|
background: var(--brand-secondary-2);
|
|
865
834
|
color: var(--gray-400);
|
|
866
|
-
`,
|
|
835
|
+
`,Go=h`
|
|
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=h`
|
|
874
843
|
background: transparent;
|
|
875
844
|
border-color: var(--gray-400);
|
|
876
845
|
color: var(--gray-400);
|
|
877
|
-
`;var
|
|
846
|
+
`;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
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 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
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 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
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 O}from"@emotion/react";var _o=O`
|
|
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=O`
|
|
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=O`
|
|
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=O`
|
|
967
936
|
align-items: center;
|
|
968
937
|
color: var(--brand-secondary-1);
|
|
969
938
|
display: inline-flex;
|
|
@@ -984,8 +953,26 @@ 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=O`
|
|
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 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`
|
|
961
|
+
border-bottom: 1px solid var(--gray-400);
|
|
962
|
+
border-collapse: collapse;
|
|
963
|
+
min-width: 100%;
|
|
964
|
+
table-layout: auto;
|
|
965
|
+
`,ot=V`
|
|
966
|
+
background: var(--gray-100);
|
|
967
|
+
color: var(--brand-secondary-1);
|
|
968
|
+
text-align: left;
|
|
969
|
+
`,tt=V`
|
|
970
|
+
border-bottom: 1px solid var(--gray-200);
|
|
971
|
+
`,rt=V`
|
|
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=V`
|
|
977
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
978
|
+
`;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};
|