@uniformdev/design-system 16.1.1-alpha.139 → 16.1.1-alpha.238
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 +184 -120
- package/dist/index.d.ts +57 -3
- package/dist/index.js +183 -119
- package/package.json +5 -5
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e}from"@emotion/react";import*as l from"react";import
|
|
1
|
+
import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"react";var mr=({disableReset:t=!1})=>e(vo.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"}),t?null:e("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
|
`}}),e("style",{dangerouslySetInnerHTML:{__html:`
|
|
4
4
|
:root {
|
|
@@ -145,14 +145,22 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
145
145
|
pre {
|
|
146
146
|
white-space: pre;
|
|
147
147
|
}
|
|
148
|
-
|
|
148
|
+
|
|
149
|
+
*:where(ul, ol) {
|
|
150
|
+
all: unset;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
ul, ol {
|
|
154
|
+
list-style: none;
|
|
155
|
+
}
|
|
156
|
+
`}}));var ho={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},ne=t=>`@media (min-width: ${ho[t]})`;import{css as b}from"@emotion/react";var L=b`
|
|
149
157
|
position: relative;
|
|
150
|
-
`,v=
|
|
158
|
+
`,v=b`
|
|
151
159
|
display: flex;
|
|
152
160
|
font-weight: var(--fw-bold);
|
|
153
161
|
margin: 0 0 var(--spacing-xs);
|
|
154
162
|
align-items: center;
|
|
155
|
-
`,T=
|
|
163
|
+
`,T=b`
|
|
156
164
|
appearance: none;
|
|
157
165
|
background-color: var(--white);
|
|
158
166
|
border: 1px solid var(--gray-400);
|
|
@@ -182,27 +190,27 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
182
190
|
color: var(--gray-300);
|
|
183
191
|
border-color: var(--gray-300);
|
|
184
192
|
}
|
|
185
|
-
`,I=
|
|
193
|
+
`,I=b`
|
|
186
194
|
border-color: var(--brand-secondary-5);
|
|
187
|
-
`,
|
|
195
|
+
`,V=b`
|
|
188
196
|
align-items: center;
|
|
189
197
|
display: flex;
|
|
190
198
|
position: absolute;
|
|
191
199
|
inset: 0 var(--spacing-base) 0 auto;
|
|
192
200
|
pointer-event: one;
|
|
193
|
-
`,
|
|
201
|
+
`,G=b`
|
|
194
202
|
padding-right: var(--spacing-2xl);
|
|
195
|
-
`,
|
|
203
|
+
`,_=b`
|
|
196
204
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
|
|
197
205
|
background-position: right var(--spacing-sm) center;
|
|
198
206
|
background-repeat: no-repeat;
|
|
199
207
|
background-size: 1rem;
|
|
200
208
|
padding-right: var(--spacing-xl);
|
|
201
|
-
`,
|
|
209
|
+
`,ae=b`
|
|
202
210
|
color: var(--brand-secondary-1);
|
|
203
211
|
height: 1.25rem;
|
|
204
212
|
width: 1.25rem;
|
|
205
|
-
`,
|
|
213
|
+
`,ie=b`
|
|
206
214
|
align-items: center;
|
|
207
215
|
cursor: pointer;
|
|
208
216
|
display: inline-flex;
|
|
@@ -210,7 +218,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
210
218
|
margin: var(--spacing-sm) 0;
|
|
211
219
|
flex-wrap: wrap;
|
|
212
220
|
font-weight: var(--fw-regular);
|
|
213
|
-
`,
|
|
221
|
+
`,se=b`
|
|
214
222
|
border: 1px solid var(--brand-secondary-1);
|
|
215
223
|
background: var(--white);
|
|
216
224
|
width: var(--spacing-md);
|
|
@@ -241,21 +249,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
241
249
|
color: var(--gray-300);
|
|
242
250
|
border-color: var(--gray-300);
|
|
243
251
|
}
|
|
244
|
-
`,
|
|
252
|
+
`,le=b`
|
|
245
253
|
font-weight: var(--fw-medium);
|
|
246
|
-
`,
|
|
254
|
+
`,ce=b`
|
|
247
255
|
cursor: not-allowed;
|
|
248
256
|
color: var(--gray-400);
|
|
249
|
-
`,
|
|
257
|
+
`,pe=b`
|
|
250
258
|
display: flex;
|
|
251
259
|
flex-direction: column;
|
|
252
260
|
flex-basis: 100%;
|
|
253
261
|
padding-left: var(--spacing-lg);
|
|
254
262
|
margin-top: -0.5rem;
|
|
255
263
|
line-height: 1.15;
|
|
256
|
-
`,
|
|
264
|
+
`,de=b`
|
|
257
265
|
${T}
|
|
258
|
-
`;import{css as
|
|
266
|
+
`;import{css as yo}from"@emotion/react";var q=yo`
|
|
259
267
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
260
268
|
/*
|
|
261
269
|
#d1d5db = bg-gray-300
|
|
@@ -281,15 +289,15 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
281
289
|
&::-webkit-scrollbar-thumb:hover {
|
|
282
290
|
background: var(--gray-500);
|
|
283
291
|
}
|
|
284
|
-
`;import{css as
|
|
292
|
+
`;import{css as J}from"@emotion/react";var W=J`
|
|
285
293
|
display: block;
|
|
286
|
-
`,
|
|
294
|
+
`,Z=J`
|
|
287
295
|
background: transparent;
|
|
288
296
|
color: var(--brand-secondary-1);
|
|
289
|
-
`,
|
|
297
|
+
`,F=J`
|
|
290
298
|
background: var(--brand-secondary-1);
|
|
291
299
|
color: var(--white);
|
|
292
|
-
`;var
|
|
300
|
+
`;var Sr=({theme:t="light",...o})=>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:[W,t==="dark"?F:Z],...o},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 Lr=({theme:t="light",...o})=>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:[W,t==="dark"?F:Z],...o},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 he from"react";import{Button as xo}from"reakit/Button";import{css as P}from"@emotion/react";var ue=P`
|
|
293
301
|
align-items: center;
|
|
294
302
|
border: 1px solid transparent;
|
|
295
303
|
cursor: pointer;
|
|
@@ -313,7 +321,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
313
321
|
&:disabled {
|
|
314
322
|
cursor: not-allowed;
|
|
315
323
|
}
|
|
316
|
-
`,
|
|
324
|
+
`,me=P`
|
|
317
325
|
background: var(--brand-secondary-1);
|
|
318
326
|
color: var(--white);
|
|
319
327
|
|
|
@@ -321,7 +329,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
321
329
|
background: var(--gray-500);
|
|
322
330
|
color: var(--white);
|
|
323
331
|
}
|
|
324
|
-
`,
|
|
332
|
+
`,ge=P`
|
|
325
333
|
background: var(--brand-secondary-5);
|
|
326
334
|
color: var(--white);
|
|
327
335
|
|
|
@@ -329,7 +337,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
329
337
|
background: var(--gray-500);
|
|
330
338
|
color: var(--white);
|
|
331
339
|
}
|
|
332
|
-
`,
|
|
340
|
+
`,be=P`
|
|
333
341
|
background: var(--brand-secondary-2);
|
|
334
342
|
color: var(--brand-secondary-1);
|
|
335
343
|
|
|
@@ -337,7 +345,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
337
345
|
background: var(--brand-secondary-2);
|
|
338
346
|
color: var(--gray-400);
|
|
339
347
|
}
|
|
340
|
-
`,
|
|
348
|
+
`,fe=P`
|
|
341
349
|
background: transparent;
|
|
342
350
|
color: var(--brand-secondary-3);
|
|
343
351
|
|
|
@@ -350,7 +358,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
350
358
|
border-color: var(--gray-400);
|
|
351
359
|
color: var(--gray-400);
|
|
352
360
|
}
|
|
353
|
-
`,
|
|
361
|
+
`,ve=P`
|
|
354
362
|
background: var(--brand-secondary-3);
|
|
355
363
|
color: var(--white);
|
|
356
364
|
|
|
@@ -358,10 +366,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
358
366
|
background: var(--gray-500);
|
|
359
367
|
color: var(--white);
|
|
360
368
|
}
|
|
361
|
-
`;var
|
|
369
|
+
`;var Hr=he.forwardRef(({buttonType:t="primary",size:o="md",children:r,...n},a)=>{let i={primary:me,secondary:ge,ghost:fe,unimportant:be,tertiary:ve},s={xs:"padding: 0.375rem 0.625rem; font-size: var(--fs-xs);",sm:"padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",md:"padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",lg:"padding: var(--spacing-sm) var(--spacing-base)",xl:"padding: 0.75rem var(--spacing-md)"};return e(xo,{ref:a,css:[ue,i[t],s[o]],...n},r)});import To from"react";import{createContext as wo,useContext as Co,useEffect as So,useState as ye}from"react";import{paramCase as Io}from"param-case";var xe=wo({iconsMap:{},isLoading:!0});function we(){return Co(xe)}function Vr({children:t}){let[o,r]=ye(!0),[n,a]=ye({});return So(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[d,m])=>{if(d==="default")return u;let g=Ro(d);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(xe.Provider,{value:{iconsMap:n,isLoading:o}},t)}function Ro(t){var o,r;return(r=(o=Io(t.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:o.join("-"))!=null?r:""}import{css as E}from"@emotion/react";var Ce=E`
|
|
362
370
|
display: hidden;
|
|
363
371
|
|
|
364
|
-
${
|
|
372
|
+
${ne("sm")} {
|
|
365
373
|
display: block;
|
|
366
374
|
}
|
|
367
375
|
|
|
@@ -369,30 +377,30 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
369
377
|
display: block;
|
|
370
378
|
vertical-align: middle;
|
|
371
379
|
}
|
|
372
|
-
`,
|
|
380
|
+
`,Se=E`
|
|
373
381
|
color: var(--brand-secondary-3);
|
|
374
|
-
`,
|
|
382
|
+
`,Ie=E`
|
|
375
383
|
color: var(--brand-secondary-5);
|
|
376
|
-
`,
|
|
384
|
+
`,Re=E`
|
|
377
385
|
color: var(--gray-500);
|
|
378
|
-
`,
|
|
386
|
+
`,Le=E`
|
|
379
387
|
color: currentColor;
|
|
380
|
-
`;var
|
|
388
|
+
`;var Po=({icon:t,iconColor:o="green",size:r="1.5rem",...n})=>{let a=typeof t=="string",{iconsMap:i,isLoading:s}=we(),u={green:Se,gray:Re,red:Ie,currentColor:Le};if(a&&s)return null;let d=a?i[t]:t;return a&&d===void 0?(console.error(`We don't seem to have the icon you're looking for ("${t}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(d,{role:"img",size:r,...n,css:[Ce,u[o]]})},h=To.memo(Po);import{css as Mo}from"@emotion/react";var Te=Mo`
|
|
381
389
|
color: var(--gray-500);
|
|
382
390
|
display: block;
|
|
383
391
|
font-size: var(--fs-sm);
|
|
384
392
|
margin: var(--spacing-xs) 0;
|
|
385
393
|
max-width: var(--prose);
|
|
386
|
-
`;var x=({children:
|
|
394
|
+
`;var x=({children:t,testId:o})=>e("small",{css:Te,"data-test-id":o},t);import{MdWarning as Bo}from"react-icons/md";import{css as ko}from"@emotion/react";var Pe=ko`
|
|
387
395
|
align-items: center;
|
|
388
396
|
color: var(--brand-secondary-5);
|
|
389
397
|
display: flex;
|
|
390
398
|
gap: var(--spacing-sm);
|
|
391
399
|
margin: var(--spacing-xs) 0;
|
|
392
|
-
`;var w=({message:
|
|
400
|
+
`;var w=({message:t,testId:o})=>t?e("span",{css:Pe,"data-test-id":o},e(h,{icon:Bo,size:16,iconColor:"currentColor"}),t):null;var M=({children:t,className:o,testId:r,...n})=>e("label",{css:[v,typeof o=="object"?o:void 0],className:typeof o=="string"?o:"","data-test-id":r,...n},t);var Me=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:d,captionTestId:m,classNameContainer:g,classNameControl:p,classNameLabel:f,...X})=>e("div",{"data-test-id":s},a?e(M,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},t):null,e("div",{css:[L,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[T,typeof p=="object"?p:void 0,i?I:void 0,o?G:""],"aria-label":a?void 0:t,className:typeof p=="string"?p:"",...X}),o?e("div",{css:V},o):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:d}):null);import zo from"react-select";function dn(t){return e(zo,{...t,classNamePrefix:"input-combobox",styles:{...t.styles,singleValue:(o,r)=>{var n,a;return{...o,color:"#828282",...(a=(n=t.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=t.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=t.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=t.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=t.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=t.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=t.styles)==null?void 0:n.option)==null?void 0:a.call(n,o,r)}}}})}import{css as Ho}from"@emotion/react";import*as Ae from"react";import{useState as Eo,useRef as Ao}from"react";import{css as A}from"@emotion/react";var ke=A`
|
|
393
401
|
margin-inline: auto;
|
|
394
402
|
max-width: fit-content;
|
|
395
|
-
`,
|
|
403
|
+
`,Be=A`
|
|
396
404
|
align-items: center;
|
|
397
405
|
background: var(--brand-secondary-3);
|
|
398
406
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -415,7 +423,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
415
423
|
&:focus {
|
|
416
424
|
outline: 2px solid var(--brand-secondary-1);
|
|
417
425
|
}
|
|
418
|
-
`,
|
|
426
|
+
`,ze=A`
|
|
419
427
|
background: var(--white);
|
|
420
428
|
border: 1px solid var(--brand-secondary-3);
|
|
421
429
|
border-top: none;
|
|
@@ -425,7 +433,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
425
433
|
position: absolute;
|
|
426
434
|
inset: auto 0;
|
|
427
435
|
transform: translateY(-0.2rem);
|
|
428
|
-
`,
|
|
436
|
+
`,He=A`
|
|
429
437
|
cursor: pointer;
|
|
430
438
|
display: block;
|
|
431
439
|
font-size: var(--fs-sm);
|
|
@@ -440,23 +448,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
440
448
|
&:hover {
|
|
441
449
|
background: var(--gray-50);
|
|
442
450
|
}
|
|
443
|
-
`,
|
|
451
|
+
`,Ee=A`
|
|
444
452
|
position: absolute;
|
|
445
453
|
overflow: hidden;
|
|
446
454
|
height: 1px;
|
|
447
455
|
width: 1px;
|
|
448
456
|
clip: rect(0, 0, 0, 0);
|
|
449
457
|
padding: 0;
|
|
450
|
-
`;import{CgChevronDown as
|
|
458
|
+
`;import{CgChevronDown as Do}from"react-icons/cg";var wn=({classNameContainer:t,options:o,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Eo(!1),d=Ao(null);Ae.useEffect(()=>{let p=f=>{d.current&&!d.current.contains(f.target)&&u(!1)};return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[d]);let m=o.find(p=>p.value===r);return e("div",{ref:d,css:t?Ho`
|
|
451
459
|
max-width: fit-content;
|
|
452
|
-
${typeof
|
|
453
|
-
`:ke,className:typeof
|
|
460
|
+
${typeof t=="object"?t:void 0}
|
|
461
|
+
`:ke,className:typeof t=="string"?t:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Be,onClick:()=>{a||u(p=>!p)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(h,{icon:Do,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[ze,s?void 0:Ee],"aria-hidden":!s},o.map(p=>e("button",{key:p.value,type:"button",css:He,onClick:()=>{n(p),u(f=>!f)}},p.label))))};var Rn=({onSearchTextChanged:t,disabled:o=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>e(Me,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:ae},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:m=>{t(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:o,"aria-label":r,...s});var Bn=({label:t,defaultOption:o,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:d,classNameLabel:m,...g})=>e("div",{css:[L,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(M,{htmlFor:g.id,css:[v,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},t,s)):null,e("select",{title:t,"aria-label":i?void 0:t,css:[T,_,a?I:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...g},o?e("option",{value:""},o):null,r.map((p,f)=>e("option",{key:f,value:p.label,...p}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var Dn=({label:t,type:o,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(M,{css:[ie,r?ce:void 0]},e("input",{type:o,css:se,checked:n,name:a,disabled:r,...u}),e("span",{css:le},t),i||s?e("span",{css:pe},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as De from"react";var Zn=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(De.Fragment,null,a?e("label",{htmlFor:r,css:[v]},t):null,e("div",{css:[L]},e("textarea",{id:r,css:[de,i?I:void 0,o?G:""],"aria-label":a?void 0:t,...s}),o?e("div",{css:V},o):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as k from"react";import{useMenuState as Vo,Menu as Go,MenuButton as Wo}from"reakit/Menu";import{css as Oo}from"@emotion/react";var Oe=Oo`
|
|
454
462
|
border: 1px solid var(--gray-500);
|
|
455
463
|
border-radius: var(--rounded-base);
|
|
456
464
|
outline: none;
|
|
457
465
|
overflow: hidden;
|
|
458
466
|
z-index: 50;
|
|
459
|
-
`;var Ve=
|
|
467
|
+
`;var Ve=k.createContext({}),Ge=()=>k.useContext(Ve),We=({menuLabel:t,menuTrigger:o,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Vo({placement:r});return e(Ve.Provider,{value:i},e(Wo,{...i,ref:o.ref,...o.props},s=>k.cloneElement(o,s)),e(Go,{...i,"aria-label":t,css:[Oe,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Ne from"react";import{MenuItem as Zo}from"reakit";import{css as Ze}from"@emotion/react";var Fe=Ze`
|
|
460
468
|
background: var(--white);
|
|
461
469
|
border: none;
|
|
462
470
|
border-top: 1px solid var(--gray-500);
|
|
@@ -482,7 +490,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
482
490
|
&:hover {
|
|
483
491
|
background: var(--gray-200);
|
|
484
492
|
}
|
|
485
|
-
|
|
493
|
+
`,$e=Ze`
|
|
486
494
|
align-items: center;
|
|
487
495
|
display: flex;
|
|
488
496
|
justify-content: space-between;
|
|
@@ -493,7 +501,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
493
501
|
width: var(--spacing-base);
|
|
494
502
|
height: var(--spacing-base);
|
|
495
503
|
}
|
|
496
|
-
`;var
|
|
504
|
+
`;var ra=Ne.forwardRef(({children:t,className:o,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ge(),d=r?(g=>{let p={...g};if(p.onClick){let f=p.onClick;p.onClick=X=>{s.hide(),f(X)}}return p})(a):a,m=typeof t=="function"?t(d):t;return e(Zo,{ref:i,"data-testid":"uniform-menuItem",...s,...d,css:[Fe,typeof o=="object"?o:void 0],className:typeof o=="string"?o:void 0},n?Fo(m,n):m)});function Fo(t,o){return e("span",{css:$e},t," ",o)}import{css as c}from"@emotion/react";var Ue=({...t})=>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",...t},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"})),Ke=({...t})=>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",...t},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"})),Ye=({...t})=>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",...t},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"})),Xe=({...t})=>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",...t},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"})),Q=({...t})=>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",...t},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"})),_e=({...t})=>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",...t},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 B}from"@emotion/react";var qe=B`
|
|
497
505
|
--caution-desc: rgb(161, 98, 7);
|
|
498
506
|
--caution-icon: rgb(250, 204, 21);
|
|
499
507
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -521,21 +529,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
521
529
|
|
|
522
530
|
border-radius: var(--rounded-base);
|
|
523
531
|
padding: var(--spacing-base);
|
|
524
|
-
`,
|
|
532
|
+
`,Je=B`
|
|
525
533
|
display: flex;
|
|
526
534
|
gap: var(--spacing-base);
|
|
527
|
-
`,
|
|
535
|
+
`,Qe=B`
|
|
528
536
|
flex-shrink: 0;
|
|
529
|
-
`,
|
|
537
|
+
`,je=B`
|
|
530
538
|
font-size: var(--fs-sm);
|
|
531
539
|
font-weight: var(--fw-bold);
|
|
532
540
|
margin: 0 0 var(--spacing-sm);
|
|
533
|
-
`,
|
|
541
|
+
`,et=B`
|
|
534
542
|
font-size: var(--fs-sm);
|
|
535
|
-
`,
|
|
543
|
+
`,tt=B`
|
|
536
544
|
width: 1.25rem;
|
|
537
545
|
height: 1.25rem;
|
|
538
|
-
`;var
|
|
546
|
+
`;var $o={caution:{icon:Q,descriptionColor:c`
|
|
539
547
|
color: var(--caution-desc);
|
|
540
548
|
`,iconColor:c`
|
|
541
549
|
color: var(--caution-icon);
|
|
@@ -543,7 +551,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
543
551
|
color: var(--caution-title);
|
|
544
552
|
`,containerColor:c`
|
|
545
553
|
background-color: var(--caution-container);
|
|
546
|
-
`},danger:{icon:
|
|
554
|
+
`},danger:{icon:Ke,descriptionColor:c`
|
|
547
555
|
color: var(--danger-desc);
|
|
548
556
|
`,iconColor:c`
|
|
549
557
|
color: var(--danger-icon);
|
|
@@ -551,7 +559,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
551
559
|
color: var(--danger-title);
|
|
552
560
|
`,containerColor:c`
|
|
553
561
|
background-color: var(--danger-container);
|
|
554
|
-
`},error:{icon:
|
|
562
|
+
`},error:{icon:Q,descriptionColor:c`
|
|
555
563
|
color: var(--danger-desc);
|
|
556
564
|
`,iconColor:c`
|
|
557
565
|
color: var(--danger-icon);
|
|
@@ -559,7 +567,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
559
567
|
color: var(--danger-title);
|
|
560
568
|
`,containerColor:c`
|
|
561
569
|
background-color: var(--danger-container);
|
|
562
|
-
`},info:{icon:
|
|
570
|
+
`},info:{icon:Ue,descriptionColor:c`
|
|
563
571
|
color: var(--info-desc);
|
|
564
572
|
`,iconColor:c`
|
|
565
573
|
color: var(--info-icon);
|
|
@@ -567,7 +575,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
567
575
|
color: var(--info-title);
|
|
568
576
|
`,containerColor:c`
|
|
569
577
|
background-color: var(--info-container);
|
|
570
|
-
`},note:{icon
|
|
578
|
+
`},note:{icon:Ye,descriptionColor:c`
|
|
571
579
|
color: var(--note-desc);
|
|
572
580
|
`,iconColor:c`
|
|
573
581
|
color: var(--note-icon);
|
|
@@ -575,7 +583,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
575
583
|
color: var(--note-title);
|
|
576
584
|
`,containerColor:c`
|
|
577
585
|
background-color: var(--note-container);
|
|
578
|
-
`},success:{icon:
|
|
586
|
+
`},success:{icon:_e,descriptionColor:c`
|
|
579
587
|
color: var(--success-desc);
|
|
580
588
|
`,iconColor:c`
|
|
581
589
|
color: var(--success-icon);
|
|
@@ -583,7 +591,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
583
591
|
color: var(--success-title);
|
|
584
592
|
`,containerColor:c`
|
|
585
593
|
background-color: var(--success-container);
|
|
586
|
-
`},tip:{icon:
|
|
594
|
+
`},tip:{icon:Xe,descriptionColor:c`
|
|
587
595
|
color: var(--success-desc);
|
|
588
596
|
`,iconColor:c`
|
|
589
597
|
color: var(--success-icon);
|
|
@@ -591,7 +599,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
591
599
|
color: var(--success-title);
|
|
592
600
|
`,containerColor:c`
|
|
593
601
|
background-color: var(--success-container);
|
|
594
|
-
`}},
|
|
602
|
+
`}},ua=({type:t="info",title:o,children:r,className:n})=>{let a=$o[t];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[qe,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:Je},e("div",{css:Qe},e(i,{css:[tt,a.iconColor]})),e("div",null,o?e("h3",{css:[je,a.titleColor]},o):null,r?e("div",{css:[et,a.descriptionColor]},r):null)))};import{css as ot,keyframes as No}from"@emotion/react";var Uo=No`
|
|
595
603
|
0%, 100% {
|
|
596
604
|
opacity: 1.0;
|
|
597
605
|
transform: translateY(0);
|
|
@@ -607,14 +615,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
607
615
|
opacity: 0.2;
|
|
608
616
|
transform: translateY(-5px);
|
|
609
617
|
}
|
|
610
|
-
`,
|
|
618
|
+
`,rt=ot`
|
|
611
619
|
display: inline-flex;
|
|
612
620
|
justify-content: center;
|
|
613
|
-
|
|
621
|
+
`,$=ot`
|
|
614
622
|
background-color: var(--gray-700);
|
|
615
623
|
display: block;
|
|
616
624
|
border-radius: var(--rounded-full);
|
|
617
|
-
animation: ${
|
|
625
|
+
animation: ${Uo} 0.75s infinite ease-in-out;
|
|
618
626
|
width: 8px;
|
|
619
627
|
height: 8px;
|
|
620
628
|
margin: 0 var(--spacing-xs);
|
|
@@ -631,53 +639,53 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
631
639
|
&:nth-of-type(3) {
|
|
632
640
|
animation-delay: 0.6s;
|
|
633
641
|
}
|
|
634
|
-
`;var
|
|
642
|
+
`;var va=()=>e("div",{css:rt,role:"alert","data-test-id":"loading-indicator"},e("span",{css:$}),e("span",{css:$}),e("span",{css:$}));import{css as Ko}from"@emotion/react";import{css as z}from"@emotion/react";var nt=z`
|
|
635
643
|
align-items: center;
|
|
636
644
|
position: absolute;
|
|
637
645
|
inset: 0 0;
|
|
638
646
|
overflow: hidden;
|
|
639
647
|
z-index: 9999;
|
|
640
648
|
justify-content: center;
|
|
641
|
-
`,
|
|
649
|
+
`,at=z`
|
|
642
650
|
display: flex;
|
|
643
|
-
`,
|
|
651
|
+
`,it=z`
|
|
644
652
|
display: none;
|
|
645
|
-
`,
|
|
653
|
+
`,st=z`
|
|
646
654
|
background: var(--white);
|
|
647
655
|
opacity: 0.5;
|
|
648
656
|
position: absolute;
|
|
649
657
|
inset: 0 0;
|
|
650
|
-
`,
|
|
658
|
+
`,lt=z`
|
|
651
659
|
align-items: center;
|
|
652
660
|
display: flex;
|
|
653
661
|
flex-direction: column;
|
|
654
|
-
`,
|
|
662
|
+
`,ct=z`
|
|
655
663
|
color: var(--gray-500);
|
|
656
664
|
margin: var(--spacing-base) 0 0;
|
|
657
|
-
`;var
|
|
665
|
+
`;var Sa=({isActive:t,statusMessage:o})=>e("div",{role:"alert",css:[nt,t?at:it],"aria-hidden":!t},e("div",{css:st}),e("div",{css:Ko`
|
|
658
666
|
position: relative;
|
|
659
|
-
`},e("div",{css:
|
|
667
|
+
`},e("div",{css:lt},e(Yo,{height:128,width:128}),o?e("div",{css:ct},o):null))),Yo=({height:t,width:o})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:o!=null?o:40,height:t!=null?t:40,stroke:"currentColor"},e("g",{fill:"none",fillRule:"evenodd"},e("g",{transform:"translate(1 1)",strokeWidth:"2"},e("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),e("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));import{css as C}from"@emotion/react";var pt=C`
|
|
660
668
|
font-family: var(--ff-heading);
|
|
661
669
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
662
670
|
font-weight: var(--fw-bold);
|
|
663
671
|
margin-bottom: var(--spacing-base);
|
|
664
|
-
`,
|
|
672
|
+
`,dt=C`
|
|
665
673
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
666
|
-
`,
|
|
674
|
+
`,ut=C`
|
|
667
675
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
668
|
-
`,
|
|
676
|
+
`,mt=C`
|
|
669
677
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
670
|
-
`,
|
|
678
|
+
`,gt=C`
|
|
671
679
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
672
|
-
`,
|
|
680
|
+
`,bt=C`
|
|
673
681
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
674
|
-
`,
|
|
682
|
+
`,ft=C`
|
|
675
683
|
font-weight: var(--fw-bold);
|
|
676
684
|
font-family: var(--ff-base);
|
|
677
685
|
margin-bottom: var(--spacing-base);
|
|
678
|
-
`,
|
|
686
|
+
`,vt=C`
|
|
679
687
|
line-height: 1.35;
|
|
680
|
-
`;var
|
|
688
|
+
`;var Pa=({level:t=2,children:o,...r})=>{let n=`h${t}`,a={h1:pt,h2:dt,h3:ut,h4:mt,h5:gt,h6:bt},i=n.includes("h1")?void 0:ft;return e(n,{...r,css:[a[n],i,vt]},o)};import{css as Xo}from"@emotion/react";var ht=Xo`
|
|
681
689
|
font-size: var(--fs-base);
|
|
682
690
|
line-height: 1.5;
|
|
683
691
|
margin-bottom: var(--spacing-base);
|
|
@@ -685,31 +693,31 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
685
693
|
&:last-of-type {
|
|
686
694
|
margin-bottom: 0;
|
|
687
695
|
}
|
|
688
|
-
`;var
|
|
696
|
+
`;var Ha=({className:t,children:o,...r})=>e("p",{...r,css:[ht,typeof t=="object"?t:void 0],className:typeof t=="string"?t:""},o);import{css as N}from"@emotion/react";var yt=N`
|
|
689
697
|
display: inline-flex;
|
|
690
698
|
text-decoration: underline;
|
|
691
699
|
|
|
692
700
|
&:hover {
|
|
693
701
|
text-decoration: none;
|
|
694
702
|
}
|
|
695
|
-
`,
|
|
703
|
+
`,xt=N`
|
|
696
704
|
color: var(--brand-secondary-3);
|
|
697
|
-
`,
|
|
705
|
+
`,wt=N`
|
|
698
706
|
color: var(--brand-secondary-5);
|
|
699
|
-
`,
|
|
707
|
+
`,Ct=N`
|
|
700
708
|
color: currentColor;
|
|
701
|
-
`;import{CgExternal as
|
|
709
|
+
`;import{CgExternal as _o}from"react-icons/cg";var Wa=({external:t,text:o,linkColor:r="currentColor",...n})=>e("a",{css:[yt,{currentColor:Ct,red:wt,green:xt}[r]],...n},o,t?e(h,{icon:_o,iconColor:"currentColor",size:24}):null);import{css as qo}from"@emotion/react";import{css as St}from"@emotion/react";var It=St`
|
|
702
710
|
position: relative;
|
|
703
|
-
`,
|
|
711
|
+
`,Rt=St`
|
|
704
712
|
background: var(--gray-50);
|
|
705
713
|
border-top: 1px solid var(--gray-200);
|
|
706
714
|
border-bottom: 1px solid var(--gray-200);
|
|
707
715
|
max-height: 24rem;
|
|
708
716
|
overflow-y: auto;
|
|
709
717
|
padding: var(--spacing-sm);
|
|
710
|
-
`;var
|
|
718
|
+
`;var Ya=({label:t,children:o})=>e("div",{css:It},t?e("span",{css:qo`
|
|
711
719
|
${v}
|
|
712
|
-
`},
|
|
720
|
+
`},t):null,e("div",{css:[Rt,q]},o));import{css as j}from"@emotion/react";var Lt=j`
|
|
713
721
|
align-items: center;
|
|
714
722
|
background: var(--white);
|
|
715
723
|
border-radius: var(--rounded-base);
|
|
@@ -724,9 +732,9 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
724
732
|
&:last-of-type {
|
|
725
733
|
margin-block: 0;
|
|
726
734
|
}
|
|
727
|
-
`,
|
|
735
|
+
`,Tt=j`
|
|
728
736
|
border-color: var(--brand-secondary-3);
|
|
729
|
-
`,
|
|
737
|
+
`,Pt=j`
|
|
730
738
|
align-items: center;
|
|
731
739
|
display: flex;
|
|
732
740
|
justify-content: space-between;
|
|
@@ -736,7 +744,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
736
744
|
&:focus {
|
|
737
745
|
outline: none;
|
|
738
746
|
}
|
|
739
|
-
`;import{css as
|
|
747
|
+
`;import{css as kt}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Qa=U`
|
|
740
748
|
0%,
|
|
741
749
|
100% {
|
|
742
750
|
transform: scale(1);
|
|
@@ -746,7 +754,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
746
754
|
transform: scale(1.15);
|
|
747
755
|
opacity: 1;
|
|
748
756
|
}
|
|
749
|
-
`,
|
|
757
|
+
`,Mt=U`
|
|
750
758
|
0% {
|
|
751
759
|
opacity: 0;
|
|
752
760
|
transform: translateY(10px);
|
|
@@ -755,7 +763,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
755
763
|
opacity: 1;
|
|
756
764
|
transform: translateY(0);
|
|
757
765
|
}
|
|
758
|
-
`,
|
|
766
|
+
`,ja=U`
|
|
759
767
|
0% {
|
|
760
768
|
opacity: 1;
|
|
761
769
|
transform: translateY(0);
|
|
@@ -764,20 +772,20 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
764
772
|
opacity: 0;
|
|
765
773
|
transform: translateY(10px);
|
|
766
774
|
}
|
|
767
|
-
`,
|
|
775
|
+
`,ei=U`
|
|
768
776
|
0% {
|
|
769
777
|
opacity: 0;
|
|
770
778
|
}
|
|
771
779
|
100% {
|
|
772
780
|
opacity: 1;
|
|
773
781
|
}
|
|
774
|
-
`;var
|
|
782
|
+
`;var ai=({buttonText:t,active:o,...r})=>e("div",{css:[Lt,o?Tt: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:Pt,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...r},e("span",null,t),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!o,css:kt`
|
|
775
783
|
color: var(--brand-secondary-3);
|
|
776
784
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
777
|
-
${
|
|
778
|
-
animation: ${
|
|
785
|
+
${o?kt`
|
|
786
|
+
animation: ${Mt} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
779
787
|
`:"opacity: 0;"}
|
|
780
|
-
`},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));import{CgChevronDown as
|
|
788
|
+
`},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));import{CgChevronDown as Jo}from"react-icons/cg";import{css as y}from"@emotion/react";var Bt=y`
|
|
781
789
|
align-items: center;
|
|
782
790
|
border: 1px solid transparent;
|
|
783
791
|
color: var(--white);
|
|
@@ -796,58 +804,58 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
796
804
|
&:focus {
|
|
797
805
|
border-color: var(--gray-700);
|
|
798
806
|
}
|
|
799
|
-
`,
|
|
807
|
+
`,zt=y`
|
|
800
808
|
border: 1px solid transparent;
|
|
801
809
|
background: transparent;
|
|
802
810
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
803
811
|
font-weight: var(--fw-medium);
|
|
804
812
|
letter-spacing: 0.025rem;
|
|
805
813
|
line-height: 1.25;
|
|
806
|
-
`,
|
|
814
|
+
`,Ht=y`
|
|
807
815
|
padding: var(--spacing-sm);
|
|
808
816
|
border-left: 1px solid currentColor;
|
|
809
|
-
`,
|
|
817
|
+
`,Et=y`
|
|
810
818
|
background: var(--brand-secondary-1);
|
|
811
819
|
color: var(--white);
|
|
812
|
-
`,
|
|
820
|
+
`,At=y`
|
|
813
821
|
background: var(--gray-500);
|
|
814
822
|
color: var(--white);
|
|
815
|
-
`,
|
|
823
|
+
`,Dt=y`
|
|
816
824
|
background: var(--brand-secondary-5);
|
|
817
825
|
color: var(--white);
|
|
818
|
-
`,
|
|
826
|
+
`,Ot=y`
|
|
819
827
|
background: var(--gray-500);
|
|
820
828
|
color: var(--white);
|
|
821
|
-
`,
|
|
829
|
+
`,Vt=y`
|
|
822
830
|
background: var(--brand-secondary-2);
|
|
823
831
|
color: var(--brand-secondary-1);
|
|
824
|
-
`,
|
|
832
|
+
`,Gt=y`
|
|
825
833
|
background: var(--brand-secondary-2);
|
|
826
834
|
color: var(--gray-400);
|
|
827
|
-
`,
|
|
835
|
+
`,Wt=y`
|
|
828
836
|
background: transparent;
|
|
829
837
|
color: var(--brand-secondary-3);
|
|
830
838
|
|
|
831
839
|
&:hover {
|
|
832
840
|
border-color: var(--brand-secondary-3);
|
|
833
841
|
}
|
|
834
|
-
`,
|
|
842
|
+
`,Zt=y`
|
|
835
843
|
background: transparent;
|
|
836
844
|
border-color: var(--gray-400);
|
|
837
845
|
color: var(--gray-400);
|
|
838
|
-
`;var
|
|
846
|
+
`;var mi=({onButtonClick:t,buttonType:o="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Bt,n?{primary:At,secondary:Ot,ghost:Zt,unimportant:Gt}[o]:{primary:Et,secondary:Dt,ghost:Wt,unimportant:Vt}[o]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:zt,disabled:n,onClick:t,"data-test-id":"multioptions-button-main",...s},r),e(We,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:Ht,"data-test-id":"multioptions-button-call-menu"},e(h,{icon:Jo,size:24,iconColor:"currentColor"}))},a));import{css as ar}from"@emotion/react";import jo,{useContext as er,useEffect as tr,useState as or}from"react";import{css as ee}from"@emotion/react";var Ft=ee`
|
|
839
847
|
position: absolute;
|
|
840
|
-
|
|
848
|
+
`,$t=ee`
|
|
841
849
|
display: flex;
|
|
842
850
|
gap: var(--spacing-sm);
|
|
843
851
|
font-size: var(--fs-xs);
|
|
844
|
-
`,
|
|
852
|
+
`,Nt=ee`
|
|
845
853
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
846
854
|
border-radius: var(--rounded-base);
|
|
847
855
|
border: 1px solid var(--gray-600);
|
|
848
856
|
box-shadow: var(--shadow-base);
|
|
849
857
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
850
|
-
`;import{useHotkeys as
|
|
858
|
+
`;import{useHotkeys as Qo}from"react-hotkeys-hook";var H=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function te(t){return t===null?null:t.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function K({handler:t,shortcut:o,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=H&&r?r:o;H&&!r&&(i=te(o)),Qo(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),t(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[t,n])}var Ut=!1,Kt=jo.createContext(!1),oe=["ctrl+F1","option+shift+/"];function Ci({children:t}){let[o,r]=or(!1);return tr(()=>{Ut||(Ut=!0,console.log(`Type ${Yt(H?oe[1]:oe[0])} to show keyboard shortcuts`))},[]),K({shortcut:oe.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e(Kt.Provider,{value:o},t)}function Yt(t){return t.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Xt({shortcut:t,macShortcut:o,className:r}){if(!er(Kt)||!t.includes("+")&&t.length>1)return null;let a=H&&o?o:t;H&&!o&&(a=te(t));let i=Yt(a);return e("div",{css:[Ft,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(rr,{shortcut:i}))}function rr({shortcut:t}){let o=t.split("+");return e("div",{css:$t},o.map(r=>e("span",{key:r,css:Nt},r.toUpperCase())))}import{css as nr}from"@emotion/react";var _t=nr`
|
|
851
859
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
852
860
|
align-items: center;
|
|
853
861
|
box-shadow: var(--shadow-base);
|
|
@@ -869,10 +877,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
869
877
|
& svg {
|
|
870
878
|
color: var(--brand-secondary-5);
|
|
871
879
|
}
|
|
872
|
-
`;var
|
|
880
|
+
`;var ki=({buttonText:t="Add",onClick:o,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(K({shortcut:r,macShortcut:n,handler:o,activeWhenEditing:!0}),e("button",{type:"button","aria-label":t,"data-testid":"add-entry-button",onClick:o,css:_t,...a},r?e(Xt,{shortcut:r,css:ar`
|
|
873
881
|
top: -2rem;
|
|
874
882
|
left: -1.5rem;
|
|
875
|
-
`}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as
|
|
883
|
+
`}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as Y from"react";import{css as D}from"@emotion/react";var qt=D`
|
|
876
884
|
cursor: pointer;
|
|
877
885
|
display: inline-block;
|
|
878
886
|
position: relative;
|
|
@@ -880,7 +888,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
880
888
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
881
889
|
vertical-align: middle;
|
|
882
890
|
user-select: none;
|
|
883
|
-
`,
|
|
891
|
+
`,Jt=D`
|
|
884
892
|
appearance: none;
|
|
885
893
|
border-radius: var(--rounded-full);
|
|
886
894
|
background-color: var(--white);
|
|
@@ -917,14 +925,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
917
925
|
&:disabled {
|
|
918
926
|
cursor: not-allowed;
|
|
919
927
|
}
|
|
920
|
-
`,
|
|
928
|
+
`,Qt=D`
|
|
921
929
|
opacity: var(--opacity-50);
|
|
922
930
|
cursor: not-allowed;
|
|
923
931
|
|
|
924
932
|
& > :before {
|
|
925
933
|
cursor: not-allowed;
|
|
926
934
|
}
|
|
927
|
-
`,
|
|
935
|
+
`,jt=D`
|
|
928
936
|
align-items: center;
|
|
929
937
|
color: var(--brand-secondary-1);
|
|
930
938
|
display: inline-flex;
|
|
@@ -945,26 +953,82 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
945
953
|
left: 0;
|
|
946
954
|
top: 0;
|
|
947
955
|
}
|
|
948
|
-
`,
|
|
956
|
+
`,eo=D`
|
|
949
957
|
color: var(--gray-500);
|
|
950
958
|
font-size: var(--fs-sm);
|
|
951
959
|
padding-inline: var(--spacing-2xl) 0;
|
|
952
|
-
`;var
|
|
960
|
+
`;var Ai=Y.forwardRef(({label:t,infoText:o,toggleText:r,children:n,...a},i)=>{let s=o;return o&&r&&(s=a.checked?r:o),e(Y.Fragment,null,e("label",{css:[qt,a.disabled?Qt:void 0]},e("input",{type:"checkbox",css:Jt,...a,ref:i}),e("span",{css:jt},t)),s?e("p",{css:eo},s):null,n)});import*as S from"react";import{css as O}from"@emotion/react";var to=O`
|
|
953
961
|
border-bottom: 1px solid var(--gray-400);
|
|
954
962
|
border-collapse: collapse;
|
|
955
963
|
min-width: 100%;
|
|
956
964
|
table-layout: auto;
|
|
957
|
-
`,
|
|
965
|
+
`,oo=O`
|
|
958
966
|
background: var(--gray-100);
|
|
959
967
|
color: var(--brand-secondary-1);
|
|
960
968
|
text-align: left;
|
|
961
|
-
`,
|
|
969
|
+
`,ro=O`
|
|
962
970
|
border-bottom: 1px solid var(--gray-200);
|
|
963
|
-
`,
|
|
971
|
+
`,no=O`
|
|
964
972
|
font-size: var(--fs-sm);
|
|
965
973
|
padding: var(--spacing-base) var(--spacing-md);
|
|
966
974
|
text-transform: uppercase;
|
|
967
975
|
font-weight: var(--fw-bold);
|
|
968
|
-
`,
|
|
976
|
+
`,ao=O`
|
|
969
977
|
padding: var(--spacing-base) var(--spacing-md);
|
|
970
|
-
`;var
|
|
978
|
+
`;var Vi=S.forwardRef(({children:t,...o},r)=>e("table",{ref:r,css:to,...o},t)),Gi=S.forwardRef(({children:t,...o},r)=>e("thead",{ref:r,css:oo,...o},t)),Wi=S.forwardRef(({children:t,...o},r)=>e("tbody",{ref:r,...o},t)),Zi=S.forwardRef(({children:t,...o},r)=>e("tfoot",{ref:r,...o},t)),Fi=S.forwardRef(({children:t,...o},r)=>e("tr",{ref:r,css:ro,...o},t)),$i=S.forwardRef(({children:t,...o},r)=>e("th",{ref:r,css:no,...o},t)),Ni=S.forwardRef(({children:t,...o},r)=>e("td",{ref:r,css:ao,...o},t));import{css as io}from"@emotion/react";var so=io`
|
|
979
|
+
align-items: center;
|
|
980
|
+
background: transparent;
|
|
981
|
+
border: none;
|
|
982
|
+
color: var(--brand-secondary-3);
|
|
983
|
+
display: inline-flex;
|
|
984
|
+
gap: var(--spacing-sm);
|
|
985
|
+
font-size: var(--fs-base);
|
|
986
|
+
font-weight: var(--fw-bold);
|
|
987
|
+
padding: 0;
|
|
988
|
+
margin-block: var(--spacing-base);
|
|
989
|
+
|
|
990
|
+
&:disabled {
|
|
991
|
+
cursor: not-allowed;
|
|
992
|
+
color: var(--gray-500);
|
|
993
|
+
}
|
|
994
|
+
`,lo=t=>io`
|
|
995
|
+
box-sizing: border-box;
|
|
996
|
+
background: ${t?"var(--gray-500)":"var(--brand-secondary-3)"};
|
|
997
|
+
border-radius: var(--rounded-full);
|
|
998
|
+
color: var(--white);
|
|
999
|
+
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1000
|
+
`;var qi=({buttonText:t="Add Item",onButtonClick:o,disabled:r,icon:n="math-plus",...a})=>e("button",{type:"button",css:so,onClick:o,title:t,disabled:r,...a},n==="math-plus"?e(h,{icon:n,iconColor:"currentColor",size:22,css:lo(r)}):e(h,{icon:n,iconColor:"currentColor",size:22}),t);import{css as sr}from"@emotion/react";var lr=t=>({auto:"auto",sm:"8rem",md:"16rem",lg:"20rem"})[t],cr=t=>({left:"flex-start",right:"flex-end",center:"center"})[t],co=t=>sr`
|
|
1001
|
+
align-items: ${cr(t.textAlign)};
|
|
1002
|
+
border: 2px dashed var(--gray-300);
|
|
1003
|
+
border-radius: var(--rounded-base);
|
|
1004
|
+
background: ${t.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
1005
|
+
display: flex;
|
|
1006
|
+
flex-flow: column wrap;
|
|
1007
|
+
justify-content: ${t.textAlign};
|
|
1008
|
+
text-align: ${t.textAlign};
|
|
1009
|
+
padding: var(--spacing-lg);
|
|
1010
|
+
will-change: auto;
|
|
1011
|
+
min-height: ${lr(t.boxHeight)};
|
|
1012
|
+
`;var ts=({bgColor:t="transparent",textAlign:o="center",boxHeight:r="md",children:n,...a})=>e("div",{css:co({bgColor:t,boxHeight:r,textAlign:o}),...a},n);import{css as R}from"@emotion/react";var po=R`
|
|
1013
|
+
margin-block: var(--spacing-sm);
|
|
1014
|
+
`,uo=R`
|
|
1015
|
+
background: var(--gray-100);
|
|
1016
|
+
margin-top: var(--spacing-sm);
|
|
1017
|
+
position: relative;
|
|
1018
|
+
overflow: hidden;
|
|
1019
|
+
height: 0.25rem;
|
|
1020
|
+
`,mo=R`
|
|
1021
|
+
position: absolute;
|
|
1022
|
+
inset: 0;
|
|
1023
|
+
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1024
|
+
`,go=R`
|
|
1025
|
+
display: flex;
|
|
1026
|
+
justify-content: space-between;
|
|
1027
|
+
font-weight: var(--fw-bold);
|
|
1028
|
+
`,re=R`
|
|
1029
|
+
font-size: var(--fs-baase);
|
|
1030
|
+
`,bo=t=>R`
|
|
1031
|
+
background: ${t};
|
|
1032
|
+
`,fo=t=>R`
|
|
1033
|
+
color: ${t};
|
|
1034
|
+
`;var is=({current:t,max:o,label:r})=>{let a=Math.ceil(t/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 e("div",{css:po},e("div",{css:go},e("span",{css:re},r),e("span",{css:[re,fo(s)]},t," of ",o)),e("div",{role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":o,"aria-valuetext":`${t} of ${o}`,css:uo},e("span",{role:"presentation",css:[mo,bo(s)],style:{transform:`translateX(${a-100}%)`}})))};export{ki as AddButton,qi as AddListButton,Hr as Button,mi as ButtonWithMenu,ua as Callout,x as Caption,ts as DashedBox,w as ErrorMessage,Pa as Heading,h as Icon,Vr as IconsProvider,Me as Input,dn as InputComboBox,wn as InputInlineSelect,Rn as InputKeywordSearch,Bn as InputSelect,Dn as InputToggle,M as Label,is as LimitsBar,Wa as Link,Yo as LoadingIcon,va as LoadingIndicator,Sa as LoadingOverlay,We as Menu,Ve as MenuContext,ra as MenuItem,Ha as Paragraph,Ya as ScrollableList,ai as ScrollableListItem,Ci as ShortcutContext,Xt as ShortcutRevealer,Ai as Switch,Vi as Table,Wi as TableBody,Ni as TableCellData,$i as TableCellHead,Zi as TableFoot,Gi as TableHead,Fi as TableRow,Zn as Textarea,mr as Theme,Sr as UniformBadge,Lr as UniformLogo,ho as breakpoints,T as input,I as inputError,_ as inputSelect,v as labelText,ne as mq,q as scrollbarStyles,we as useIconContext,Ge as useMenuContext};
|