@uniformdev/design-system 16.1.1-alpha.334 → 16.2.1-alpha.142
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 +249 -157
- package/dist/index.d.ts +35 -1
- package/dist/index.js +249 -157
- package/package.json +6 -5
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"@emotion/react";import*as l from"react";import Eo from"react";var Vr=({disableReset:e=!1})=>t(Eo.Fragment,null,t("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"}),e?null:t("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
|
|
2
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}
|
|
3
|
-
`}}),
|
|
3
|
+
`}}),t("style",{dangerouslySetInnerHTML:{__html:`
|
|
4
4
|
:root {
|
|
5
5
|
--brand-primary-1: #438fd5; /* bright blue */
|
|
6
6
|
--brand-primary-2: #f4220b; /* red */
|
|
@@ -52,7 +52,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
52
52
|
/* font family */
|
|
53
53
|
--ff-base: 'DM Sans', sans-serif;
|
|
54
54
|
--ff-heading: 'Quantico', sans-serif;
|
|
55
|
-
--ff-mono: 'Space Mono', monospace
|
|
55
|
+
--ff-mono: 'Space Mono', monospace;
|
|
56
56
|
|
|
57
57
|
/* max text width */
|
|
58
58
|
--prose: 65ch;
|
|
@@ -65,6 +65,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
65
65
|
--rounded-sm: 0.125rem;
|
|
66
66
|
--rounded-base: 0.25rem;
|
|
67
67
|
--rounded-md: 0.375rem;
|
|
68
|
+
--rounded-2xl: 1rem;
|
|
68
69
|
--rounded-full: 99999px;
|
|
69
70
|
|
|
70
71
|
/* gray spectrum */
|
|
@@ -156,14 +157,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
156
157
|
ul, ol {
|
|
157
158
|
list-style: none;
|
|
158
159
|
}
|
|
159
|
-
`}}));var
|
|
160
|
+
`}}));var Ao={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},T=e=>`@media (min-width: ${Ao[e]})`;import{css as f}from"@emotion/react";var k=f`
|
|
160
161
|
position: relative;
|
|
161
|
-
`,
|
|
162
|
+
`,h=f`
|
|
162
163
|
display: flex;
|
|
163
164
|
font-weight: var(--fw-bold);
|
|
164
165
|
margin: 0 0 var(--spacing-xs);
|
|
165
166
|
align-items: center;
|
|
166
|
-
`,
|
|
167
|
+
`,M=f`
|
|
167
168
|
appearance: none;
|
|
168
169
|
background-color: var(--white);
|
|
169
170
|
border: 1px solid var(--gray-400);
|
|
@@ -193,27 +194,27 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
193
194
|
color: var(--gray-300);
|
|
194
195
|
border-color: var(--gray-300);
|
|
195
196
|
}
|
|
196
|
-
`,
|
|
197
|
+
`,P=f`
|
|
197
198
|
border-color: var(--brand-secondary-5);
|
|
198
|
-
|
|
199
|
+
`,Z=f`
|
|
199
200
|
align-items: center;
|
|
200
201
|
display: flex;
|
|
201
202
|
position: absolute;
|
|
202
203
|
inset: 0 var(--spacing-base) 0 auto;
|
|
203
204
|
pointer-event: one;
|
|
204
|
-
`,
|
|
205
|
+
`,N=f`
|
|
205
206
|
padding-right: var(--spacing-2xl);
|
|
206
|
-
`,
|
|
207
|
+
`,et=f`
|
|
207
208
|
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");
|
|
208
209
|
background-position: right var(--spacing-sm) center;
|
|
209
210
|
background-repeat: no-repeat;
|
|
210
211
|
background-size: 1rem;
|
|
211
212
|
padding-right: var(--spacing-xl);
|
|
212
|
-
`,
|
|
213
|
+
`,mt=f`
|
|
213
214
|
color: var(--brand-secondary-1);
|
|
214
215
|
height: 1.25rem;
|
|
215
216
|
width: 1.25rem;
|
|
216
|
-
`,
|
|
217
|
+
`,ut=f`
|
|
217
218
|
align-items: center;
|
|
218
219
|
cursor: pointer;
|
|
219
220
|
display: inline-flex;
|
|
@@ -221,7 +222,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
221
222
|
margin: var(--spacing-sm) 0;
|
|
222
223
|
flex-wrap: wrap;
|
|
223
224
|
font-weight: var(--fw-regular);
|
|
224
|
-
`,
|
|
225
|
+
`,gt=f`
|
|
225
226
|
border: 1px solid var(--brand-secondary-1);
|
|
226
227
|
background: var(--white);
|
|
227
228
|
width: var(--spacing-md);
|
|
@@ -252,21 +253,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
252
253
|
color: var(--gray-300);
|
|
253
254
|
border-color: var(--gray-300);
|
|
254
255
|
}
|
|
255
|
-
`,
|
|
256
|
+
`,bt=f`
|
|
256
257
|
font-weight: var(--fw-medium);
|
|
257
|
-
`,
|
|
258
|
+
`,ft=f`
|
|
258
259
|
cursor: not-allowed;
|
|
259
260
|
color: var(--gray-400);
|
|
260
|
-
`,
|
|
261
|
+
`,vt=f`
|
|
261
262
|
display: flex;
|
|
262
263
|
flex-direction: column;
|
|
263
264
|
flex-basis: 100%;
|
|
264
265
|
padding-left: var(--spacing-lg);
|
|
265
266
|
margin-top: -0.5rem;
|
|
266
267
|
line-height: 1.15;
|
|
267
|
-
`,
|
|
268
|
-
${
|
|
269
|
-
`;import{css as
|
|
268
|
+
`,ht=f`
|
|
269
|
+
${M}
|
|
270
|
+
`;import{css as Do}from"@emotion/react";var ot=Do`
|
|
270
271
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
271
272
|
/*
|
|
272
273
|
#d1d5db = bg-gray-300
|
|
@@ -292,15 +293,15 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
292
293
|
&::-webkit-scrollbar-thumb:hover {
|
|
293
294
|
background: var(--gray-500);
|
|
294
295
|
}
|
|
295
|
-
`;import{css as
|
|
296
|
+
`;import{css as rt}from"@emotion/react";var U=rt`
|
|
296
297
|
display: block;
|
|
297
|
-
`,
|
|
298
|
+
`,K=rt`
|
|
298
299
|
background: transparent;
|
|
299
300
|
color: var(--brand-secondary-1);
|
|
300
|
-
`,
|
|
301
|
+
`,Y=rt`
|
|
301
302
|
background: var(--brand-secondary-1);
|
|
302
303
|
color: var(--white);
|
|
303
|
-
`;var
|
|
304
|
+
`;var Yr=({theme:e="light",...o})=>t("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:[U,e==="dark"?Y:K],...o},t("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),t("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),t("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var qr=({theme:e="light",...o})=>t("div",{"data-test-id":"uniform-Logo"},t("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[U,e==="dark"?Y:K],...o},t("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),t("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),t("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),t("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 It from"react";import{Button as Vo}from"reakit/Button";import{css as I}from"@emotion/react";var yt=I`
|
|
304
305
|
align-items: center;
|
|
305
306
|
border: none;
|
|
306
307
|
border-radius: var(--rounded-base);
|
|
@@ -320,21 +321,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
320
321
|
cursor: default;
|
|
321
322
|
pointer-events: none;
|
|
322
323
|
}
|
|
323
|
-
`,
|
|
324
|
+
`,D=e=>I`
|
|
324
325
|
background-position: center;
|
|
325
326
|
transition: background var(--duration-slow);
|
|
326
327
|
|
|
327
328
|
&:hover {
|
|
328
|
-
background: ${
|
|
329
|
+
background: ${e.hoverColor} radial-gradient(circle, transparent 1%, ${e.hoverColor} 1%)
|
|
329
330
|
center/15000%;
|
|
330
331
|
}
|
|
331
332
|
|
|
332
333
|
&:active {
|
|
333
|
-
background-color: ${
|
|
334
|
+
background-color: ${e.activeColor?e.activeColor:"var(--white)"};
|
|
334
335
|
background-size: 100%;
|
|
335
336
|
transition: background 0s;
|
|
336
337
|
}
|
|
337
|
-
`,
|
|
338
|
+
`,xt=I`
|
|
338
339
|
background: var(--brand-secondary-1);
|
|
339
340
|
color: var(--white);
|
|
340
341
|
|
|
@@ -343,8 +344,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
343
344
|
color: var(--white);
|
|
344
345
|
}
|
|
345
346
|
|
|
346
|
-
${
|
|
347
|
-
`,
|
|
347
|
+
${D({hoverColor:"var(--brand-secondary-1)"})}
|
|
348
|
+
`,wt=I`
|
|
348
349
|
background: var(--brand-secondary-5);
|
|
349
350
|
color: var(--white);
|
|
350
351
|
|
|
@@ -353,8 +354,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
353
354
|
color: var(--white);
|
|
354
355
|
}
|
|
355
356
|
|
|
356
|
-
${
|
|
357
|
-
`,
|
|
357
|
+
${D({hoverColor:"var(--brand-secondary-5)"})}
|
|
358
|
+
`,Ct=I`
|
|
358
359
|
background: var(--brand-secondary-2);
|
|
359
360
|
color: var(--brand-secondary-1);
|
|
360
361
|
|
|
@@ -363,8 +364,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
363
364
|
color: var(--white);
|
|
364
365
|
}
|
|
365
366
|
|
|
366
|
-
${
|
|
367
|
-
`,
|
|
367
|
+
${D({hoverColor:"var(--brand-secondary-2)"})}
|
|
368
|
+
`,St=I`
|
|
368
369
|
background: transparent;
|
|
369
370
|
color: var(--brand-secondary-3);
|
|
370
371
|
|
|
@@ -378,8 +379,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
378
379
|
color: var(--gray-300);
|
|
379
380
|
}
|
|
380
381
|
|
|
381
|
-
${
|
|
382
|
-
`,
|
|
382
|
+
${D({hoverColor:"var(--white)",activeColor:"var(--gray-100)"})}
|
|
383
|
+
`,Pt=I`
|
|
383
384
|
background: var(--brand-secondary-3);
|
|
384
385
|
color: var(--white);
|
|
385
386
|
|
|
@@ -388,11 +389,11 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
388
389
|
color: var(--white);
|
|
389
390
|
}
|
|
390
391
|
|
|
391
|
-
${
|
|
392
|
-
`;var
|
|
392
|
+
${D({hoverColor:"var(--brand-secondary-3)"})}
|
|
393
|
+
`;var rn=It.forwardRef(({buttonType:e="primary",size:o="md",children:r,...n},a)=>{let i={primary:xt,secondary:wt,ghost:St,unimportant:Ct,tertiary:Pt},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 t(Vo,{ref:a,css:[yt,i[e],s[o]],...n},r)});import No from"react";import{createContext as Oo,useContext as Go,useEffect as $o,useState as Rt}from"react";import{paramCase as Wo}from"param-case";var Lt=Oo({iconsMap:{},isLoading:!0});function Tt(){return Go(Lt)}function cn({children:e}){let[o,r]=Rt(!0),[n,a]=Rt({});return $o(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((m,[p,u])=>{if(p==="default")return m;let b=Fo(p);return{...m,[b]:u}},{});a(s),r(!1)})},[]),t(Lt.Provider,{value:{iconsMap:n,isLoading:o}},e)}function Fo(e){var o,r;return(r=(o=Wo(e.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:o.join("-"))!=null?r:""}import{css as V}from"@emotion/react";var kt=V`
|
|
393
394
|
display: hidden;
|
|
394
395
|
|
|
395
|
-
${
|
|
396
|
+
${T("sm")} {
|
|
396
397
|
display: block;
|
|
397
398
|
}
|
|
398
399
|
|
|
@@ -400,30 +401,30 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
400
401
|
display: block;
|
|
401
402
|
vertical-align: middle;
|
|
402
403
|
}
|
|
403
|
-
`,
|
|
404
|
+
`,Mt=V`
|
|
404
405
|
color: var(--brand-secondary-3);
|
|
405
|
-
`,
|
|
406
|
+
`,Bt=V`
|
|
406
407
|
color: var(--brand-secondary-5);
|
|
407
|
-
`,
|
|
408
|
+
`,Ht=V`
|
|
408
409
|
color: var(--gray-500);
|
|
409
|
-
`,
|
|
410
|
+
`,zt=V`
|
|
410
411
|
color: currentColor;
|
|
411
|
-
`;var
|
|
412
|
+
`;var Uo=({icon:e,iconColor:o="green",size:r="1.5rem",...n})=>{let a=typeof e=="string",{iconsMap:i,isLoading:s}=Tt(),m={green:Mt,gray:Ht,red:Bt,currentColor:zt};if(a&&s)return null;let p=a?i[e]:e;return a&&p===void 0?(console.error(`We don't seem to have the icon you're looking for ("${e}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):t(p,{role:"img",size:r,...n,css:[kt,m[o]]})},g=No.memo(Uo);import{css as Ko}from"@emotion/react";var Et=Ko`
|
|
412
413
|
color: var(--gray-500);
|
|
413
414
|
display: block;
|
|
414
415
|
font-size: var(--fs-sm);
|
|
415
416
|
margin: var(--spacing-xs) 0;
|
|
416
417
|
max-width: var(--prose);
|
|
417
|
-
`;var x=({children:
|
|
418
|
+
`;var x=({children:e,testId:o})=>t("small",{css:Et,"data-test-id":o},e);import{MdWarning as Xo}from"react-icons/md";import{css as Yo}from"@emotion/react";var At=Yo`
|
|
418
419
|
align-items: center;
|
|
419
420
|
color: var(--brand-secondary-5);
|
|
420
421
|
display: flex;
|
|
421
422
|
gap: var(--spacing-sm);
|
|
422
423
|
margin: var(--spacing-xs) 0;
|
|
423
|
-
`;var w=({message:
|
|
424
|
+
`;var w=({message:e,testId:o})=>e?t("span",{css:At,"data-test-id":o},t(g,{icon:Xo,size:16,iconColor:"currentColor"}),e):null;var B=({children:e,className:o,testId:r,...n})=>t("label",{css:[h,typeof o=="object"?o:void 0],className:typeof o=="string"?o:"","data-test-id":r,...n},e);var Dt=({label:e,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:m,errorTestId:p,captionTestId:u,classNameContainer:b,classNameControl:d,classNameLabel:v,...tt})=>t("div",{"data-test-id":s||"container-input-field"},a?t(B,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:m},e):null,t("div",{css:[k,typeof b=="object"?b:void 0],className:typeof b=="string"?b:""},t("input",{id:r,css:[M,typeof d=="object"?d:void 0,i?P:void 0,o?N:""],"aria-label":a?void 0:e,className:typeof d=="string"?d:"",...tt}),o?t("div",{css:Z},o):null),n?t(x,{testId:u},n):null,i?t(w,{message:i,testId:p}):null);import _o from"react-select";function An(e){return t(_o,{...e,classNamePrefix:"input-combobox",styles:{...e.styles,singleValue:(o,r)=>{var n,a;return{...o,color:"#828282",...(a=(n=e.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,o,r)}},valueContainer:(o,r)=>{var n,a;return{...o,padding:"var(--spacing-base)",...(a=(n=e.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,o,r)}},input:(o,r)=>{var n,a;return{...o,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=e.styles)==null?void 0:n.input)==null?void 0:a.call(n,o,r)}},control:(o,r)=>{var n,a;return{...o,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=e.styles)==null?void 0:n.control)==null?void 0:a.call(n,o,r)}},indicatorsContainer:(o,r)=>{var n,a;return{...o,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=e.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,o,r)}},indicatorSeparator:(o,r)=>{var n,a;return{display:"none",...(a=(n=e.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,o,r)}},option:(o,r)=>{var n,a;return{...o,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=e.styles)==null?void 0:n.option)==null?void 0:a.call(n,o,r)}}}})}import{css as qo}from"@emotion/react";import*as Ft from"react";import{useState as Jo,useRef as Qo}from"react";import{css as O}from"@emotion/react";var Vt=O`
|
|
424
425
|
margin-inline: auto;
|
|
425
426
|
max-width: fit-content;
|
|
426
|
-
`,
|
|
427
|
+
`,Ot=O`
|
|
427
428
|
align-items: center;
|
|
428
429
|
background: var(--brand-secondary-3);
|
|
429
430
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -446,7 +447,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
446
447
|
&:focus {
|
|
447
448
|
outline: 2px solid var(--brand-secondary-1);
|
|
448
449
|
}
|
|
449
|
-
`,
|
|
450
|
+
`,Gt=O`
|
|
450
451
|
background: var(--white);
|
|
451
452
|
border: 1px solid var(--brand-secondary-3);
|
|
452
453
|
border-top: none;
|
|
@@ -456,7 +457,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
456
457
|
position: absolute;
|
|
457
458
|
inset: auto 0;
|
|
458
459
|
transform: translateY(-0.2rem);
|
|
459
|
-
|
|
460
|
+
`,$t=O`
|
|
460
461
|
cursor: pointer;
|
|
461
462
|
display: block;
|
|
462
463
|
font-size: var(--fs-sm);
|
|
@@ -471,23 +472,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
471
472
|
&:hover {
|
|
472
473
|
background: var(--gray-50);
|
|
473
474
|
}
|
|
474
|
-
`,
|
|
475
|
+
`,Wt=O`
|
|
475
476
|
position: absolute;
|
|
476
477
|
overflow: hidden;
|
|
477
478
|
height: 1px;
|
|
478
479
|
width: 1px;
|
|
479
480
|
clip: rect(0, 0, 0, 0);
|
|
480
481
|
padding: 0;
|
|
481
|
-
`;import{CgChevronDown as
|
|
482
|
+
`;import{CgChevronDown as jo}from"react-icons/cg";var Un=({classNameContainer:e,options:o,value:r,onChange:n,disabled:a,...i})=>{var b;let[s,m]=Jo(!1),p=Qo(null);Ft.useEffect(()=>{let d=v=>{p.current&&!p.current.contains(v.target)&&m(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[p]);let u=o.find(d=>d.value===r);return t("div",{ref:p,css:e?qo`
|
|
482
483
|
max-width: fit-content;
|
|
483
|
-
${typeof
|
|
484
|
-
`:
|
|
484
|
+
${typeof e=="object"?e:void 0}
|
|
485
|
+
`:Vt,className:typeof e=="string"?e:""},t("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Ot,onClick:()=>{a||m(d=>!d)},disabled:a,...i},t("span",null,(b=u==null?void 0:u.label)!=null?b:r),a?null:t(g,{icon:jo,iconColor:"currentColor",size:24})),t("div",{id:`and-or-${i.id}`,css:[Gt,s?void 0:Wt],"aria-hidden":!s},o.map(d=>t("button",{key:d.value,type:"button",css:$t,onClick:()=>{n(d),m(v=>!v)}},d.label))))};var _n=({onSearchTextChanged:e,disabled:o=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>t(Dt,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:t("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:mt},t("g",{clipPath:"url(#clip0)"},t("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"}),t("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"})),t("defs",null,t("clipPath",{id:"clip0"},t("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:u=>{e(u.currentTarget.value)},onKeyPress:u=>{u.key==="Enter"&&a&&u.preventDefault()},disabled:o,"aria-label":r,...s});var ea=({label:e,defaultOption:o,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:m,classNameControl:p,classNameLabel:u,...b})=>t("div",{css:[k,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},i?t(l.Fragment,null,t(B,{htmlFor:b.id,css:[h,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},e,s)):null,t("select",{title:e,"aria-label":i?void 0:e,css:[M,et,a?P:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...b},o?t("option",{value:""},o):null,r.map((d,v)=>t("option",{key:v,value:d.label,...d}))),n?t(x,null,n):null,a?t(w,{message:a}):null);var ia=({label:e,type:o,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...m})=>t(B,{css:[ut,r?ft:void 0]},t("input",{type:o,css:gt,checked:n,name:a,disabled:r,...m}),t("span",{css:bt},e),i||s?t("span",{css:vt},i?t(x,null,i):null,s?t(w,{message:s}):null):null);import*as Zt from"react";var da=({label:e,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>t(Zt.Fragment,null,a?t("label",{htmlFor:r,css:[h]},e):null,t("div",{css:[k]},t("textarea",{id:r,css:[ht,i?P:void 0,o?N:""],"aria-label":a?void 0:e,...s}),o?t("div",{css:Z},o):null),n?t(x,null,n):null,i?t(w,{message:i}):null);import*as H from"react";import{useMenuState as er,Menu as or,MenuButton as rr}from"reakit/Menu";import{css as tr}from"@emotion/react";var Nt=tr`
|
|
485
486
|
border: 1px solid var(--gray-500);
|
|
486
487
|
border-radius: var(--rounded-base);
|
|
487
488
|
outline: none;
|
|
488
489
|
overflow: hidden;
|
|
489
490
|
z-index: 50;
|
|
490
|
-
`;var
|
|
491
|
+
`;var Ut=H.createContext({}),Kt=()=>H.useContext(Ut),Yt=({menuLabel:e,menuTrigger:o,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=er({placement:r});return t(Ut.Provider,{value:i},t(rr,{...i,ref:o.ref,...o.props},s=>H.cloneElement(o,s)),t(or,{...i,"aria-label":e,css:[Nt,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Jt from"react";import{MenuItem as nr}from"reakit";import{css as Xt}from"@emotion/react";var _t=Xt`
|
|
491
492
|
background: var(--white);
|
|
492
493
|
border: none;
|
|
493
494
|
border-top: 1px solid var(--gray-500);
|
|
@@ -513,7 +514,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
513
514
|
&:hover {
|
|
514
515
|
background: var(--gray-200);
|
|
515
516
|
}
|
|
516
|
-
`,
|
|
517
|
+
`,qt=Xt`
|
|
517
518
|
align-items: center;
|
|
518
519
|
display: flex;
|
|
519
520
|
justify-content: space-between;
|
|
@@ -524,7 +525,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
524
525
|
width: var(--spacing-base);
|
|
525
526
|
height: var(--spacing-base);
|
|
526
527
|
}
|
|
527
|
-
`;var
|
|
528
|
+
`;var La=Jt.forwardRef(({children:e,className:o,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Kt(),p=r?(b=>{let d={...b};if(d.onClick){let v=d.onClick;d.onClick=tt=>{s.hide(),v(tt)}}return d})(a):a,u=typeof e=="function"?e(p):e;return t(nr,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[_t,typeof o=="object"?o:void 0],className:typeof o=="string"?o:void 0},n?ar(u,n):u)});function ar(e,o){return t("span",{css:qt},e," ",o)}import{css as c}from"@emotion/react";var Qt=({...e})=>t("svg",{role:"img","data-img":"info",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e},t("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"})),jt=({...e})=>t("svg",{role:"img","data-img":"danger",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e},t("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"})),te=({...e})=>t("svg",{role:"img","data-img":"note",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...e},t("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"})),ee=({...e})=>t("svg",{role:"img","data-img":"tip",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...e},t("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"})),nt=({...e})=>t("svg",{role:"img","data-img":"caution",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...e},t("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"})),oe=({...e})=>t("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},t("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 z}from"@emotion/react";var re=z`
|
|
528
529
|
--caution-desc: rgb(161, 98, 7);
|
|
529
530
|
--caution-icon: rgb(250, 204, 21);
|
|
530
531
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -552,21 +553,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
552
553
|
|
|
553
554
|
border-radius: var(--rounded-base);
|
|
554
555
|
padding: var(--spacing-base);
|
|
555
|
-
`,
|
|
556
|
+
`,ne=z`
|
|
556
557
|
display: flex;
|
|
557
558
|
gap: var(--spacing-base);
|
|
558
|
-
`,
|
|
559
|
+
`,ae=z`
|
|
559
560
|
flex-shrink: 0;
|
|
560
|
-
`,
|
|
561
|
+
`,ie=z`
|
|
561
562
|
font-size: var(--fs-sm);
|
|
562
563
|
font-weight: var(--fw-bold);
|
|
563
564
|
margin: 0 0 var(--spacing-sm);
|
|
564
|
-
`,
|
|
565
|
+
`,se=z`
|
|
565
566
|
font-size: var(--fs-sm);
|
|
566
|
-
`,
|
|
567
|
+
`,le=z`
|
|
567
568
|
width: 1.25rem;
|
|
568
569
|
height: 1.25rem;
|
|
569
|
-
`;var
|
|
570
|
+
`;var ir={caution:{icon:nt,descriptionColor:c`
|
|
570
571
|
color: var(--caution-desc);
|
|
571
572
|
`,iconColor:c`
|
|
572
573
|
color: var(--caution-icon);
|
|
@@ -574,7 +575,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
574
575
|
color: var(--caution-title);
|
|
575
576
|
`,containerColor:c`
|
|
576
577
|
background-color: var(--caution-container);
|
|
577
|
-
`},danger:{icon:
|
|
578
|
+
`},danger:{icon:jt,descriptionColor:c`
|
|
578
579
|
color: var(--danger-desc);
|
|
579
580
|
`,iconColor:c`
|
|
580
581
|
color: var(--danger-icon);
|
|
@@ -582,7 +583,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
582
583
|
color: var(--danger-title);
|
|
583
584
|
`,containerColor:c`
|
|
584
585
|
background-color: var(--danger-container);
|
|
585
|
-
`},error:{icon:
|
|
586
|
+
`},error:{icon:nt,descriptionColor:c`
|
|
586
587
|
color: var(--danger-desc);
|
|
587
588
|
`,iconColor:c`
|
|
588
589
|
color: var(--danger-icon);
|
|
@@ -590,7 +591,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
590
591
|
color: var(--danger-title);
|
|
591
592
|
`,containerColor:c`
|
|
592
593
|
background-color: var(--danger-container);
|
|
593
|
-
`},info:{icon:
|
|
594
|
+
`},info:{icon:Qt,descriptionColor:c`
|
|
594
595
|
color: var(--info-desc);
|
|
595
596
|
`,iconColor:c`
|
|
596
597
|
color: var(--info-icon);
|
|
@@ -598,7 +599,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
598
599
|
color: var(--info-title);
|
|
599
600
|
`,containerColor:c`
|
|
600
601
|
background-color: var(--info-container);
|
|
601
|
-
`},note:{icon:
|
|
602
|
+
`},note:{icon:te,descriptionColor:c`
|
|
602
603
|
color: var(--note-desc);
|
|
603
604
|
`,iconColor:c`
|
|
604
605
|
color: var(--note-icon);
|
|
@@ -606,7 +607,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
606
607
|
color: var(--note-title);
|
|
607
608
|
`,containerColor:c`
|
|
608
609
|
background-color: var(--note-container);
|
|
609
|
-
`},success:{icon:
|
|
610
|
+
`},success:{icon:oe,descriptionColor:c`
|
|
610
611
|
color: var(--success-desc);
|
|
611
612
|
`,iconColor:c`
|
|
612
613
|
color: var(--success-icon);
|
|
@@ -614,7 +615,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
614
615
|
color: var(--success-title);
|
|
615
616
|
`,containerColor:c`
|
|
616
617
|
background-color: var(--success-container);
|
|
617
|
-
`},tip:{icon:
|
|
618
|
+
`},tip:{icon:ee,descriptionColor:c`
|
|
618
619
|
color: var(--success-desc);
|
|
619
620
|
`,iconColor:c`
|
|
620
621
|
color: var(--success-icon);
|
|
@@ -622,7 +623,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
622
623
|
color: var(--success-title);
|
|
623
624
|
`,containerColor:c`
|
|
624
625
|
background-color: var(--success-container);
|
|
625
|
-
`}},
|
|
626
|
+
`}},Da=({type:e="info",title:o,children:r,className:n})=>{let a=ir[e];if(!a)return null;let i=a.icon;return t("div",{"data-testid":"sdk-ui-callout",css:[re,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},t("div",{css:ne},t("div",{css:ae},t(i,{css:[le,a.iconColor]})),t("div",null,o?t("h3",{css:[ie,a.titleColor]},o):null,r?t("div",{css:[se,a.descriptionColor]},r):null)))};import{css as ce,keyframes as sr}from"@emotion/react";var lr=sr`
|
|
626
627
|
0%, 100% {
|
|
627
628
|
opacity: 1.0;
|
|
628
629
|
transform: translateY(0);
|
|
@@ -638,14 +639,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
638
639
|
opacity: 0.2;
|
|
639
640
|
transform: translateY(-5px);
|
|
640
641
|
}
|
|
641
|
-
`,
|
|
642
|
+
`,pe=ce`
|
|
642
643
|
display: inline-flex;
|
|
643
644
|
justify-content: center;
|
|
644
|
-
`,
|
|
645
|
+
`,X=ce`
|
|
645
646
|
background-color: var(--gray-700);
|
|
646
647
|
display: block;
|
|
647
648
|
border-radius: var(--rounded-full);
|
|
648
|
-
animation: ${
|
|
649
|
+
animation: ${lr} 0.75s infinite ease-in-out;
|
|
649
650
|
width: 8px;
|
|
650
651
|
height: 8px;
|
|
651
652
|
margin: 0 var(--spacing-xs);
|
|
@@ -662,85 +663,121 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
662
663
|
&:nth-of-type(3) {
|
|
663
664
|
animation-delay: 0.6s;
|
|
664
665
|
}
|
|
665
|
-
`;var
|
|
666
|
+
`;var Wa=()=>t("div",{css:pe,role:"alert","data-test-id":"loading-indicator"},t("span",{css:X}),t("span",{css:X}),t("span",{css:X}));import{css as cr}from"@emotion/react";import{css as E}from"@emotion/react";var de=E`
|
|
666
667
|
align-items: center;
|
|
667
668
|
position: absolute;
|
|
668
669
|
inset: 0 0;
|
|
669
670
|
overflow: hidden;
|
|
670
671
|
z-index: 9999;
|
|
671
672
|
justify-content: center;
|
|
672
|
-
`,
|
|
673
|
+
`,me=E`
|
|
673
674
|
display: flex;
|
|
674
|
-
`,
|
|
675
|
+
`,ue=E`
|
|
675
676
|
display: none;
|
|
676
|
-
`,
|
|
677
|
+
`,ge=E`
|
|
677
678
|
background: var(--white);
|
|
678
679
|
opacity: 0.5;
|
|
679
680
|
position: absolute;
|
|
680
681
|
inset: 0 0;
|
|
681
|
-
`,
|
|
682
|
+
`,be=E`
|
|
682
683
|
align-items: center;
|
|
683
684
|
display: flex;
|
|
684
685
|
flex-direction: column;
|
|
685
|
-
`,
|
|
686
|
+
`,fe=E`
|
|
686
687
|
color: var(--gray-500);
|
|
687
688
|
margin: var(--spacing-base) 0 0;
|
|
688
|
-
`;var
|
|
689
|
+
`;var Ya=({isActive:e,statusMessage:o})=>t("div",{role:"alert",css:[de,e?me:ue],"aria-hidden":!e},t("div",{css:ge}),t("div",{css:cr`
|
|
689
690
|
position: relative;
|
|
690
|
-
`},
|
|
691
|
-
font-family: var(--ff-heading);
|
|
691
|
+
`},t("div",{css:be},t(pr,{height:128,width:128}),o?t("div",{css:fe},o):null))),pr=({height:e,width:o})=>t("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:o!=null?o:40,height:e!=null?e:40,stroke:"currentColor"},t("g",{fill:"none",fillRule:"evenodd"},t("g",{transform:"translate(1 1)",strokeWidth:"2"},t("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),t("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},t("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 ve=C`
|
|
692
692
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
693
693
|
font-weight: var(--fw-bold);
|
|
694
694
|
margin-bottom: var(--spacing-base);
|
|
695
|
-
`,
|
|
695
|
+
`,he=C`
|
|
696
696
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
697
|
-
`,
|
|
697
|
+
`,ye=C`
|
|
698
698
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
699
|
-
`,
|
|
699
|
+
`,xe=C`
|
|
700
700
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
701
|
-
`,
|
|
701
|
+
`,we=C`
|
|
702
702
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
703
|
-
`,
|
|
703
|
+
`,Ce=C`
|
|
704
704
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
705
|
-
`,
|
|
705
|
+
`,Se=C`
|
|
706
706
|
font-weight: var(--fw-bold);
|
|
707
707
|
font-family: var(--ff-base);
|
|
708
708
|
margin-bottom: var(--spacing-base);
|
|
709
|
-
`,
|
|
710
|
-
line-height: 1.
|
|
711
|
-
`;var
|
|
712
|
-
font-size: var(--fs-base);
|
|
709
|
+
`,Pe=C`
|
|
710
|
+
line-height: 1.25;
|
|
711
|
+
`;var _=({level:e=2,children:o,...r})=>{let n=`h${e}`,a={h1:ve,h2:he,h3:ye,h4:xe,h5:we,h6:Ce},i=n.includes("h1")?void 0:Se;return t(n,{...r,css:[a[n],i,Pe]},o)};import{css as dr}from"@emotion/react";var Ie=dr`
|
|
713
712
|
line-height: 1.5;
|
|
714
713
|
margin-bottom: var(--spacing-base);
|
|
715
714
|
|
|
716
715
|
&:last-of-type {
|
|
717
716
|
margin-bottom: 0;
|
|
718
717
|
}
|
|
719
|
-
`;var
|
|
718
|
+
`;var oi=({className:e,children:o,...r})=>t("p",{...r,css:[Ie,typeof e=="object"?e:void 0],className:typeof e=="string"?e:""},o);import mr from"next/link";import{css as R}from"@emotion/react";var Re=R`
|
|
719
|
+
gap: var(--spacing-lg);
|
|
720
|
+
justify-content: space-between;
|
|
721
|
+
margin-bottom: var(--spacing-lg);
|
|
722
|
+
|
|
723
|
+
${T("lg")} {
|
|
724
|
+
display: flex;
|
|
725
|
+
}
|
|
726
|
+
`,Le=R`
|
|
727
|
+
flex-grow: 1;
|
|
728
|
+
max-width: var(--prose);
|
|
729
|
+
`,Te=R`
|
|
730
|
+
align-items: center;
|
|
731
|
+
display: flex;
|
|
732
|
+
flex-grow: 1;
|
|
733
|
+
`,ke=R`
|
|
734
|
+
margin-left: -0.5rem;
|
|
735
|
+
`,Me=R`
|
|
736
|
+
color: var(--brand-secondary-3);
|
|
737
|
+
text-decoration: none;
|
|
738
|
+
font-size: var(--fs-sm);
|
|
739
|
+
&:hover {
|
|
740
|
+
text-decoration: underline;
|
|
741
|
+
}
|
|
742
|
+
`,Be=R`
|
|
743
|
+
align-items: flex-start;
|
|
744
|
+
gap: var(--spacing-lg);
|
|
745
|
+
margin-top: var(--spacing-base);
|
|
746
|
+
|
|
747
|
+
${T("sm")} {
|
|
748
|
+
display: flex;
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
${T("md")} {
|
|
752
|
+
margin-top: 0;
|
|
753
|
+
}
|
|
754
|
+
`,He=R`
|
|
755
|
+
margin-block: 0 var(--spacing-base);
|
|
756
|
+
`;import{CgChevronLeft as ur}from"react-icons/cg";var mi=({title:e,desc:o,children:r,linkText:n,linkProps:a,...i})=>t("div",{css:Re},t("section",{css:Le},n&&a?t("div",{css:Te},t(g,{icon:ur,size:18,css:ke}),t(mr,{...a},t("a",{css:Me},n))):null,t(_,{level:2,css:He,...i,"data-test-id":"page-header-section"},e),o),r?t("div",{css:Be},r):null);import{css as q}from"@emotion/react";var ze=q`
|
|
720
757
|
display: inline-flex;
|
|
721
758
|
text-decoration: underline;
|
|
722
759
|
|
|
723
760
|
&:hover {
|
|
724
761
|
text-decoration: none;
|
|
725
762
|
}
|
|
726
|
-
`,
|
|
763
|
+
`,Ee=q`
|
|
727
764
|
color: var(--brand-secondary-3);
|
|
728
|
-
`,
|
|
765
|
+
`,Ae=q`
|
|
729
766
|
color: var(--brand-secondary-5);
|
|
730
|
-
`,
|
|
767
|
+
`,De=q`
|
|
731
768
|
color: currentColor;
|
|
732
|
-
`;import{CgExternal as
|
|
769
|
+
`;import{CgExternal as gr}from"react-icons/cg";var yi=({external:e,text:o,linkColor:r="currentColor",...n})=>t("a",{css:[ze,{currentColor:De,red:Ae,green:Ee}[r]],...n},o,e?t(g,{icon:gr,iconColor:"currentColor",size:24}):null);import{css as br}from"@emotion/react";import{css as Ve}from"@emotion/react";var Oe=Ve`
|
|
733
770
|
position: relative;
|
|
734
|
-
`,
|
|
771
|
+
`,Ge=Ve`
|
|
735
772
|
background: var(--gray-50);
|
|
736
773
|
border-top: 1px solid var(--gray-200);
|
|
737
774
|
border-bottom: 1px solid var(--gray-200);
|
|
738
775
|
max-height: 24rem;
|
|
739
776
|
overflow-y: auto;
|
|
740
777
|
padding: var(--spacing-sm);
|
|
741
|
-
`;var
|
|
742
|
-
${
|
|
743
|
-
`},
|
|
778
|
+
`;var Ri=({label:e,children:o})=>t("div",{css:Oe},e?t("span",{css:br`
|
|
779
|
+
${h}
|
|
780
|
+
`},e):null,t("div",{css:[Ge,ot]},o));import{css as at}from"@emotion/react";var $e=at`
|
|
744
781
|
align-items: center;
|
|
745
782
|
background: var(--white);
|
|
746
783
|
border-radius: var(--rounded-base);
|
|
@@ -754,9 +791,9 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
754
791
|
&:last-of-type {
|
|
755
792
|
margin-block: 0;
|
|
756
793
|
}
|
|
757
|
-
`,
|
|
794
|
+
`,We=at`
|
|
758
795
|
border-color: var(--brand-secondary-3);
|
|
759
|
-
`,
|
|
796
|
+
`,Fe=at`
|
|
760
797
|
align-items: center;
|
|
761
798
|
border: none;
|
|
762
799
|
background: transparent;
|
|
@@ -770,7 +807,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
770
807
|
&:focus {
|
|
771
808
|
outline: none;
|
|
772
809
|
}
|
|
773
|
-
`;import{css as
|
|
810
|
+
`;import{css as Ne}from"@emotion/react";import{keyframes as G}from"@emotion/react";var Bi=G`
|
|
774
811
|
0%,
|
|
775
812
|
100% {
|
|
776
813
|
transform: scale(1);
|
|
@@ -780,7 +817,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
780
817
|
transform: scale(1.15);
|
|
781
818
|
opacity: 1;
|
|
782
819
|
}
|
|
783
|
-
`,
|
|
820
|
+
`,Ze=G`
|
|
784
821
|
0% {
|
|
785
822
|
opacity: 0;
|
|
786
823
|
transform: translateY(10px);
|
|
@@ -789,7 +826,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
789
826
|
opacity: 1;
|
|
790
827
|
transform: translateY(0);
|
|
791
828
|
}
|
|
792
|
-
`,
|
|
829
|
+
`,Hi=G`
|
|
793
830
|
0% {
|
|
794
831
|
opacity: 1;
|
|
795
832
|
transform: translateY(0);
|
|
@@ -798,23 +835,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
798
835
|
opacity: 0;
|
|
799
836
|
transform: translateY(10px);
|
|
800
837
|
}
|
|
801
|
-
`,
|
|
838
|
+
`,zi=G`
|
|
802
839
|
0% {
|
|
803
840
|
opacity: 0;
|
|
804
841
|
}
|
|
805
842
|
100% {
|
|
806
843
|
opacity: 1;
|
|
807
844
|
}
|
|
808
|
-
`,
|
|
845
|
+
`,Ei=G`
|
|
809
846
|
to {
|
|
810
847
|
transform: scale(4);
|
|
811
|
-
}`;var
|
|
848
|
+
}`;var Gi=({buttonText:e,active:o,...r})=>t("div",{css:[$e,o?We:void 0]},t("button",{css:Fe,type:"button",...r},t("span",null,e),t("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!o,css:Ne`
|
|
812
849
|
color: var(--brand-secondary-3);
|
|
813
850
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
814
|
-
${
|
|
815
|
-
animation: ${
|
|
851
|
+
${o?Ne`
|
|
852
|
+
animation: ${Ze} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
816
853
|
`:"opacity: 0;"}
|
|
817
|
-
`},
|
|
854
|
+
`},t("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 fr}from"react-icons/cg";import{css as y}from"@emotion/react";var Ue=y`
|
|
818
855
|
align-items: center;
|
|
819
856
|
border: 1px solid transparent;
|
|
820
857
|
border-radius: var(--rounded-sm);
|
|
@@ -834,7 +871,7 @@ to {
|
|
|
834
871
|
&:focus {
|
|
835
872
|
border-color: var(--gray-700);
|
|
836
873
|
}
|
|
837
|
-
`,
|
|
874
|
+
`,Ke=y`
|
|
838
875
|
border: 1px solid transparent;
|
|
839
876
|
background: transparent;
|
|
840
877
|
border-radius: var(--rounded-base);
|
|
@@ -856,48 +893,48 @@ to {
|
|
|
856
893
|
cursor: default;
|
|
857
894
|
pointer-events: none;
|
|
858
895
|
}
|
|
859
|
-
`,
|
|
896
|
+
`,Ye=y`
|
|
860
897
|
padding: var(--spacing-sm);
|
|
861
898
|
border-left: 1px solid currentColor;
|
|
862
|
-
`,
|
|
899
|
+
`,Xe=y`
|
|
863
900
|
background: var(--brand-secondary-1);
|
|
864
901
|
color: var(--white);
|
|
865
|
-
`,
|
|
902
|
+
`,J=y`
|
|
866
903
|
background: var(--gray-300);
|
|
867
904
|
color: var(--white);
|
|
868
|
-
|
|
905
|
+
`,_e=y`
|
|
869
906
|
background: var(--brand-secondary-5);
|
|
870
907
|
color: var(--white);
|
|
871
|
-
`,
|
|
872
|
-
${
|
|
873
|
-
`,
|
|
908
|
+
`,qe=y`
|
|
909
|
+
${J}
|
|
910
|
+
`,Je=y`
|
|
874
911
|
background: var(--brand-secondary-2);
|
|
875
912
|
color: var(--brand-secondary-1);
|
|
876
|
-
`,
|
|
877
|
-
${
|
|
878
|
-
`,
|
|
913
|
+
`,Qe=y`
|
|
914
|
+
${J}
|
|
915
|
+
`,je=y`
|
|
879
916
|
background: transparent;
|
|
880
917
|
color: var(--brand-secondary-3);
|
|
881
918
|
|
|
882
919
|
&:hover {
|
|
883
920
|
border-color: var(--brand-secondary-3);
|
|
884
921
|
}
|
|
885
|
-
`,
|
|
922
|
+
`,to=y`
|
|
886
923
|
border-color: var(--gray-400);
|
|
887
924
|
color: var(--gray-400);
|
|
888
|
-
`;var
|
|
925
|
+
`;var Yi=({onButtonClick:e,buttonType:o="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>t("div",{css:[Ue,n?{primary:J,secondary:qe,ghost:to,unimportant:Qe}[o]:{primary:Xe,secondary:_e,ghost:je,unimportant:Je}[o]],"data-test-id":"multioptions-button"},t("button",{type:"button",css:Ke,disabled:n,onClick:e,"data-test-id":"multioptions-button-main",...s},r),t(Yt,{menuLabel:"buttonMenu",placement:i,menuTrigger:t("div",{css:Ye,"data-test-id":"multioptions-button-call-menu"},t(g,{icon:fr,size:24,iconColor:"currentColor"}))},a));import{css as Pr}from"@emotion/react";import hr,{useContext as yr,useEffect as xr,useState as wr}from"react";import{css as it}from"@emotion/react";var eo=it`
|
|
889
926
|
position: absolute;
|
|
890
|
-
`,
|
|
927
|
+
`,oo=it`
|
|
891
928
|
display: flex;
|
|
892
929
|
gap: var(--spacing-sm);
|
|
893
930
|
font-size: var(--fs-xs);
|
|
894
|
-
`,
|
|
931
|
+
`,ro=it`
|
|
895
932
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
896
933
|
border-radius: var(--rounded-base);
|
|
897
934
|
border: 1px solid var(--gray-600);
|
|
898
935
|
box-shadow: var(--shadow-base);
|
|
899
936
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
900
|
-
`;import{useHotkeys as
|
|
937
|
+
`;import{useHotkeys as vr}from"react-hotkeys-hook";var A=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function st(e){return e===null?null:e.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function Q({handler:e,shortcut:o,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=A&&r?r:o;A&&!r&&(i=st(o)),vr(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),e(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[e,n])}var no=!1,ao=hr.createContext(!1),lt=["ctrl+F1","option+shift+/"];function os({children:e}){let[o,r]=wr(!1);return xr(()=>{no||(no=!0,console.log(`Type ${io(A?lt[1]:lt[0])} to show keyboard shortcuts`))},[]),Q({shortcut:lt.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),t(ao.Provider,{value:o},e)}function io(e){return e.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function so({shortcut:e,macShortcut:o,className:r}){if(!yr(ao)||!e.includes("+")&&e.length>1)return null;let a=A&&o?o:e;A&&!o&&(a=st(e));let i=io(a);return t("div",{css:[eo,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},t(Cr,{shortcut:i}))}function Cr({shortcut:e}){let o=e.split("+");return t("div",{css:oo},o.map(r=>t("span",{key:r,css:ro},r.toUpperCase())))}import{css as Sr}from"@emotion/react";var lo=Sr`
|
|
901
938
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
902
939
|
align-items: center;
|
|
903
940
|
box-shadow: var(--shadow-base);
|
|
@@ -942,10 +979,10 @@ to {
|
|
|
942
979
|
transform: scale(0.95);
|
|
943
980
|
}
|
|
944
981
|
}
|
|
945
|
-
`;var
|
|
982
|
+
`;var ps=({buttonText:e="Add",onClick:o,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(Q({shortcut:r,macShortcut:n,handler:o,activeWhenEditing:!0}),t("button",{type:"button","aria-label":e,"data-testid":"add-entry-button",onClick:o,css:lo,...a},r?t(so,{shortcut:r,css:Pr`
|
|
946
983
|
top: -2rem;
|
|
947
984
|
left: -1.5rem;
|
|
948
|
-
`}):null,
|
|
985
|
+
`}):null,t("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",fill:"currentColor"}))));import*as j from"react";import{css as $}from"@emotion/react";var co=$`
|
|
949
986
|
cursor: pointer;
|
|
950
987
|
display: inline-block;
|
|
951
988
|
position: relative;
|
|
@@ -953,7 +990,7 @@ to {
|
|
|
953
990
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
954
991
|
vertical-align: middle;
|
|
955
992
|
user-select: none;
|
|
956
|
-
`,
|
|
993
|
+
`,po=$`
|
|
957
994
|
appearance: none;
|
|
958
995
|
border-radius: var(--rounded-full);
|
|
959
996
|
background-color: var(--white);
|
|
@@ -990,14 +1027,14 @@ to {
|
|
|
990
1027
|
&:disabled {
|
|
991
1028
|
cursor: not-allowed;
|
|
992
1029
|
}
|
|
993
|
-
`,
|
|
1030
|
+
`,mo=$`
|
|
994
1031
|
opacity: var(--opacity-50);
|
|
995
1032
|
cursor: not-allowed;
|
|
996
1033
|
|
|
997
1034
|
& > :before {
|
|
998
1035
|
cursor: not-allowed;
|
|
999
1036
|
}
|
|
1000
|
-
`,
|
|
1037
|
+
`,uo=$`
|
|
1001
1038
|
align-items: center;
|
|
1002
1039
|
color: var(--brand-secondary-1);
|
|
1003
1040
|
display: inline-flex;
|
|
@@ -1018,29 +1055,29 @@ to {
|
|
|
1018
1055
|
left: 0;
|
|
1019
1056
|
top: 0;
|
|
1020
1057
|
}
|
|
1021
|
-
`,
|
|
1058
|
+
`,go=$`
|
|
1022
1059
|
color: var(--gray-500);
|
|
1023
1060
|
font-size: var(--fs-sm);
|
|
1024
1061
|
padding-inline: var(--spacing-2xl) 0;
|
|
1025
|
-
`;var
|
|
1062
|
+
`;var bs=j.forwardRef(({label:e,infoText:o,toggleText:r,children:n,...a},i)=>{let s=o;return o&&r&&(s=a.checked?r:o),t(j.Fragment,null,t("label",{css:[co,a.disabled?mo:void 0]},t("input",{type:"checkbox",css:po,...a,ref:i}),t("span",{css:uo},e)),s?t("p",{css:go},s):null,n)});import*as S from"react";import{css as W}from"@emotion/react";var bo=W`
|
|
1026
1063
|
border-bottom: 1px solid var(--gray-400);
|
|
1027
1064
|
border-collapse: collapse;
|
|
1028
1065
|
min-width: 100%;
|
|
1029
1066
|
table-layout: auto;
|
|
1030
|
-
`,
|
|
1067
|
+
`,fo=W`
|
|
1031
1068
|
background: var(--gray-100);
|
|
1032
1069
|
color: var(--brand-secondary-1);
|
|
1033
1070
|
text-align: left;
|
|
1034
|
-
`,
|
|
1071
|
+
`,vo=W`
|
|
1035
1072
|
border-bottom: 1px solid var(--gray-200);
|
|
1036
|
-
`,
|
|
1073
|
+
`,ho=W`
|
|
1037
1074
|
font-size: var(--fs-sm);
|
|
1038
1075
|
padding: var(--spacing-base) var(--spacing-md);
|
|
1039
1076
|
text-transform: uppercase;
|
|
1040
1077
|
font-weight: var(--fw-bold);
|
|
1041
|
-
`,
|
|
1078
|
+
`,yo=W`
|
|
1042
1079
|
padding: var(--spacing-base) var(--spacing-md);
|
|
1043
|
-
`;var
|
|
1080
|
+
`;var hs=S.forwardRef(({children:e,...o},r)=>t("table",{ref:r,css:bo,...o},e)),ys=S.forwardRef(({children:e,...o},r)=>t("thead",{ref:r,css:fo,...o},e)),xs=S.forwardRef(({children:e,...o},r)=>t("tbody",{ref:r,...o},e)),ws=S.forwardRef(({children:e,...o},r)=>t("tfoot",{ref:r,...o},e)),Cs=S.forwardRef(({children:e,...o},r)=>t("tr",{ref:r,css:vo,...o},e)),Ss=S.forwardRef(({children:e,...o},r)=>t("th",{ref:r,css:ho,...o},e)),Ps=S.forwardRef(({children:e,...o},r)=>t("td",{ref:r,css:yo,...o},e));import{CgMathPlus as Rr,CgAdd as Lr,CgAddR as Tr}from"react-icons/cg";import{css as ct}from"@emotion/react";var xo=ct`
|
|
1044
1081
|
align-items: center;
|
|
1045
1082
|
background: transparent;
|
|
1046
1083
|
border: none;
|
|
@@ -1061,46 +1098,101 @@ to {
|
|
|
1061
1098
|
&:hover svg {
|
|
1062
1099
|
box-shadow: var(--shadow-base);
|
|
1063
1100
|
}
|
|
1064
|
-
`,
|
|
1101
|
+
`,wo=e=>ct`
|
|
1065
1102
|
box-sizing: border-box;
|
|
1066
|
-
background: ${
|
|
1103
|
+
background: ${e?"var(--gray-300)":"var(--brand-secondary-3)"};
|
|
1067
1104
|
border-radius: var(--rounded-full);
|
|
1068
1105
|
color: var(--white);
|
|
1069
1106
|
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1070
|
-
`,
|
|
1107
|
+
`,pt=ct`
|
|
1071
1108
|
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
1072
|
-
`;var
|
|
1073
|
-
align-items: ${
|
|
1109
|
+
`;var Bs=({buttonText:e="Add Item",onButtonClick:o,disabled:r,icon:n="math-plus",...a})=>{let i={"math-plus":Rr,add:Lr,"add-r":Tr};return t("button",{type:"button",css:xo,onClick:o,title:e,disabled:r,...a},n==="math-plus"?t(g,{icon:i[n],iconColor:"currentColor",size:22,css:[pt,wo(r)]}):t(g,{icon:i[n],iconColor:"currentColor",size:22,css:pt}),e)};import{css as kr}from"@emotion/react";var Mr=e=>({auto:"auto",sm:"8rem",md:"16rem",lg:"20rem"})[e],Br=e=>({left:"flex-start",right:"flex-end",center:"center"})[e],Co=e=>kr`
|
|
1110
|
+
align-items: ${Br(e.textAlign)};
|
|
1074
1111
|
border: 2px dashed var(--gray-300);
|
|
1075
1112
|
border-radius: var(--rounded-base);
|
|
1076
|
-
background: ${
|
|
1113
|
+
background: ${e.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
1077
1114
|
display: flex;
|
|
1078
1115
|
flex-flow: column wrap;
|
|
1079
|
-
justify-content: ${
|
|
1080
|
-
text-align: ${
|
|
1116
|
+
justify-content: ${e.textAlign};
|
|
1117
|
+
text-align: ${e.textAlign};
|
|
1081
1118
|
padding: var(--spacing-lg);
|
|
1082
1119
|
will-change: auto;
|
|
1083
|
-
min-height: ${
|
|
1084
|
-
`;var
|
|
1120
|
+
min-height: ${Mr(e.boxHeight)};
|
|
1121
|
+
`;var Ds=({bgColor:e="transparent",textAlign:o="center",boxHeight:r="md",children:n,...a})=>t("div",{css:Co({bgColor:e,boxHeight:r,textAlign:o}),...a},n);import{css as L}from"@emotion/react";var So=L`
|
|
1085
1122
|
margin-block: var(--spacing-sm);
|
|
1086
|
-
`,
|
|
1123
|
+
`,Po=L`
|
|
1087
1124
|
background: var(--gray-100);
|
|
1088
1125
|
margin-top: var(--spacing-sm);
|
|
1089
1126
|
position: relative;
|
|
1090
1127
|
overflow: hidden;
|
|
1091
1128
|
height: 0.25rem;
|
|
1092
|
-
`,
|
|
1129
|
+
`,Io=L`
|
|
1093
1130
|
position: absolute;
|
|
1094
1131
|
inset: 0;
|
|
1095
1132
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1096
|
-
`,
|
|
1133
|
+
`,Ro=L`
|
|
1097
1134
|
display: flex;
|
|
1098
1135
|
justify-content: space-between;
|
|
1099
1136
|
font-weight: var(--fw-bold);
|
|
1100
|
-
`,
|
|
1137
|
+
`,dt=L`
|
|
1101
1138
|
font-size: var(--fs-baase);
|
|
1102
|
-
`,
|
|
1103
|
-
background: ${
|
|
1104
|
-
`,
|
|
1105
|
-
color: ${
|
|
1106
|
-
`;var
|
|
1139
|
+
`,Lo=e=>L`
|
|
1140
|
+
background: ${e};
|
|
1141
|
+
`,To=e=>L`
|
|
1142
|
+
color: ${e};
|
|
1143
|
+
`;var Ws=({current:e,max:o,label:r})=>{let a=Math.ceil(e/o*100),i={base:"var(--gray-400)",warn:"#facc15",danger:"var(--brand-secondary-5)"},s=a===100?i.danger:a>=75?i.warn:i.base;return t("div",{css:So},t("div",{css:Ro},t("span",{css:dt},r),t("span",{css:[dt,To(s)]},e," of ",o)),t("div",{role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":o,"aria-valuetext":`${e} of ${o}`,css:Po},t("span",{role:"presentation",css:[Io,Lo(s)],style:{transform:`translateX(${a-100}%)`}})))};import{CgClose as zr}from"react-icons/cg";import{css as F}from"@emotion/react";var ko=F`
|
|
1144
|
+
background: var(--brand-primary-1);
|
|
1145
|
+
border-radius: var(--rounded-2xl);
|
|
1146
|
+
color: var(--white);
|
|
1147
|
+
padding: var(--spacing-md) var(--spacing-2xl) var(--spacing-md) var(--spacing-md);
|
|
1148
|
+
width: 325px;
|
|
1149
|
+
position: absolute;
|
|
1150
|
+
|
|
1151
|
+
&:before {
|
|
1152
|
+
content: '';
|
|
1153
|
+
display: block;
|
|
1154
|
+
width: 0;
|
|
1155
|
+
height: 0;
|
|
1156
|
+
position: absolute;
|
|
1157
|
+
}
|
|
1158
|
+
`,Hr=e=>({"bottom-left":`
|
|
1159
|
+
border-top: 12px solid var(--brand-primary-1);
|
|
1160
|
+
left: 1.25rem;
|
|
1161
|
+
bottom: -1.5rem;`,"bottom-right":`
|
|
1162
|
+
border-top: 12px solid var(--brand-primary-1);
|
|
1163
|
+
right: 1.25rem;
|
|
1164
|
+
bottom: -1.5rem;`,"left-bottom":`
|
|
1165
|
+
border-right: 12px solid var(--brand-primary-1);
|
|
1166
|
+
left: -1.5rem;
|
|
1167
|
+
bottom: 1.25rem;`,"left-top":`
|
|
1168
|
+
border-right: 12px solid var(--brand-primary-1);
|
|
1169
|
+
left: -1.5rem;
|
|
1170
|
+
top: 1.25rem;`,"right-bottom":`
|
|
1171
|
+
border-left: 12px solid var(--brand-primary-1);
|
|
1172
|
+
right: -1.5rem;
|
|
1173
|
+
bottom: 1.25rem;`,"right-top":`
|
|
1174
|
+
border-left: 12px solid var(--brand-primary-1);
|
|
1175
|
+
right: -1.5rem;
|
|
1176
|
+
top: 1.25rem;`,"top-left":`
|
|
1177
|
+
border-bottom: 12px solid var(--brand-primary-1);
|
|
1178
|
+
left: 1.25rem;
|
|
1179
|
+
top: -1.5rem;`,"top-right":`
|
|
1180
|
+
border-bottom: 12px solid var(--brand-primary-1);
|
|
1181
|
+
right: 1.25rem;
|
|
1182
|
+
top: -1.5rem;`})[e],Mo=e=>F`
|
|
1183
|
+
&:before {
|
|
1184
|
+
border: 12px solid transparent;
|
|
1185
|
+
${Hr(e)}
|
|
1186
|
+
}
|
|
1187
|
+
`,Bo=F`
|
|
1188
|
+
background: none;
|
|
1189
|
+
border: none;
|
|
1190
|
+
padding: 0;
|
|
1191
|
+
position: absolute;
|
|
1192
|
+
top: var(--spacing-sm);
|
|
1193
|
+
right: var(--spacing-sm);
|
|
1194
|
+
`,Ho=F`
|
|
1195
|
+
margin: 0;
|
|
1196
|
+
`,zo=F`
|
|
1197
|
+
margin: 0;
|
|
1198
|
+
`;var _s=({id:e,title:o,text:r,arrowPosition:n="left-top",...a})=>t("div",{role:"alert",id:e,css:[ko,Mo(n)]},t("button",{type:"button","aria-controls":e,title:"close alert",css:Bo,...a},t(g,{icon:zr,iconColor:"currentColor",size:24})),t(_,{level:3,css:Ho},o),t("p",{css:zo},r));export{ps as AddButton,Bs as AddListButton,rn as Button,Yi as ButtonWithMenu,Da as Callout,x as Caption,Ds as DashedBox,w as ErrorMessage,_ as Heading,g as Icon,cn as IconsProvider,_s as InlineAlert,Dt as Input,An as InputComboBox,Un as InputInlineSelect,_n as InputKeywordSearch,ea as InputSelect,ia as InputToggle,B as Label,Ws as LimitsBar,yi as Link,pr as LoadingIcon,Wa as LoadingIndicator,Ya as LoadingOverlay,Yt as Menu,Ut as MenuContext,La as MenuItem,mi as PageHeaderSection,oi as Paragraph,Ri as ScrollableList,Gi as ScrollableListItem,os as ShortcutContext,so as ShortcutRevealer,bs as Switch,hs as Table,xs as TableBody,Ps as TableCellData,Ss as TableCellHead,ws as TableFoot,ys as TableHead,Cs as TableRow,da as Textarea,Vr as Theme,Yr as UniformBadge,qr as UniformLogo,Ao as breakpoints,M as input,P as inputError,et as inputSelect,h as labelText,T as mq,ot as scrollbarStyles,Tt as useIconContext,Kt as useMenuContext};
|