@uniformdev/design-system 13.0.1-alpha.133 → 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 +172 -119
- package/dist/index.d.ts +96 -24
- package/dist/index.js +172 -119
- package/package.json +16 -12
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 mo 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 mo 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);
|
|
@@ -163,14 +170,18 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
163
170
|
display: block;
|
|
164
171
|
vertical-align: middle;
|
|
165
172
|
}
|
|
166
|
-
|
|
173
|
+
|
|
174
|
+
pre {
|
|
175
|
+
white-space: pre;
|
|
176
|
+
}
|
|
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`
|
|
167
178
|
position: relative;
|
|
168
|
-
`,
|
|
179
|
+
`,h=b`
|
|
169
180
|
display: flex;
|
|
170
181
|
font-weight: var(--fw-bold);
|
|
171
182
|
margin: 0 0 var(--spacing-xs);
|
|
172
183
|
align-items: center;
|
|
173
|
-
`,
|
|
184
|
+
`,M=b`
|
|
174
185
|
appearance: none;
|
|
175
186
|
background-color: var(--white);
|
|
176
187
|
border: 1px solid var(--gray-400);
|
|
@@ -200,34 +211,34 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
200
211
|
color: var(--gray-300);
|
|
201
212
|
border-color: var(--gray-300);
|
|
202
213
|
}
|
|
203
|
-
`,
|
|
214
|
+
`,I=b`
|
|
204
215
|
border-color: var(--brand-secondary-5);
|
|
205
|
-
`,
|
|
216
|
+
`,H=b`
|
|
206
217
|
align-items: center;
|
|
207
218
|
display: flex;
|
|
208
219
|
position: absolute;
|
|
209
220
|
inset: 0 var(--spacing-base) 0 auto;
|
|
210
221
|
pointer-event: one;
|
|
211
|
-
`,
|
|
222
|
+
`,O=b`
|
|
212
223
|
padding-right: var(--spacing-2xl);
|
|
213
|
-
`,
|
|
224
|
+
`,W=b`
|
|
214
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");
|
|
215
226
|
background-position: right var(--spacing-sm) center;
|
|
216
227
|
background-repeat: no-repeat;
|
|
217
228
|
background-size: 1rem;
|
|
218
229
|
padding-right: var(--spacing-xl);
|
|
219
|
-
`,
|
|
230
|
+
`,_=b`
|
|
220
231
|
color: var(--brand-secondary-1);
|
|
221
232
|
height: 1.25rem;
|
|
222
233
|
width: 1.25rem;
|
|
223
|
-
`,
|
|
234
|
+
`,q=b`
|
|
224
235
|
align-items: center;
|
|
225
236
|
cursor: pointer;
|
|
226
237
|
display: inline-flex;
|
|
227
238
|
gap: var(--spacing-sm);
|
|
228
239
|
margin: var(--spacing-sm) 0;
|
|
229
240
|
flex-wrap: wrap;
|
|
230
|
-
`,
|
|
241
|
+
`,J=b`
|
|
231
242
|
border: 1px solid var(--brand-secondary-1);
|
|
232
243
|
background: var(--white);
|
|
233
244
|
width: var(--spacing-md);
|
|
@@ -258,19 +269,21 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
258
269
|
color: var(--gray-300);
|
|
259
270
|
border-color: var(--gray-300);
|
|
260
271
|
}
|
|
261
|
-
`,
|
|
262
|
-
font-weight: var(--
|
|
263
|
-
`,
|
|
272
|
+
`,Q=b`
|
|
273
|
+
font-weight: var(--fw-medium);
|
|
274
|
+
`,X=b`
|
|
264
275
|
cursor: not-allowed;
|
|
265
276
|
color: var(--gray-400);
|
|
266
|
-
`,
|
|
277
|
+
`,j=b`
|
|
267
278
|
display: flex;
|
|
268
279
|
flex-direction: column;
|
|
269
280
|
flex-basis: 100%;
|
|
270
281
|
padding-left: var(--spacing-lg);
|
|
271
282
|
margin-top: -0.5rem;
|
|
272
283
|
line-height: 1.15;
|
|
273
|
-
|
|
284
|
+
`,ee=b`
|
|
285
|
+
${M}
|
|
286
|
+
`;import{css as Ro}from"@emotion/react";var Z=Ro`
|
|
274
287
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
275
288
|
/*
|
|
276
289
|
#d1d5db = bg-gray-300
|
|
@@ -296,15 +309,15 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
296
309
|
&::-webkit-scrollbar-thumb:hover {
|
|
297
310
|
background: var(--gray-500);
|
|
298
311
|
}
|
|
299
|
-
`;import{css as
|
|
312
|
+
`;import{css as $}from"@emotion/react";var V=$`
|
|
300
313
|
display: block;
|
|
301
|
-
`,
|
|
314
|
+
`,G=$`
|
|
302
315
|
background: transparent;
|
|
303
316
|
color: var(--brand-secondary-1);
|
|
304
|
-
`,
|
|
317
|
+
`,A=$`
|
|
305
318
|
background: var(--brand-secondary-1);
|
|
306
319
|
color: var(--white);
|
|
307
|
-
`;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`
|
|
308
321
|
align-items: center;
|
|
309
322
|
border: 1px solid transparent;
|
|
310
323
|
cursor: pointer;
|
|
@@ -328,7 +341,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
328
341
|
&:disabled {
|
|
329
342
|
cursor: not-allowed;
|
|
330
343
|
}
|
|
331
|
-
`,
|
|
344
|
+
`,re=R`
|
|
332
345
|
background: var(--brand-secondary-1);
|
|
333
346
|
color: var(--white);
|
|
334
347
|
|
|
@@ -336,7 +349,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
336
349
|
background: var(--gray-500);
|
|
337
350
|
color: var(--white);
|
|
338
351
|
}
|
|
339
|
-
`,
|
|
352
|
+
`,te=R`
|
|
340
353
|
background: var(--brand-secondary-5);
|
|
341
354
|
color: var(--white);
|
|
342
355
|
|
|
@@ -344,7 +357,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
344
357
|
background: var(--gray-500);
|
|
345
358
|
color: var(--white);
|
|
346
359
|
}
|
|
347
|
-
`,
|
|
360
|
+
`,ne=R`
|
|
348
361
|
background: var(--brand-secondary-2);
|
|
349
362
|
color: var(--brand-secondary-1);
|
|
350
363
|
|
|
@@ -352,7 +365,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
352
365
|
background: var(--brand-secondary-2);
|
|
353
366
|
color: var(--gray-400);
|
|
354
367
|
}
|
|
355
|
-
`,
|
|
368
|
+
`,ae=R`
|
|
356
369
|
background: transparent;
|
|
357
370
|
color: var(--brand-secondary-3);
|
|
358
371
|
|
|
@@ -365,7 +378,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
365
378
|
border-color: var(--gray-400);
|
|
366
379
|
color: var(--gray-400);
|
|
367
380
|
}
|
|
368
|
-
`,
|
|
381
|
+
`,ie=R`
|
|
369
382
|
background: var(--brand-secondary-3);
|
|
370
383
|
color: var(--white);
|
|
371
384
|
|
|
@@ -373,10 +386,10 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
373
386
|
background: var(--gray-500);
|
|
374
387
|
color: var(--white);
|
|
375
388
|
}
|
|
376
|
-
`;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`
|
|
377
390
|
display: hidden;
|
|
378
391
|
|
|
379
|
-
${
|
|
392
|
+
${K("sm")} {
|
|
380
393
|
display: block;
|
|
381
394
|
}
|
|
382
395
|
|
|
@@ -384,30 +397,30 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
384
397
|
display: block;
|
|
385
398
|
vertical-align: middle;
|
|
386
399
|
}
|
|
387
|
-
`,
|
|
400
|
+
`,ue=B`
|
|
388
401
|
color: var(--brand-secondary-3);
|
|
389
|
-
`,
|
|
402
|
+
`,me=B`
|
|
390
403
|
color: var(--brand-secondary-5);
|
|
391
|
-
`,
|
|
404
|
+
`,ge=B`
|
|
392
405
|
color: var(--gray-500);
|
|
393
|
-
`,
|
|
406
|
+
`,fe=B`
|
|
394
407
|
color: currentColor;
|
|
395
|
-
`;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`
|
|
396
409
|
color: var(--gray-500);
|
|
397
410
|
display: block;
|
|
398
|
-
font-size: var(--fs-
|
|
399
|
-
margin: var(--spacing-
|
|
411
|
+
font-size: var(--fs-sm);
|
|
412
|
+
margin: var(--spacing-xs) 0;
|
|
400
413
|
max-width: var(--prose);
|
|
401
|
-
`;var
|
|
402
|
-
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;
|
|
403
416
|
color: var(--brand-secondary-5);
|
|
404
417
|
display: flex;
|
|
405
418
|
gap: var(--spacing-sm);
|
|
406
419
|
margin: var(--spacing-xs) 0;
|
|
407
|
-
`;var
|
|
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`
|
|
408
421
|
margin-inline: auto;
|
|
409
422
|
max-width: fit-content;
|
|
410
|
-
`,
|
|
423
|
+
`,we=z`
|
|
411
424
|
align-items: center;
|
|
412
425
|
background: var(--brand-secondary-3);
|
|
413
426
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -430,7 +443,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
430
443
|
&:focus {
|
|
431
444
|
outline: 2px solid var(--brand-secondary-1);
|
|
432
445
|
}
|
|
433
|
-
`,
|
|
446
|
+
`,Ce=z`
|
|
434
447
|
background: var(--white);
|
|
435
448
|
border: 1px solid var(--brand-secondary-3);
|
|
436
449
|
border-top: none;
|
|
@@ -440,7 +453,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
440
453
|
position: absolute;
|
|
441
454
|
inset: auto 0;
|
|
442
455
|
transform: translateY(-0.2rem);
|
|
443
|
-
`,
|
|
456
|
+
`,Ie=z`
|
|
444
457
|
cursor: pointer;
|
|
445
458
|
display: block;
|
|
446
459
|
font-size: var(--fs-sm);
|
|
@@ -455,23 +468,23 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
455
468
|
&:hover {
|
|
456
469
|
background: var(--gray-50);
|
|
457
470
|
}
|
|
458
|
-
`,
|
|
471
|
+
`,Se=z`
|
|
459
472
|
position: absolute;
|
|
460
473
|
overflow: hidden;
|
|
461
474
|
height: 1px;
|
|
462
475
|
width: 1px;
|
|
463
476
|
clip: rect(0, 0, 0, 0);
|
|
464
477
|
padding: 0;
|
|
465
|
-
`;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`
|
|
466
479
|
max-width: fit-content;
|
|
467
480
|
${typeof o=="object"?o:void 0}
|
|
468
|
-
`:
|
|
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`
|
|
469
482
|
border: 1px solid var(--gray-500);
|
|
470
483
|
border-radius: var(--rounded-base);
|
|
471
484
|
outline: none;
|
|
472
485
|
overflow: hidden;
|
|
473
486
|
z-index: 50;
|
|
474
|
-
`;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`
|
|
475
488
|
background: var(--white);
|
|
476
489
|
border-top: 1px solid var(--gray-500);
|
|
477
490
|
color: var(--brand-secondary-1);
|
|
@@ -496,7 +509,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
496
509
|
&:hover {
|
|
497
510
|
background: var(--gray-200);
|
|
498
511
|
}
|
|
499
|
-
`,
|
|
512
|
+
`,ze=Be`
|
|
500
513
|
align-items: center;
|
|
501
514
|
display: flex;
|
|
502
515
|
justify-content: space-between;
|
|
@@ -507,7 +520,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
507
520
|
width: var(--spacing-base);
|
|
508
521
|
height: var(--spacing-base);
|
|
509
522
|
}
|
|
510
|
-
`;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`
|
|
511
524
|
--caution-desc: rgb(161, 98, 7);
|
|
512
525
|
--caution-icon: rgb(250, 204, 21);
|
|
513
526
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -535,77 +548,77 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
535
548
|
|
|
536
549
|
border-radius: var(--rounded-base);
|
|
537
550
|
padding: var(--spacing-base);
|
|
538
|
-
`,
|
|
551
|
+
`,Ze=P`
|
|
539
552
|
display: flex;
|
|
540
553
|
gap: var(--spacing-base);
|
|
541
|
-
|
|
554
|
+
`,$e=P`
|
|
542
555
|
flex-shrink: 0;
|
|
543
|
-
`,
|
|
556
|
+
`,Ne=P`
|
|
544
557
|
font-size: var(--fs-sm);
|
|
545
558
|
font-weight: var(--fw-bold);
|
|
546
559
|
margin: 0 0 var(--spacing-sm);
|
|
547
|
-
`,
|
|
560
|
+
`,Ue=P`
|
|
548
561
|
font-size: var(--fs-sm);
|
|
549
|
-
|
|
562
|
+
`,Ye=P`
|
|
550
563
|
width: 1.25rem;
|
|
551
564
|
height: 1.25rem;
|
|
552
|
-
`;var
|
|
565
|
+
`;var _o={caution:{icon:U,descriptionColor:l`
|
|
553
566
|
color: var(--caution-desc);
|
|
554
|
-
`,iconColor:
|
|
567
|
+
`,iconColor:l`
|
|
555
568
|
color: var(--caution-icon);
|
|
556
|
-
`,titleColor:
|
|
569
|
+
`,titleColor:l`
|
|
557
570
|
color: var(--caution-title);
|
|
558
|
-
`,containerColor:
|
|
571
|
+
`,containerColor:l`
|
|
559
572
|
background-color: var(--caution-container);
|
|
560
|
-
`},danger:{icon:
|
|
573
|
+
`},danger:{icon:Ge,descriptionColor:l`
|
|
561
574
|
color: var(--danger-desc);
|
|
562
|
-
`,iconColor:
|
|
575
|
+
`,iconColor:l`
|
|
563
576
|
color: var(--danger-icon);
|
|
564
|
-
`,titleColor:
|
|
577
|
+
`,titleColor:l`
|
|
565
578
|
color: var(--danger-title);
|
|
566
|
-
`,containerColor:
|
|
579
|
+
`,containerColor:l`
|
|
567
580
|
background-color: var(--danger-container);
|
|
568
|
-
`},error:{icon:
|
|
581
|
+
`},error:{icon:U,descriptionColor:l`
|
|
569
582
|
color: var(--danger-desc);
|
|
570
|
-
`,iconColor:
|
|
583
|
+
`,iconColor:l`
|
|
571
584
|
color: var(--danger-icon);
|
|
572
|
-
`,titleColor:
|
|
585
|
+
`,titleColor:l`
|
|
573
586
|
color: var(--danger-title);
|
|
574
|
-
`,containerColor:
|
|
587
|
+
`,containerColor:l`
|
|
575
588
|
background-color: var(--danger-container);
|
|
576
|
-
`},info:{icon:
|
|
589
|
+
`},info:{icon:Ve,descriptionColor:l`
|
|
577
590
|
color: var(--info-desc);
|
|
578
|
-
`,iconColor:
|
|
591
|
+
`,iconColor:l`
|
|
579
592
|
color: var(--info-icon);
|
|
580
|
-
`,titleColor:
|
|
593
|
+
`,titleColor:l`
|
|
581
594
|
color: var(--info-title);
|
|
582
|
-
`,containerColor:
|
|
595
|
+
`,containerColor:l`
|
|
583
596
|
background-color: var(--info-container);
|
|
584
|
-
`},note:{icon:
|
|
597
|
+
`},note:{icon:Ae,descriptionColor:l`
|
|
585
598
|
color: var(--note-desc);
|
|
586
|
-
`,iconColor:
|
|
599
|
+
`,iconColor:l`
|
|
587
600
|
color: var(--note-icon);
|
|
588
|
-
`,titleColor:
|
|
601
|
+
`,titleColor:l`
|
|
589
602
|
color: var(--note-title);
|
|
590
|
-
`,containerColor:
|
|
603
|
+
`,containerColor:l`
|
|
591
604
|
background-color: var(--note-container);
|
|
592
|
-
`},success:{icon:
|
|
605
|
+
`},success:{icon:De,descriptionColor:l`
|
|
593
606
|
color: var(--success-desc);
|
|
594
|
-
`,iconColor:
|
|
607
|
+
`,iconColor:l`
|
|
595
608
|
color: var(--success-icon);
|
|
596
|
-
`,titleColor:
|
|
609
|
+
`,titleColor:l`
|
|
597
610
|
color: var(--success-title);
|
|
598
|
-
`,containerColor:
|
|
611
|
+
`,containerColor:l`
|
|
599
612
|
background-color: var(--success-container);
|
|
600
|
-
`},tip:{icon:
|
|
613
|
+
`},tip:{icon:Fe,descriptionColor:l`
|
|
601
614
|
color: var(--success-desc);
|
|
602
|
-
`,iconColor:
|
|
615
|
+
`,iconColor:l`
|
|
603
616
|
color: var(--success-icon);
|
|
604
|
-
`,titleColor:
|
|
617
|
+
`,titleColor:l`
|
|
605
618
|
color: var(--success-title);
|
|
606
|
-
`,containerColor:
|
|
619
|
+
`,containerColor:l`
|
|
607
620
|
background-color: var(--success-container);
|
|
608
|
-
`}},
|
|
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`
|
|
609
622
|
0%, 100% {
|
|
610
623
|
opacity: 1.0;
|
|
611
624
|
transform: translateY(0);
|
|
@@ -621,14 +634,14 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
621
634
|
opacity: 0.2;
|
|
622
635
|
transform: translateY(-5px);
|
|
623
636
|
}
|
|
624
|
-
`,
|
|
637
|
+
`,_e=Ke`
|
|
625
638
|
display: inline-flex;
|
|
626
639
|
justify-content: center;
|
|
627
|
-
`,
|
|
640
|
+
`,F=Ke`
|
|
628
641
|
background-color: var(--gray-700);
|
|
629
642
|
display: block;
|
|
630
643
|
border-radius: var(--rounded-full);
|
|
631
|
-
animation: ${
|
|
644
|
+
animation: ${Jo} 0.75s infinite ease-in-out;
|
|
632
645
|
width: 8px;
|
|
633
646
|
height: 8px;
|
|
634
647
|
margin: 0 var(--spacing-xs);
|
|
@@ -645,62 +658,72 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
645
658
|
&:nth-of-type(3) {
|
|
646
659
|
animation-delay: 0.6s;
|
|
647
660
|
}
|
|
648
|
-
`;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`
|
|
649
662
|
align-items: center;
|
|
650
663
|
position: absolute;
|
|
651
664
|
inset: 0 0;
|
|
652
665
|
overflow: hidden;
|
|
653
666
|
z-index: 9999;
|
|
654
667
|
justify-content: center;
|
|
655
|
-
`,
|
|
668
|
+
`,Je=L`
|
|
656
669
|
display: flex;
|
|
657
|
-
`,
|
|
670
|
+
`,Qe=L`
|
|
658
671
|
display: none;
|
|
659
|
-
`,
|
|
672
|
+
`,Xe=L`
|
|
660
673
|
background: var(--white);
|
|
661
674
|
opacity: 0.5;
|
|
662
675
|
position: absolute;
|
|
663
676
|
inset: 0 0;
|
|
664
|
-
`,
|
|
677
|
+
`,je=L`
|
|
665
678
|
align-items: center;
|
|
666
679
|
display: flex;
|
|
667
680
|
flex-direction: column;
|
|
668
|
-
`,
|
|
681
|
+
`,eo=L`
|
|
669
682
|
color: var(--gray-500);
|
|
670
683
|
margin: var(--spacing-base) 0 0;
|
|
671
|
-
`;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`
|
|
672
685
|
position: relative;
|
|
673
|
-
`},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`
|
|
674
687
|
font-family: var(--ff-heading);
|
|
675
|
-
font-size: clamp(1.
|
|
676
|
-
font-weight: var(--
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
688
|
+
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
689
|
+
font-weight: var(--fw-bold);
|
|
690
|
+
margin-bottom: var(--spacing-base);
|
|
691
|
+
`,ro=w`
|
|
692
|
+
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
693
|
+
`,to=w`
|
|
680
694
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
681
|
-
`,
|
|
695
|
+
`,no=w`
|
|
682
696
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
683
|
-
`,
|
|
697
|
+
`,ao=w`
|
|
684
698
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
685
|
-
`,
|
|
699
|
+
`,io=w`
|
|
686
700
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
687
|
-
`,
|
|
701
|
+
`,so=w`
|
|
688
702
|
font-weight: var(--fw-bold);
|
|
689
703
|
font-family: var(--ff-base);
|
|
690
|
-
|
|
704
|
+
margin-bottom: var(--spacing-base);
|
|
705
|
+
`,co=w`
|
|
691
706
|
line-height: 1.35;
|
|
692
|
-
`;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`
|
|
708
|
+
font-size: var(--fs-base);
|
|
709
|
+
line-height: 1.5;
|
|
710
|
+
margin-bottom: var(--spacing-base);
|
|
711
|
+
|
|
712
|
+
&:last-of-type {
|
|
713
|
+
margin-bottom: 0;
|
|
714
|
+
}
|
|
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`
|
|
693
716
|
position: relative;
|
|
694
|
-
`,
|
|
717
|
+
`,mo=po`
|
|
695
718
|
background: var(--gray-50);
|
|
696
719
|
border-top: 1px solid var(--gray-200);
|
|
697
720
|
border-bottom: 1px solid var(--gray-200);
|
|
698
721
|
max-height: 24rem;
|
|
699
722
|
overflow-y: auto;
|
|
700
723
|
padding: var(--spacing-sm);
|
|
701
|
-
`;var
|
|
702
|
-
${
|
|
703
|
-
`},o):null,e("div",{css:[
|
|
724
|
+
`;var kn=({label:o,children:r})=>e("div",{css:uo},o?e("span",{css:er`
|
|
725
|
+
${h}
|
|
726
|
+
`},o):null,e("div",{css:[mo,Z]},r));import{css as Y}from"@emotion/react";var go=Y`
|
|
704
727
|
align-items: center;
|
|
705
728
|
background: var(--white);
|
|
706
729
|
border-radius: var(--rounded-base);
|
|
@@ -708,17 +731,16 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
708
731
|
border: 2px solid var(--gray-200);
|
|
709
732
|
display: flex;
|
|
710
733
|
padding: var(--spacing-3);
|
|
711
|
-
margin-block: var(--spacing-sm);
|
|
734
|
+
margin-block: 0 var(--spacing-sm);
|
|
712
735
|
min-height: 52px;
|
|
713
736
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
714
737
|
|
|
715
|
-
&:first-of-type,
|
|
716
738
|
&:last-of-type {
|
|
717
739
|
margin-block: 0;
|
|
718
740
|
}
|
|
719
|
-
`,
|
|
741
|
+
`,fo=Y`
|
|
720
742
|
border-color: var(--brand-secondary-3);
|
|
721
|
-
`,
|
|
743
|
+
`,vo=Y`
|
|
722
744
|
align-items: center;
|
|
723
745
|
display: flex;
|
|
724
746
|
justify-content: space-between;
|
|
@@ -728,7 +750,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
728
750
|
&:focus {
|
|
729
751
|
outline: none;
|
|
730
752
|
}
|
|
731
|
-
`;import{css as
|
|
753
|
+
`;import{css as ho}from"@emotion/react";import{keyframes as D}from"@emotion/react";var En=D`
|
|
732
754
|
0%,
|
|
733
755
|
100% {
|
|
734
756
|
transform: scale(1);
|
|
@@ -738,7 +760,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
738
760
|
transform: scale(1.15);
|
|
739
761
|
opacity: 1;
|
|
740
762
|
}
|
|
741
|
-
`,
|
|
763
|
+
`,bo=D`
|
|
742
764
|
0% {
|
|
743
765
|
opacity: 0;
|
|
744
766
|
transform: translateY(10px);
|
|
@@ -747,7 +769,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
747
769
|
opacity: 1;
|
|
748
770
|
transform: translateY(0);
|
|
749
771
|
}
|
|
750
|
-
`,
|
|
772
|
+
`,Hn=D`
|
|
751
773
|
0% {
|
|
752
774
|
opacity: 1;
|
|
753
775
|
transform: translateY(0);
|
|
@@ -756,17 +778,48 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
756
778
|
opacity: 0;
|
|
757
779
|
transform: translateY(10px);
|
|
758
780
|
}
|
|
759
|
-
`,
|
|
781
|
+
`,On=D`
|
|
760
782
|
0% {
|
|
761
783
|
opacity: 0;
|
|
762
784
|
}
|
|
763
785
|
100% {
|
|
764
786
|
opacity: 1;
|
|
765
787
|
}
|
|
766
|
-
`;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`
|
|
767
789
|
color: var(--brand-secondary-3);
|
|
768
790
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
769
|
-
${r?
|
|
770
|
-
animation: ${
|
|
791
|
+
${r?ho`
|
|
792
|
+
animation: ${bo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
771
793
|
`:"opacity: 0;"}
|
|
772
|
-
`},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};
|