@uniformdev/design-system 13.0.1-alpha.278 → 13.0.1-alpha.311
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 +150 -112
- package/dist/index.d.ts +64 -26
- package/dist/index.js +150 -112
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e}from"@emotion/react";import*as m from"react";import
|
|
1
|
+
import{jsx as e}from"@emotion/react";import*as m from"react";import So from"react";var ar=({disableReset:o=!1})=>e(So.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",{dangerouslySetInnerHTML:{__html:`
|
|
2
2
|
/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
|
|
3
3
|
|
|
4
4
|
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
|
|
@@ -36,7 +36,13 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
36
36
|
/* Revert the 'white-space' property for textarea elements on Safari */
|
|
37
37
|
textarea {
|
|
38
38
|
white-space: revert;
|
|
39
|
-
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* Allow dragging elements with a draggable=true attribute */
|
|
42
|
+
[draggable="true"] {
|
|
43
|
+
-webkit-user-drag: element;
|
|
44
|
+
}
|
|
45
|
+
`}}),e("style",{dangerouslySetInnerHTML:{__html:`
|
|
40
46
|
:root {
|
|
41
47
|
--brand-primary-1: #438fd5; /* bright blue */
|
|
42
48
|
--brand-primary-2: #f4220b; /* red */
|
|
@@ -125,6 +131,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
125
131
|
|
|
126
132
|
/* opacity */
|
|
127
133
|
--opacity-75: 0.75;
|
|
134
|
+
--opacity-100: 1.0;
|
|
128
135
|
|
|
129
136
|
/* animation function times */
|
|
130
137
|
--timing-ease-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -167,7 +174,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
167
174
|
pre {
|
|
168
175
|
white-space: pre;
|
|
169
176
|
}
|
|
170
|
-
`}}));import{css as b}from"@emotion/react";var S=b`
|
|
177
|
+
`}}));var Mo={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},K=o=>`@media (min-width: ${Mo[o]})`;import{css as b}from"@emotion/react";var S=b`
|
|
171
178
|
position: relative;
|
|
172
179
|
`,h=b`
|
|
173
180
|
display: flex;
|
|
@@ -206,32 +213,32 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
206
213
|
}
|
|
207
214
|
`,I=b`
|
|
208
215
|
border-color: var(--brand-secondary-5);
|
|
209
|
-
`,
|
|
216
|
+
`,H=b`
|
|
210
217
|
align-items: center;
|
|
211
218
|
display: flex;
|
|
212
219
|
position: absolute;
|
|
213
220
|
inset: 0 var(--spacing-base) 0 auto;
|
|
214
221
|
pointer-event: one;
|
|
215
|
-
`,
|
|
222
|
+
`,O=b`
|
|
216
223
|
padding-right: var(--spacing-2xl);
|
|
217
|
-
`,
|
|
224
|
+
`,W=b`
|
|
218
225
|
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");
|
|
219
226
|
background-position: right var(--spacing-sm) center;
|
|
220
227
|
background-repeat: no-repeat;
|
|
221
228
|
background-size: 1rem;
|
|
222
229
|
padding-right: var(--spacing-xl);
|
|
223
|
-
`,
|
|
230
|
+
`,_=b`
|
|
224
231
|
color: var(--brand-secondary-1);
|
|
225
232
|
height: 1.25rem;
|
|
226
233
|
width: 1.25rem;
|
|
227
|
-
`,
|
|
234
|
+
`,q=b`
|
|
228
235
|
align-items: center;
|
|
229
236
|
cursor: pointer;
|
|
230
237
|
display: inline-flex;
|
|
231
238
|
gap: var(--spacing-sm);
|
|
232
239
|
margin: var(--spacing-sm) 0;
|
|
233
240
|
flex-wrap: wrap;
|
|
234
|
-
`,
|
|
241
|
+
`,J=b`
|
|
235
242
|
border: 1px solid var(--brand-secondary-1);
|
|
236
243
|
background: var(--white);
|
|
237
244
|
width: var(--spacing-md);
|
|
@@ -262,21 +269,21 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
262
269
|
color: var(--gray-300);
|
|
263
270
|
border-color: var(--gray-300);
|
|
264
271
|
}
|
|
265
|
-
`,
|
|
266
|
-
font-weight: var(--
|
|
267
|
-
`,
|
|
272
|
+
`,Q=b`
|
|
273
|
+
font-weight: var(--fw-medium);
|
|
274
|
+
`,X=b`
|
|
268
275
|
cursor: not-allowed;
|
|
269
276
|
color: var(--gray-400);
|
|
270
|
-
`,
|
|
277
|
+
`,j=b`
|
|
271
278
|
display: flex;
|
|
272
279
|
flex-direction: column;
|
|
273
280
|
flex-basis: 100%;
|
|
274
281
|
padding-left: var(--spacing-lg);
|
|
275
282
|
margin-top: -0.5rem;
|
|
276
283
|
line-height: 1.15;
|
|
277
|
-
`,
|
|
284
|
+
`,ee=b`
|
|
278
285
|
${M}
|
|
279
|
-
`;import{css as
|
|
286
|
+
`;import{css as Ro}from"@emotion/react";var Z=Ro`
|
|
280
287
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
281
288
|
/*
|
|
282
289
|
#d1d5db = bg-gray-300
|
|
@@ -302,15 +309,15 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
302
309
|
&::-webkit-scrollbar-thumb:hover {
|
|
303
310
|
background: var(--gray-500);
|
|
304
311
|
}
|
|
305
|
-
`;import{css as
|
|
312
|
+
`;import{css as $}from"@emotion/react";var V=$`
|
|
306
313
|
display: block;
|
|
307
|
-
`,
|
|
314
|
+
`,G=$`
|
|
308
315
|
background: transparent;
|
|
309
316
|
color: var(--brand-secondary-1);
|
|
310
|
-
`,
|
|
317
|
+
`,A=$`
|
|
311
318
|
background: var(--brand-secondary-1);
|
|
312
319
|
color: var(--white);
|
|
313
|
-
`;var
|
|
320
|
+
`;var fr=({theme:o="light",...r})=>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:[V,o==="dark"?A:G],...r},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 hr=({theme:o="light"})=>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:[V,o==="dark"?A:G]},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 se from"react";import{Button as To}from"reakit/Button";import{css as R}from"@emotion/react";var oe=R`
|
|
314
321
|
align-items: center;
|
|
315
322
|
border: 1px solid transparent;
|
|
316
323
|
cursor: pointer;
|
|
@@ -334,7 +341,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
334
341
|
&:disabled {
|
|
335
342
|
cursor: not-allowed;
|
|
336
343
|
}
|
|
337
|
-
`,
|
|
344
|
+
`,re=R`
|
|
338
345
|
background: var(--brand-secondary-1);
|
|
339
346
|
color: var(--white);
|
|
340
347
|
|
|
@@ -342,7 +349,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
342
349
|
background: var(--gray-500);
|
|
343
350
|
color: var(--white);
|
|
344
351
|
}
|
|
345
|
-
`,
|
|
352
|
+
`,te=R`
|
|
346
353
|
background: var(--brand-secondary-5);
|
|
347
354
|
color: var(--white);
|
|
348
355
|
|
|
@@ -350,7 +357,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
350
357
|
background: var(--gray-500);
|
|
351
358
|
color: var(--white);
|
|
352
359
|
}
|
|
353
|
-
`,
|
|
360
|
+
`,ne=R`
|
|
354
361
|
background: var(--brand-secondary-2);
|
|
355
362
|
color: var(--brand-secondary-1);
|
|
356
363
|
|
|
@@ -358,7 +365,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
358
365
|
background: var(--brand-secondary-2);
|
|
359
366
|
color: var(--gray-400);
|
|
360
367
|
}
|
|
361
|
-
`,
|
|
368
|
+
`,ae=R`
|
|
362
369
|
background: transparent;
|
|
363
370
|
color: var(--brand-secondary-3);
|
|
364
371
|
|
|
@@ -371,7 +378,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
371
378
|
border-color: var(--gray-400);
|
|
372
379
|
color: var(--gray-400);
|
|
373
380
|
}
|
|
374
|
-
`,
|
|
381
|
+
`,ie=R`
|
|
375
382
|
background: var(--brand-secondary-3);
|
|
376
383
|
color: var(--white);
|
|
377
384
|
|
|
@@ -379,10 +386,10 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
379
386
|
background: var(--gray-500);
|
|
380
387
|
color: var(--white);
|
|
381
388
|
}
|
|
382
|
-
`;var
|
|
389
|
+
`;var Mr=se.forwardRef(({buttonType:o="primary",size:r="md",children:n,...a},t)=>{let c={primary:re,secondary:te,ghost:ae,unimportant:ne,tertiary:ie},p={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(To,{"data-testid":"uniform-button",ref:t,css:[oe,c[o],p[r]],...a},n)});import Ho from"react";import{createContext as ko,useContext as Po,useEffect as Lo,useState as ce}from"react";import{paramCase as Bo}from"param-case";var le=ko({iconsMap:{},isLoading:!0});function pe(){return Po(le)}function Br({children:o}){let[r,n]=ce(!0),[a,t]=ce({});return Lo(()=>{import("react-icons/cg").then(c=>{let p=Object.entries(c).reduce((u,[d,f])=>{if(d==="default")return u;let v=zo(d);return{...u,[v]:f}},{});t(p),n(!1)})},[]),e(le.Provider,{value:{iconsMap:a,isLoading:r}},o)}function zo(o){var r,n;return(n=(r=Bo(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:r.join("-"))!=null?n:""}import{css as B}from"@emotion/react";var de=B`
|
|
383
390
|
display: hidden;
|
|
384
391
|
|
|
385
|
-
${
|
|
392
|
+
${K("sm")} {
|
|
386
393
|
display: block;
|
|
387
394
|
}
|
|
388
395
|
|
|
@@ -390,30 +397,30 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
390
397
|
display: block;
|
|
391
398
|
vertical-align: middle;
|
|
392
399
|
}
|
|
393
|
-
`,
|
|
400
|
+
`,ue=B`
|
|
394
401
|
color: var(--brand-secondary-3);
|
|
395
|
-
`,
|
|
402
|
+
`,me=B`
|
|
396
403
|
color: var(--brand-secondary-5);
|
|
397
|
-
`,
|
|
404
|
+
`,ge=B`
|
|
398
405
|
color: var(--gray-500);
|
|
399
|
-
`,
|
|
406
|
+
`,fe=B`
|
|
400
407
|
color: currentColor;
|
|
401
|
-
`;var
|
|
408
|
+
`;var Oo=({icon:o,iconColor:r="green",size:n="1.5rem",...a})=>{let t=typeof o=="string",{iconsMap:c,isLoading:p}=pe(),u={green:ue,gray:ge,red:me,currentColor:fe};if(t&&p)return null;let d=t?c[o]:o;return t&&d===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(d,{role:"img",size:n,...a,css:[de,u[r]]})},T=Ho.memo(Oo);import{css as Vo}from"@emotion/react";var ve=Vo`
|
|
402
409
|
color: var(--gray-500);
|
|
403
410
|
display: block;
|
|
404
|
-
font-size: var(--fs-
|
|
405
|
-
margin: var(--spacing-
|
|
411
|
+
font-size: var(--fs-sm);
|
|
412
|
+
margin: var(--spacing-xs) 0;
|
|
406
413
|
max-width: var(--prose);
|
|
407
|
-
`;var y=({children:o})=>e("small",{css:
|
|
408
|
-
align-items:
|
|
414
|
+
`;var y=({children:o})=>e("small",{css:ve},o);import{MdWarning as Ao}from"react-icons/md";import{css as Go}from"@emotion/react";var be=Go`
|
|
415
|
+
align-items: baseline;
|
|
409
416
|
color: var(--brand-secondary-5);
|
|
410
417
|
display: flex;
|
|
411
418
|
gap: var(--spacing-sm);
|
|
412
419
|
margin: var(--spacing-xs) 0;
|
|
413
|
-
`;var x=({message:o})=>o?e("span",{css:
|
|
420
|
+
`;var x=({message:o})=>o?e("span",{css:be},e(T,{icon:Ao,size:16,iconColor:"currentColor"}),o):null;import*as he from"react";var ye=({label:o,icon:r,id:n,caption:a,showLabel:t=!0,errorMessage:c,classNameContainer:p,classNameControl:u,classNameLabel:d,...f})=>e(he.Fragment,null,t?e("label",{htmlFor:n,css:[h,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},o):null,e("div",{css:[S,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},e("input",{id:n,css:[M,typeof u=="object"?u:void 0,c?I:void 0,r?O:""],"aria-label":t?void 0:o,className:typeof u=="string"?u:"",...f}),r?e("div",{css:H},r):null),a?e(y,null,a):null,c?e(x,{message:c}):null);import Fo from"react-select";function et(o){return e(Fo,{...o,styles:{...o.styles,singleValue:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.singleValue)==null?void 0:t.call(a,r,n),color:"#828282"}},valueContainer:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:t.call(a,r,n),padding:"var(--spacing-base)"}},input:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.input)==null?void 0:t.call(a,r,n),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,n)=>({...r,border:n.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:n.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}import{css as Do}from"@emotion/react";import*as Me from"react";import{useState as Wo,useRef as Zo}from"react";import{css as z}from"@emotion/react";var xe=z`
|
|
414
421
|
margin-inline: auto;
|
|
415
422
|
max-width: fit-content;
|
|
416
|
-
`,
|
|
423
|
+
`,we=z`
|
|
417
424
|
align-items: center;
|
|
418
425
|
background: var(--brand-secondary-3);
|
|
419
426
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -436,7 +443,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
436
443
|
&:focus {
|
|
437
444
|
outline: 2px solid var(--brand-secondary-1);
|
|
438
445
|
}
|
|
439
|
-
`,
|
|
446
|
+
`,Ce=z`
|
|
440
447
|
background: var(--white);
|
|
441
448
|
border: 1px solid var(--brand-secondary-3);
|
|
442
449
|
border-top: none;
|
|
@@ -446,7 +453,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
446
453
|
position: absolute;
|
|
447
454
|
inset: auto 0;
|
|
448
455
|
transform: translateY(-0.2rem);
|
|
449
|
-
`,
|
|
456
|
+
`,Ie=z`
|
|
450
457
|
cursor: pointer;
|
|
451
458
|
display: block;
|
|
452
459
|
font-size: var(--fs-sm);
|
|
@@ -461,23 +468,23 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
461
468
|
&:hover {
|
|
462
469
|
background: var(--gray-50);
|
|
463
470
|
}
|
|
464
|
-
`,
|
|
471
|
+
`,Se=z`
|
|
465
472
|
position: absolute;
|
|
466
473
|
overflow: hidden;
|
|
467
474
|
height: 1px;
|
|
468
475
|
width: 1px;
|
|
469
476
|
clip: rect(0, 0, 0, 0);
|
|
470
477
|
padding: 0;
|
|
471
|
-
`;import{CgChevronDown as
|
|
478
|
+
`;import{CgChevronDown as $o}from"react-icons/cg";var pt=({classNameContainer:o,options:r,value:n,onChange:a,disabled:t,...c})=>{var v;let[p,u]=Wo(!1),d=Zo(null);Me.useEffect(()=>{let g=C=>{d.current&&!d.current.contains(C.target)&&u(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[d]);let f=r.find(g=>g.value===n);return e("div",{ref:d,css:o?Do`
|
|
472
479
|
max-width: fit-content;
|
|
473
480
|
${typeof o=="object"?o:void 0}
|
|
474
|
-
`:
|
|
481
|
+
`:xe,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${c.id}`,"aria-expanded":p,css:we,onClick:()=>{t||u(g=>!g)},disabled:t,...c},e("span",null,(v=f==null?void 0:f.label)!=null?v:n),t?null:e(T,{icon:$o,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${c.id}`,css:[Ce,p?void 0:Se],"aria-hidden":!p},r.map(g=>e("button",{key:g.value,type:"button",css:Ie,onClick:()=>{a(g),u(C=>!C)}},g.label))))};var gt=({onSearchTextChanged:o,disabled:r=!1,placeholder:n="Keyword search",inputFieldName:a="keywordSearch",disabledFieldSubmission:t=!1,value:c})=>e(ye,{type:"text",name:a,placeholder:n,showLabel:!1,value:c,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:_},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:d=>{o(d.currentTarget.value)},onKeyPress:d=>{d.key==="Enter"&&t&&d.preventDefault()},disabled:r,"aria-label":n});var yt=({label:o,defaultOption:r,options:n,caption:a,errorMessage:t,showLabel:c=!0,labelCta:p,classNameContainer:u,classNameControl:d,classNameLabel:f,...v})=>e("div",{css:[S,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},c?e("label",{htmlFor:v.id,css:[h,typeof f=="object"?f:void 0],className:typeof f=="string"?f:""},o,p):null,e("select",{title:o,"aria-label":c?void 0:o,css:[M,W,t?I:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...v},r?e("option",{value:""},r):null,n.map((g,C)=>e("option",{key:C,value:g.label,...g}))),a?e(y,null,a):null,t?e(x,{message:t}):null);var It=({label:o,type:r,disabled:n,checked:a,name:t,caption:c,errorMessage:p,...u})=>e("label",{css:[q,n?X:void 0]},e("input",{type:r,css:J,checked:a,name:t,disabled:n,...u}),e("span",{css:Q},o),c||p?e("span",{css:j},c?e(y,null,c):null,p?e(x,{message:p}):null):null);import*as Re from"react";var kt=({label:o,icon:r,id:n,caption:a,showLabel:t=!0,errorMessage:c,...p})=>e(Re.Fragment,null,t?e("label",{htmlFor:n,css:[h]},o):null,e("div",{css:[S]},e("textarea",{id:n,css:[ee,c?I:void 0,r?O:""],"aria-label":t?void 0:o,...p}),r?e("div",{css:H},r):null),a?e(y,null,a):null,c?e(x,{message:c}):null);import*as k from"react";import{useMenuState as Uo,Menu as Yo,MenuButton as Ko}from"reakit/Menu";import{css as No}from"@emotion/react";var Te=No`
|
|
475
482
|
border: 1px solid var(--gray-500);
|
|
476
483
|
border-radius: var(--rounded-base);
|
|
477
484
|
outline: none;
|
|
478
485
|
overflow: hidden;
|
|
479
486
|
z-index: 50;
|
|
480
|
-
`;var
|
|
487
|
+
`;var ke=k.createContext({}),Pe=()=>k.useContext(ke),Le=({menuLabel:o,menuTrigger:r,placement:n="auto",children:a})=>{let t=Uo({placement:n});return e(ke.Provider,{value:t},e(Ko,{...t,ref:r.ref,...r.props},c=>k.cloneElement(r,c)),e(Yo,{...t,"aria-label":o,css:Te},a))};import*as Oe from"react";import{MenuItem as Ee}from"reakit";import{css as Be}from"@emotion/react";var N=Be`
|
|
481
488
|
background: var(--white);
|
|
482
489
|
border-top: 1px solid var(--gray-500);
|
|
483
490
|
color: var(--brand-secondary-1);
|
|
@@ -502,7 +509,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
502
509
|
&:hover {
|
|
503
510
|
background: var(--gray-200);
|
|
504
511
|
}
|
|
505
|
-
`,
|
|
512
|
+
`,ze=Be`
|
|
506
513
|
align-items: center;
|
|
507
514
|
display: flex;
|
|
508
515
|
justify-content: space-between;
|
|
@@ -513,7 +520,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
513
520
|
width: var(--spacing-base);
|
|
514
521
|
height: var(--spacing-base);
|
|
515
522
|
}
|
|
516
|
-
`;var
|
|
523
|
+
`;var Nt=Oe.forwardRef(({children:o,className:r,hideMenuOnClick:n=!0,icon:a,...t},c)=>{let p=Pe(),u=f=>{let v={...f};if(v.onClick){let g=v.onClick;v.onClick=C=>{p.hide(),g(C)}}return v};if(typeof o=="function")return e(Ee,{ref:c,"data-testid":"uniform-menuItem",...p,...t,css:N},f=>{let v=n?u(f):f,g=o(v);return a?He(g,a):g});let d=n?u(t):t;return e(Ee,{ref:c,...p,...d,css:N},a?He(o,a):o)});function He(o,r){return e("span",{css:ze},o," ",r)}import{css as l}from"@emotion/react";var Ve=({...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"})),Ge=({...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"})),Ae=({...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"})),Fe=({...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"})),U=({...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"})),De=({...o})=>e("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as P}from"@emotion/react";var We=P`
|
|
517
524
|
--caution-desc: rgb(161, 98, 7);
|
|
518
525
|
--caution-icon: rgb(250, 204, 21);
|
|
519
526
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -541,77 +548,77 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
541
548
|
|
|
542
549
|
border-radius: var(--rounded-base);
|
|
543
550
|
padding: var(--spacing-base);
|
|
544
|
-
`,
|
|
551
|
+
`,Ze=P`
|
|
545
552
|
display: flex;
|
|
546
553
|
gap: var(--spacing-base);
|
|
547
|
-
|
|
554
|
+
`,$e=P`
|
|
548
555
|
flex-shrink: 0;
|
|
549
|
-
|
|
556
|
+
`,Ne=P`
|
|
550
557
|
font-size: var(--fs-sm);
|
|
551
558
|
font-weight: var(--fw-bold);
|
|
552
559
|
margin: 0 0 var(--spacing-sm);
|
|
553
|
-
`,
|
|
560
|
+
`,Ue=P`
|
|
554
561
|
font-size: var(--fs-sm);
|
|
555
|
-
`,
|
|
562
|
+
`,Ye=P`
|
|
556
563
|
width: 1.25rem;
|
|
557
564
|
height: 1.25rem;
|
|
558
|
-
`;var
|
|
565
|
+
`;var _o={caution:{icon:U,descriptionColor:l`
|
|
559
566
|
color: var(--caution-desc);
|
|
560
|
-
`,iconColor:
|
|
567
|
+
`,iconColor:l`
|
|
561
568
|
color: var(--caution-icon);
|
|
562
|
-
`,titleColor:
|
|
569
|
+
`,titleColor:l`
|
|
563
570
|
color: var(--caution-title);
|
|
564
|
-
`,containerColor:
|
|
571
|
+
`,containerColor:l`
|
|
565
572
|
background-color: var(--caution-container);
|
|
566
|
-
`},danger:{icon:
|
|
573
|
+
`},danger:{icon:Ge,descriptionColor:l`
|
|
567
574
|
color: var(--danger-desc);
|
|
568
|
-
`,iconColor:
|
|
575
|
+
`,iconColor:l`
|
|
569
576
|
color: var(--danger-icon);
|
|
570
|
-
`,titleColor:
|
|
577
|
+
`,titleColor:l`
|
|
571
578
|
color: var(--danger-title);
|
|
572
|
-
`,containerColor:
|
|
579
|
+
`,containerColor:l`
|
|
573
580
|
background-color: var(--danger-container);
|
|
574
|
-
`},error:{icon:
|
|
581
|
+
`},error:{icon:U,descriptionColor:l`
|
|
575
582
|
color: var(--danger-desc);
|
|
576
|
-
`,iconColor:
|
|
583
|
+
`,iconColor:l`
|
|
577
584
|
color: var(--danger-icon);
|
|
578
|
-
`,titleColor:
|
|
585
|
+
`,titleColor:l`
|
|
579
586
|
color: var(--danger-title);
|
|
580
|
-
`,containerColor:
|
|
587
|
+
`,containerColor:l`
|
|
581
588
|
background-color: var(--danger-container);
|
|
582
|
-
`},info:{icon:
|
|
589
|
+
`},info:{icon:Ve,descriptionColor:l`
|
|
583
590
|
color: var(--info-desc);
|
|
584
|
-
`,iconColor:
|
|
591
|
+
`,iconColor:l`
|
|
585
592
|
color: var(--info-icon);
|
|
586
|
-
`,titleColor:
|
|
593
|
+
`,titleColor:l`
|
|
587
594
|
color: var(--info-title);
|
|
588
|
-
`,containerColor:
|
|
595
|
+
`,containerColor:l`
|
|
589
596
|
background-color: var(--info-container);
|
|
590
|
-
`},note:{icon:
|
|
597
|
+
`},note:{icon:Ae,descriptionColor:l`
|
|
591
598
|
color: var(--note-desc);
|
|
592
|
-
`,iconColor:
|
|
599
|
+
`,iconColor:l`
|
|
593
600
|
color: var(--note-icon);
|
|
594
|
-
`,titleColor:
|
|
601
|
+
`,titleColor:l`
|
|
595
602
|
color: var(--note-title);
|
|
596
|
-
`,containerColor:
|
|
603
|
+
`,containerColor:l`
|
|
597
604
|
background-color: var(--note-container);
|
|
598
|
-
`},success:{icon:
|
|
605
|
+
`},success:{icon:De,descriptionColor:l`
|
|
599
606
|
color: var(--success-desc);
|
|
600
|
-
`,iconColor:
|
|
607
|
+
`,iconColor:l`
|
|
601
608
|
color: var(--success-icon);
|
|
602
|
-
`,titleColor:
|
|
609
|
+
`,titleColor:l`
|
|
603
610
|
color: var(--success-title);
|
|
604
|
-
`,containerColor:
|
|
611
|
+
`,containerColor:l`
|
|
605
612
|
background-color: var(--success-container);
|
|
606
|
-
`},tip:{icon:
|
|
613
|
+
`},tip:{icon:Fe,descriptionColor:l`
|
|
607
614
|
color: var(--success-desc);
|
|
608
|
-
`,iconColor:
|
|
615
|
+
`,iconColor:l`
|
|
609
616
|
color: var(--success-icon);
|
|
610
|
-
`,titleColor:
|
|
617
|
+
`,titleColor:l`
|
|
611
618
|
color: var(--success-title);
|
|
612
|
-
`,containerColor:
|
|
619
|
+
`,containerColor:l`
|
|
613
620
|
background-color: var(--success-container);
|
|
614
|
-
`}},
|
|
621
|
+
`}},jt=({type:o="info",title:r,children:n,className:a})=>{let t=_o[o];if(!t)return null;let c=t.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[We,t.containerColor,typeof a=="object"?a:""],className:`${typeof a=="string"?a:""}`},e("div",{css:Ze},e("div",{css:$e},e(c,{css:[Ye,t.iconColor]})),e("div",null,r?e("h3",{css:[Ne,t.titleColor]},r):null,n?e("div",{css:[Ue,t.descriptionColor]},n):null)))};import{css as Ke,keyframes as qo}from"@emotion/react";var Jo=qo`
|
|
615
622
|
0%, 100% {
|
|
616
623
|
opacity: 1.0;
|
|
617
624
|
transform: translateY(0);
|
|
@@ -627,14 +634,14 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
627
634
|
opacity: 0.2;
|
|
628
635
|
transform: translateY(-5px);
|
|
629
636
|
}
|
|
630
|
-
`,
|
|
637
|
+
`,_e=Ke`
|
|
631
638
|
display: inline-flex;
|
|
632
639
|
justify-content: center;
|
|
633
|
-
`,
|
|
640
|
+
`,F=Ke`
|
|
634
641
|
background-color: var(--gray-700);
|
|
635
642
|
display: block;
|
|
636
643
|
border-radius: var(--rounded-full);
|
|
637
|
-
animation: ${
|
|
644
|
+
animation: ${Jo} 0.75s infinite ease-in-out;
|
|
638
645
|
width: 8px;
|
|
639
646
|
height: 8px;
|
|
640
647
|
margin: 0 var(--spacing-xs);
|
|
@@ -651,53 +658,53 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
651
658
|
&:nth-of-type(3) {
|
|
652
659
|
animation-delay: 0.6s;
|
|
653
660
|
}
|
|
654
|
-
`;var
|
|
661
|
+
`;var nn=()=>e("div",{css:_e,role:"alert"},e("span",{css:F}),e("span",{css:F}),e("span",{css:F}));import{css as Qo}from"@emotion/react";import{css as L}from"@emotion/react";var qe=L`
|
|
655
662
|
align-items: center;
|
|
656
663
|
position: absolute;
|
|
657
664
|
inset: 0 0;
|
|
658
665
|
overflow: hidden;
|
|
659
666
|
z-index: 9999;
|
|
660
667
|
justify-content: center;
|
|
661
|
-
`,
|
|
668
|
+
`,Je=L`
|
|
662
669
|
display: flex;
|
|
663
|
-
`,
|
|
670
|
+
`,Qe=L`
|
|
664
671
|
display: none;
|
|
665
|
-
`,
|
|
672
|
+
`,Xe=L`
|
|
666
673
|
background: var(--white);
|
|
667
674
|
opacity: 0.5;
|
|
668
675
|
position: absolute;
|
|
669
676
|
inset: 0 0;
|
|
670
|
-
`,
|
|
677
|
+
`,je=L`
|
|
671
678
|
align-items: center;
|
|
672
679
|
display: flex;
|
|
673
680
|
flex-direction: column;
|
|
674
|
-
`,
|
|
681
|
+
`,eo=L`
|
|
675
682
|
color: var(--gray-500);
|
|
676
683
|
margin: var(--spacing-base) 0 0;
|
|
677
|
-
`;var
|
|
684
|
+
`;var dn=({isActive:o,statusMessage:r})=>e("div",{role:"alert",css:[qe,o?Je:Qe],"aria-hidden":!o},e("div",{css:Xe}),e("div",{css:Qo`
|
|
678
685
|
position: relative;
|
|
679
|
-
`},e("div",{css:
|
|
686
|
+
`},e("div",{css:je},e(Xo,{height:128,width:128}),r?e("div",{css:eo},r):null))),Xo=({height:o,width:r})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:r!=null?r: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 w}from"@emotion/react";var oo=w`
|
|
680
687
|
font-family: var(--ff-heading);
|
|
681
688
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
682
689
|
font-weight: var(--fw-bold);
|
|
683
690
|
margin-bottom: var(--spacing-base);
|
|
684
|
-
`,
|
|
691
|
+
`,ro=w`
|
|
685
692
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
686
|
-
`,
|
|
693
|
+
`,to=w`
|
|
687
694
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
688
|
-
`,
|
|
695
|
+
`,no=w`
|
|
689
696
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
690
|
-
`,
|
|
697
|
+
`,ao=w`
|
|
691
698
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
692
|
-
`,
|
|
699
|
+
`,io=w`
|
|
693
700
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
694
|
-
`,
|
|
701
|
+
`,so=w`
|
|
695
702
|
font-weight: var(--fw-bold);
|
|
696
703
|
font-family: var(--ff-base);
|
|
697
704
|
margin-bottom: var(--spacing-base);
|
|
698
|
-
`,
|
|
705
|
+
`,co=w`
|
|
699
706
|
line-height: 1.35;
|
|
700
|
-
`;var
|
|
707
|
+
`;var vn=({level:o=2,children:r})=>{let n=`h${o}`,a={h1:oo,h2:ro,h3:to,h4:no,h5:ao,h6:io},t=n.includes("h1")?void 0:so;return e(n,{css:[a[n],t,co]},r)};import{css as jo}from"@emotion/react";var lo=jo`
|
|
701
708
|
font-size: var(--fs-base);
|
|
702
709
|
line-height: 1.5;
|
|
703
710
|
margin-bottom: var(--spacing-base);
|
|
@@ -705,18 +712,18 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
705
712
|
&:last-of-type {
|
|
706
713
|
margin-bottom: 0;
|
|
707
714
|
}
|
|
708
|
-
`;var
|
|
715
|
+
`;var wn=({className:o,children:r})=>e("p",{css:[lo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);import{css as er}from"@emotion/react";import{css as po}from"@emotion/react";var uo=po`
|
|
709
716
|
position: relative;
|
|
710
|
-
`,po
|
|
717
|
+
`,mo=po`
|
|
711
718
|
background: var(--gray-50);
|
|
712
719
|
border-top: 1px solid var(--gray-200);
|
|
713
720
|
border-bottom: 1px solid var(--gray-200);
|
|
714
721
|
max-height: 24rem;
|
|
715
722
|
overflow-y: auto;
|
|
716
723
|
padding: var(--spacing-sm);
|
|
717
|
-
`;var
|
|
724
|
+
`;var kn=({label:o,children:r})=>e("div",{css:uo},o?e("span",{css:er`
|
|
718
725
|
${h}
|
|
719
|
-
`},o):null,e("div",{css:[
|
|
726
|
+
`},o):null,e("div",{css:[mo,Z]},r));import{css as Y}from"@emotion/react";var go=Y`
|
|
720
727
|
align-items: center;
|
|
721
728
|
background: var(--white);
|
|
722
729
|
border-radius: var(--rounded-base);
|
|
@@ -731,9 +738,9 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
731
738
|
&:last-of-type {
|
|
732
739
|
margin-block: 0;
|
|
733
740
|
}
|
|
734
|
-
`,
|
|
741
|
+
`,fo=Y`
|
|
735
742
|
border-color: var(--brand-secondary-3);
|
|
736
|
-
`,
|
|
743
|
+
`,vo=Y`
|
|
737
744
|
align-items: center;
|
|
738
745
|
display: flex;
|
|
739
746
|
justify-content: space-between;
|
|
@@ -743,7 +750,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
743
750
|
&:focus {
|
|
744
751
|
outline: none;
|
|
745
752
|
}
|
|
746
|
-
`;import{css as
|
|
753
|
+
`;import{css as ho}from"@emotion/react";import{keyframes as D}from"@emotion/react";var En=D`
|
|
747
754
|
0%,
|
|
748
755
|
100% {
|
|
749
756
|
transform: scale(1);
|
|
@@ -753,7 +760,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
753
760
|
transform: scale(1.15);
|
|
754
761
|
opacity: 1;
|
|
755
762
|
}
|
|
756
|
-
`,
|
|
763
|
+
`,bo=D`
|
|
757
764
|
0% {
|
|
758
765
|
opacity: 0;
|
|
759
766
|
transform: translateY(10px);
|
|
@@ -762,7 +769,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
762
769
|
opacity: 1;
|
|
763
770
|
transform: translateY(0);
|
|
764
771
|
}
|
|
765
|
-
`,
|
|
772
|
+
`,Hn=D`
|
|
766
773
|
0% {
|
|
767
774
|
opacity: 1;
|
|
768
775
|
transform: translateY(0);
|
|
@@ -771,17 +778,48 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"reac
|
|
|
771
778
|
opacity: 0;
|
|
772
779
|
transform: translateY(10px);
|
|
773
780
|
}
|
|
774
|
-
`,
|
|
781
|
+
`,On=D`
|
|
775
782
|
0% {
|
|
776
783
|
opacity: 0;
|
|
777
784
|
}
|
|
778
785
|
100% {
|
|
779
786
|
opacity: 1;
|
|
780
787
|
}
|
|
781
|
-
`;var
|
|
788
|
+
`;var Dn=({buttonText:o,active:r,...n})=>e("div",{css:[go,r?fo: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:vo,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...n},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":!r,css:ho`
|
|
782
789
|
color: var(--brand-secondary-3);
|
|
783
790
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
784
|
-
${r?
|
|
785
|
-
animation: ${
|
|
791
|
+
${r?ho`
|
|
792
|
+
animation: ${bo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
786
793
|
`:"opacity: 0;"}
|
|
787
|
-
`},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"}))));
|
|
794
|
+
`},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 or}from"react-icons/cg";import{css as E}from"@emotion/react";var yo=E`
|
|
795
|
+
align-items: center;
|
|
796
|
+
border: 1px solid transparent;
|
|
797
|
+
color: var(--white);
|
|
798
|
+
display: inline-flex;
|
|
799
|
+
font-size: var(--fs-sm);
|
|
800
|
+
position: relative;
|
|
801
|
+
|
|
802
|
+
&:active {
|
|
803
|
+
opacity: var(--opacity-75);
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
&:hover {
|
|
807
|
+
opacity: var(--opacity-100);
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
&:focus {
|
|
811
|
+
border-color: var(--gray-700);
|
|
812
|
+
}
|
|
813
|
+
`,xo=E`
|
|
814
|
+
background: var(--brand-secondary-5);
|
|
815
|
+
`,wo=E`
|
|
816
|
+
background: var(--gray-500);
|
|
817
|
+
`,Co=E`
|
|
818
|
+
padding: var(--spacing-sm) var(--spacing-base);
|
|
819
|
+
font-weight: var(--fw-medium);
|
|
820
|
+
letter-spacing: 0.025rem;
|
|
821
|
+
line-height: 1.25;
|
|
822
|
+
`,Io=E`
|
|
823
|
+
padding: var(--spacing-sm);
|
|
824
|
+
border-left: 1px solid currentColor;
|
|
825
|
+
`;var _n=({onButtonClick:o,buttonText:r,disabled:n,children:a,placement:t,...c})=>e("div",{css:[yo,n?wo:xo],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Co,disabled:n,...c,onClick:o,"data-test-id":"multioptions-button-main"},r),e(Le,{menuLabel:"buttonMenu",placement:t,menuTrigger:e("div",{css:Io,"data-test-id":"multioptions-button-call-menu"},e(T,{icon:or,size:24,iconColor:"currentColor"}))},a));export{Mr as Button,_n as ButtonWithMenu,jt as Callout,y as Caption,x as ErrorMessage,vn as Heading,T as Icon,Br as IconsProvider,ye as Input,et as InputComboBox,pt as InputInlineSelect,gt as InputKeywordSearch,yt as InputSelect,It as InputToggle,Xo as LoadingIcon,nn as LoadingIndicator,dn as LoadingOverlay,Le as Menu,ke as MenuContext,Nt as MenuItem,wn as Paragraph,kn as ScrollableList,Dn as ScrollableListItem,kt as Textarea,ar as Theme,fr as UniformBadge,hr as UniformLogo,Mo as breakpoints,M as input,I as inputError,W as inputSelect,h as labelText,K as mq,Z as scrollbarStyles,pe as useIconContext,Pe as useMenuContext};
|