@uniformdev/design-system 16.1.1-alpha.145 → 16.1.1-alpha.281
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 +180 -121
- package/dist/index.d.ts +58 -4
- package/dist/index.js +176 -117
- 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 {
|
|
@@ -153,14 +153,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
153
153
|
ul, ol {
|
|
154
154
|
list-style: none;
|
|
155
155
|
}
|
|
156
|
-
`}}));var
|
|
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`
|
|
157
157
|
position: relative;
|
|
158
|
-
`,v=
|
|
158
|
+
`,v=b`
|
|
159
159
|
display: flex;
|
|
160
160
|
font-weight: var(--fw-bold);
|
|
161
161
|
margin: 0 0 var(--spacing-xs);
|
|
162
162
|
align-items: center;
|
|
163
|
-
`,T=
|
|
163
|
+
`,T=b`
|
|
164
164
|
appearance: none;
|
|
165
165
|
background-color: var(--white);
|
|
166
166
|
border: 1px solid var(--gray-400);
|
|
@@ -190,27 +190,27 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
190
190
|
color: var(--gray-300);
|
|
191
191
|
border-color: var(--gray-300);
|
|
192
192
|
}
|
|
193
|
-
`,I=
|
|
193
|
+
`,I=b`
|
|
194
194
|
border-color: var(--brand-secondary-5);
|
|
195
|
-
`,
|
|
195
|
+
`,V=b`
|
|
196
196
|
align-items: center;
|
|
197
197
|
display: flex;
|
|
198
198
|
position: absolute;
|
|
199
199
|
inset: 0 var(--spacing-base) 0 auto;
|
|
200
200
|
pointer-event: one;
|
|
201
|
-
`,
|
|
201
|
+
`,G=b`
|
|
202
202
|
padding-right: var(--spacing-2xl);
|
|
203
|
-
`,
|
|
203
|
+
`,_=b`
|
|
204
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");
|
|
205
205
|
background-position: right var(--spacing-sm) center;
|
|
206
206
|
background-repeat: no-repeat;
|
|
207
207
|
background-size: 1rem;
|
|
208
208
|
padding-right: var(--spacing-xl);
|
|
209
|
-
`,
|
|
209
|
+
`,ae=b`
|
|
210
210
|
color: var(--brand-secondary-1);
|
|
211
211
|
height: 1.25rem;
|
|
212
212
|
width: 1.25rem;
|
|
213
|
-
`,
|
|
213
|
+
`,ie=b`
|
|
214
214
|
align-items: center;
|
|
215
215
|
cursor: pointer;
|
|
216
216
|
display: inline-flex;
|
|
@@ -218,7 +218,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
218
218
|
margin: var(--spacing-sm) 0;
|
|
219
219
|
flex-wrap: wrap;
|
|
220
220
|
font-weight: var(--fw-regular);
|
|
221
|
-
`,
|
|
221
|
+
`,se=b`
|
|
222
222
|
border: 1px solid var(--brand-secondary-1);
|
|
223
223
|
background: var(--white);
|
|
224
224
|
width: var(--spacing-md);
|
|
@@ -249,21 +249,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
249
249
|
color: var(--gray-300);
|
|
250
250
|
border-color: var(--gray-300);
|
|
251
251
|
}
|
|
252
|
-
`,
|
|
252
|
+
`,le=b`
|
|
253
253
|
font-weight: var(--fw-medium);
|
|
254
|
-
`,
|
|
254
|
+
`,ce=b`
|
|
255
255
|
cursor: not-allowed;
|
|
256
256
|
color: var(--gray-400);
|
|
257
|
-
`,
|
|
257
|
+
`,pe=b`
|
|
258
258
|
display: flex;
|
|
259
259
|
flex-direction: column;
|
|
260
260
|
flex-basis: 100%;
|
|
261
261
|
padding-left: var(--spacing-lg);
|
|
262
262
|
margin-top: -0.5rem;
|
|
263
263
|
line-height: 1.15;
|
|
264
|
-
`,
|
|
264
|
+
`,de=b`
|
|
265
265
|
${T}
|
|
266
|
-
`;import{css as
|
|
266
|
+
`;import{css as yo}from"@emotion/react";var q=yo`
|
|
267
267
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
268
268
|
/*
|
|
269
269
|
#d1d5db = bg-gray-300
|
|
@@ -289,15 +289,15 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
289
289
|
&::-webkit-scrollbar-thumb:hover {
|
|
290
290
|
background: var(--gray-500);
|
|
291
291
|
}
|
|
292
|
-
`;import{css as
|
|
292
|
+
`;import{css as J}from"@emotion/react";var W=J`
|
|
293
293
|
display: block;
|
|
294
|
-
`,
|
|
294
|
+
`,Z=J`
|
|
295
295
|
background: transparent;
|
|
296
296
|
color: var(--brand-secondary-1);
|
|
297
|
-
`,
|
|
297
|
+
`,F=J`
|
|
298
298
|
background: var(--brand-secondary-1);
|
|
299
299
|
color: var(--white);
|
|
300
|
-
`;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`
|
|
301
301
|
align-items: center;
|
|
302
302
|
border: 1px solid transparent;
|
|
303
303
|
cursor: pointer;
|
|
@@ -321,7 +321,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
321
321
|
&:disabled {
|
|
322
322
|
cursor: not-allowed;
|
|
323
323
|
}
|
|
324
|
-
`,
|
|
324
|
+
`,me=P`
|
|
325
325
|
background: var(--brand-secondary-1);
|
|
326
326
|
color: var(--white);
|
|
327
327
|
|
|
@@ -329,7 +329,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
329
329
|
background: var(--gray-500);
|
|
330
330
|
color: var(--white);
|
|
331
331
|
}
|
|
332
|
-
`,
|
|
332
|
+
`,ge=P`
|
|
333
333
|
background: var(--brand-secondary-5);
|
|
334
334
|
color: var(--white);
|
|
335
335
|
|
|
@@ -337,7 +337,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
337
337
|
background: var(--gray-500);
|
|
338
338
|
color: var(--white);
|
|
339
339
|
}
|
|
340
|
-
`,
|
|
340
|
+
`,be=P`
|
|
341
341
|
background: var(--brand-secondary-2);
|
|
342
342
|
color: var(--brand-secondary-1);
|
|
343
343
|
|
|
@@ -345,7 +345,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
345
345
|
background: var(--brand-secondary-2);
|
|
346
346
|
color: var(--gray-400);
|
|
347
347
|
}
|
|
348
|
-
`,
|
|
348
|
+
`,fe=P`
|
|
349
349
|
background: transparent;
|
|
350
350
|
color: var(--brand-secondary-3);
|
|
351
351
|
|
|
@@ -358,7 +358,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
358
358
|
border-color: var(--gray-400);
|
|
359
359
|
color: var(--gray-400);
|
|
360
360
|
}
|
|
361
|
-
`,
|
|
361
|
+
`,ve=P`
|
|
362
362
|
background: var(--brand-secondary-3);
|
|
363
363
|
color: var(--white);
|
|
364
364
|
|
|
@@ -366,10 +366,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
366
366
|
background: var(--gray-500);
|
|
367
367
|
color: var(--white);
|
|
368
368
|
}
|
|
369
|
-
`;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`
|
|
370
370
|
display: hidden;
|
|
371
371
|
|
|
372
|
-
${
|
|
372
|
+
${ne("sm")} {
|
|
373
373
|
display: block;
|
|
374
374
|
}
|
|
375
375
|
|
|
@@ -377,30 +377,30 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
377
377
|
display: block;
|
|
378
378
|
vertical-align: middle;
|
|
379
379
|
}
|
|
380
|
-
`,
|
|
380
|
+
`,Se=E`
|
|
381
381
|
color: var(--brand-secondary-3);
|
|
382
|
-
`,
|
|
382
|
+
`,Ie=E`
|
|
383
383
|
color: var(--brand-secondary-5);
|
|
384
|
-
`,
|
|
384
|
+
`,Re=E`
|
|
385
385
|
color: var(--gray-500);
|
|
386
|
-
`,
|
|
386
|
+
`,Le=E`
|
|
387
387
|
color: currentColor;
|
|
388
|
-
`;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 ko}from"@emotion/react";var Te=ko`
|
|
389
389
|
color: var(--gray-500);
|
|
390
390
|
display: block;
|
|
391
391
|
font-size: var(--fs-sm);
|
|
392
392
|
margin: var(--spacing-xs) 0;
|
|
393
393
|
max-width: var(--prose);
|
|
394
|
-
`;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 Mo}from"@emotion/react";var Pe=Mo`
|
|
395
395
|
align-items: center;
|
|
396
396
|
color: var(--brand-secondary-5);
|
|
397
397
|
display: flex;
|
|
398
398
|
gap: var(--spacing-sm);
|
|
399
399
|
margin: var(--spacing-xs) 0;
|
|
400
|
-
`;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 k=({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 ke=({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(k,{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 Me=A`
|
|
401
401
|
margin-inline: auto;
|
|
402
402
|
max-width: fit-content;
|
|
403
|
-
`,
|
|
403
|
+
`,Be=A`
|
|
404
404
|
align-items: center;
|
|
405
405
|
background: var(--brand-secondary-3);
|
|
406
406
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -423,7 +423,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
423
423
|
&:focus {
|
|
424
424
|
outline: 2px solid var(--brand-secondary-1);
|
|
425
425
|
}
|
|
426
|
-
`,
|
|
426
|
+
`,ze=A`
|
|
427
427
|
background: var(--white);
|
|
428
428
|
border: 1px solid var(--brand-secondary-3);
|
|
429
429
|
border-top: none;
|
|
@@ -433,7 +433,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
433
433
|
position: absolute;
|
|
434
434
|
inset: auto 0;
|
|
435
435
|
transform: translateY(-0.2rem);
|
|
436
|
-
`,
|
|
436
|
+
`,He=A`
|
|
437
437
|
cursor: pointer;
|
|
438
438
|
display: block;
|
|
439
439
|
font-size: var(--fs-sm);
|
|
@@ -448,23 +448,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
448
448
|
&:hover {
|
|
449
449
|
background: var(--gray-50);
|
|
450
450
|
}
|
|
451
|
-
`,
|
|
451
|
+
`,Ee=A`
|
|
452
452
|
position: absolute;
|
|
453
453
|
overflow: hidden;
|
|
454
454
|
height: 1px;
|
|
455
455
|
width: 1px;
|
|
456
456
|
clip: rect(0, 0, 0, 0);
|
|
457
457
|
padding: 0;
|
|
458
|
-
`;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`
|
|
459
459
|
max-width: fit-content;
|
|
460
|
-
${typeof
|
|
461
|
-
`:
|
|
460
|
+
${typeof t=="object"?t:void 0}
|
|
461
|
+
`:Me,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(ke,{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(k,{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(k,{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 M 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`
|
|
462
462
|
border: 1px solid var(--gray-500);
|
|
463
463
|
border-radius: var(--rounded-base);
|
|
464
464
|
outline: none;
|
|
465
465
|
overflow: hidden;
|
|
466
466
|
z-index: 50;
|
|
467
|
-
`;var Ve=
|
|
467
|
+
`;var Ve=M.createContext({}),Ge=()=>M.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=>M.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`
|
|
468
468
|
background: var(--white);
|
|
469
469
|
border: none;
|
|
470
470
|
border-top: 1px solid var(--gray-500);
|
|
@@ -490,7 +490,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
490
490
|
&:hover {
|
|
491
491
|
background: var(--gray-200);
|
|
492
492
|
}
|
|
493
|
-
|
|
493
|
+
`,$e=Ze`
|
|
494
494
|
align-items: center;
|
|
495
495
|
display: flex;
|
|
496
496
|
justify-content: space-between;
|
|
@@ -501,7 +501,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
501
501
|
width: var(--spacing-base);
|
|
502
502
|
height: var(--spacing-base);
|
|
503
503
|
}
|
|
504
|
-
`;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`
|
|
505
505
|
--caution-desc: rgb(161, 98, 7);
|
|
506
506
|
--caution-icon: rgb(250, 204, 21);
|
|
507
507
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -529,21 +529,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
529
529
|
|
|
530
530
|
border-radius: var(--rounded-base);
|
|
531
531
|
padding: var(--spacing-base);
|
|
532
|
-
`,
|
|
532
|
+
`,Je=B`
|
|
533
533
|
display: flex;
|
|
534
534
|
gap: var(--spacing-base);
|
|
535
|
-
`,
|
|
535
|
+
`,Qe=B`
|
|
536
536
|
flex-shrink: 0;
|
|
537
|
-
`,
|
|
537
|
+
`,je=B`
|
|
538
538
|
font-size: var(--fs-sm);
|
|
539
539
|
font-weight: var(--fw-bold);
|
|
540
540
|
margin: 0 0 var(--spacing-sm);
|
|
541
|
-
`,
|
|
541
|
+
`,et=B`
|
|
542
542
|
font-size: var(--fs-sm);
|
|
543
|
-
`,
|
|
543
|
+
`,tt=B`
|
|
544
544
|
width: 1.25rem;
|
|
545
545
|
height: 1.25rem;
|
|
546
|
-
`;var
|
|
546
|
+
`;var $o={caution:{icon:Q,descriptionColor:c`
|
|
547
547
|
color: var(--caution-desc);
|
|
548
548
|
`,iconColor:c`
|
|
549
549
|
color: var(--caution-icon);
|
|
@@ -551,7 +551,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
551
551
|
color: var(--caution-title);
|
|
552
552
|
`,containerColor:c`
|
|
553
553
|
background-color: var(--caution-container);
|
|
554
|
-
`},danger:{icon:
|
|
554
|
+
`},danger:{icon:Ke,descriptionColor:c`
|
|
555
555
|
color: var(--danger-desc);
|
|
556
556
|
`,iconColor:c`
|
|
557
557
|
color: var(--danger-icon);
|
|
@@ -559,7 +559,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
559
559
|
color: var(--danger-title);
|
|
560
560
|
`,containerColor:c`
|
|
561
561
|
background-color: var(--danger-container);
|
|
562
|
-
`},error:{icon:
|
|
562
|
+
`},error:{icon:Q,descriptionColor:c`
|
|
563
563
|
color: var(--danger-desc);
|
|
564
564
|
`,iconColor:c`
|
|
565
565
|
color: var(--danger-icon);
|
|
@@ -567,7 +567,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
567
567
|
color: var(--danger-title);
|
|
568
568
|
`,containerColor:c`
|
|
569
569
|
background-color: var(--danger-container);
|
|
570
|
-
`},info:{icon:
|
|
570
|
+
`},info:{icon:Ue,descriptionColor:c`
|
|
571
571
|
color: var(--info-desc);
|
|
572
572
|
`,iconColor:c`
|
|
573
573
|
color: var(--info-icon);
|
|
@@ -575,7 +575,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
575
575
|
color: var(--info-title);
|
|
576
576
|
`,containerColor:c`
|
|
577
577
|
background-color: var(--info-container);
|
|
578
|
-
`},note:{icon
|
|
578
|
+
`},note:{icon:Ye,descriptionColor:c`
|
|
579
579
|
color: var(--note-desc);
|
|
580
580
|
`,iconColor:c`
|
|
581
581
|
color: var(--note-icon);
|
|
@@ -583,7 +583,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
583
583
|
color: var(--note-title);
|
|
584
584
|
`,containerColor:c`
|
|
585
585
|
background-color: var(--note-container);
|
|
586
|
-
`},success:{icon:
|
|
586
|
+
`},success:{icon:_e,descriptionColor:c`
|
|
587
587
|
color: var(--success-desc);
|
|
588
588
|
`,iconColor:c`
|
|
589
589
|
color: var(--success-icon);
|
|
@@ -591,7 +591,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
591
591
|
color: var(--success-title);
|
|
592
592
|
`,containerColor:c`
|
|
593
593
|
background-color: var(--success-container);
|
|
594
|
-
`},tip:{icon:
|
|
594
|
+
`},tip:{icon:Xe,descriptionColor:c`
|
|
595
595
|
color: var(--success-desc);
|
|
596
596
|
`,iconColor:c`
|
|
597
597
|
color: var(--success-icon);
|
|
@@ -599,7 +599,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
599
599
|
color: var(--success-title);
|
|
600
600
|
`,containerColor:c`
|
|
601
601
|
background-color: var(--success-container);
|
|
602
|
-
`}},
|
|
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`
|
|
603
603
|
0%, 100% {
|
|
604
604
|
opacity: 1.0;
|
|
605
605
|
transform: translateY(0);
|
|
@@ -615,14 +615,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
615
615
|
opacity: 0.2;
|
|
616
616
|
transform: translateY(-5px);
|
|
617
617
|
}
|
|
618
|
-
`,
|
|
618
|
+
`,rt=ot`
|
|
619
619
|
display: inline-flex;
|
|
620
620
|
justify-content: center;
|
|
621
|
-
|
|
621
|
+
`,$=ot`
|
|
622
622
|
background-color: var(--gray-700);
|
|
623
623
|
display: block;
|
|
624
624
|
border-radius: var(--rounded-full);
|
|
625
|
-
animation: ${
|
|
625
|
+
animation: ${Uo} 0.75s infinite ease-in-out;
|
|
626
626
|
width: 8px;
|
|
627
627
|
height: 8px;
|
|
628
628
|
margin: 0 var(--spacing-xs);
|
|
@@ -639,53 +639,53 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
639
639
|
&:nth-of-type(3) {
|
|
640
640
|
animation-delay: 0.6s;
|
|
641
641
|
}
|
|
642
|
-
`;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`
|
|
643
643
|
align-items: center;
|
|
644
644
|
position: absolute;
|
|
645
645
|
inset: 0 0;
|
|
646
646
|
overflow: hidden;
|
|
647
647
|
z-index: 9999;
|
|
648
648
|
justify-content: center;
|
|
649
|
-
`,
|
|
649
|
+
`,at=z`
|
|
650
650
|
display: flex;
|
|
651
|
-
`,
|
|
651
|
+
`,it=z`
|
|
652
652
|
display: none;
|
|
653
|
-
`,
|
|
653
|
+
`,st=z`
|
|
654
654
|
background: var(--white);
|
|
655
655
|
opacity: 0.5;
|
|
656
656
|
position: absolute;
|
|
657
657
|
inset: 0 0;
|
|
658
|
-
`,
|
|
658
|
+
`,lt=z`
|
|
659
659
|
align-items: center;
|
|
660
660
|
display: flex;
|
|
661
661
|
flex-direction: column;
|
|
662
|
-
`,
|
|
662
|
+
`,ct=z`
|
|
663
663
|
color: var(--gray-500);
|
|
664
664
|
margin: var(--spacing-base) 0 0;
|
|
665
|
-
`;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`
|
|
666
666
|
position: relative;
|
|
667
|
-
`},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`
|
|
668
668
|
font-family: var(--ff-heading);
|
|
669
669
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
670
670
|
font-weight: var(--fw-bold);
|
|
671
671
|
margin-bottom: var(--spacing-base);
|
|
672
|
-
`,
|
|
672
|
+
`,dt=C`
|
|
673
673
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
674
|
-
`,
|
|
674
|
+
`,ut=C`
|
|
675
675
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
676
|
-
`,
|
|
676
|
+
`,mt=C`
|
|
677
677
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
678
|
-
`,
|
|
678
|
+
`,gt=C`
|
|
679
679
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
680
|
-
`,
|
|
680
|
+
`,bt=C`
|
|
681
681
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
682
|
-
`,
|
|
682
|
+
`,ft=C`
|
|
683
683
|
font-weight: var(--fw-bold);
|
|
684
684
|
font-family: var(--ff-base);
|
|
685
685
|
margin-bottom: var(--spacing-base);
|
|
686
|
-
`,
|
|
686
|
+
`,vt=C`
|
|
687
687
|
line-height: 1.35;
|
|
688
|
-
`;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`
|
|
689
689
|
font-size: var(--fs-base);
|
|
690
690
|
line-height: 1.5;
|
|
691
691
|
margin-bottom: var(--spacing-base);
|
|
@@ -693,38 +693,37 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
693
693
|
&:last-of-type {
|
|
694
694
|
margin-bottom: 0;
|
|
695
695
|
}
|
|
696
|
-
`;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`
|
|
697
697
|
display: inline-flex;
|
|
698
698
|
text-decoration: underline;
|
|
699
699
|
|
|
700
700
|
&:hover {
|
|
701
701
|
text-decoration: none;
|
|
702
702
|
}
|
|
703
|
-
`,
|
|
703
|
+
`,xt=N`
|
|
704
704
|
color: var(--brand-secondary-3);
|
|
705
|
-
`,
|
|
705
|
+
`,wt=N`
|
|
706
706
|
color: var(--brand-secondary-5);
|
|
707
|
-
`,
|
|
707
|
+
`,Ct=N`
|
|
708
708
|
color: currentColor;
|
|
709
|
-
`;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`
|
|
710
710
|
position: relative;
|
|
711
|
-
`,
|
|
711
|
+
`,Rt=St`
|
|
712
712
|
background: var(--gray-50);
|
|
713
713
|
border-top: 1px solid var(--gray-200);
|
|
714
714
|
border-bottom: 1px solid var(--gray-200);
|
|
715
715
|
max-height: 24rem;
|
|
716
716
|
overflow-y: auto;
|
|
717
717
|
padding: var(--spacing-sm);
|
|
718
|
-
`;var
|
|
718
|
+
`;var Ya=({label:t,children:o})=>e("div",{css:It},t?e("span",{css:qo`
|
|
719
719
|
${v}
|
|
720
|
-
`},
|
|
720
|
+
`},t):null,e("div",{css:[Rt,q]},o));import{css as j}from"@emotion/react";var Lt=j`
|
|
721
721
|
align-items: center;
|
|
722
722
|
background: var(--white);
|
|
723
723
|
border-radius: var(--rounded-base);
|
|
724
724
|
box-shadow: var(--shadow-base);
|
|
725
725
|
border: 2px solid var(--gray-200);
|
|
726
726
|
display: flex;
|
|
727
|
-
padding: var(--spacing-3);
|
|
728
727
|
margin-block: 0 var(--spacing-sm);
|
|
729
728
|
min-height: 52px;
|
|
730
729
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -732,19 +731,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
732
731
|
&:last-of-type {
|
|
733
732
|
margin-block: 0;
|
|
734
733
|
}
|
|
735
|
-
`,
|
|
734
|
+
`,Tt=j`
|
|
736
735
|
border-color: var(--brand-secondary-3);
|
|
737
|
-
`,
|
|
736
|
+
`,Pt=j`
|
|
738
737
|
align-items: center;
|
|
738
|
+
border: none;
|
|
739
|
+
background: transparent;
|
|
740
|
+
color: var(--brand-secondary-1);
|
|
739
741
|
display: flex;
|
|
740
742
|
justify-content: space-between;
|
|
743
|
+
padding: var(--spacing-3);
|
|
741
744
|
width: 100%;
|
|
742
745
|
outline: none;
|
|
743
746
|
|
|
744
747
|
&:focus {
|
|
745
748
|
outline: none;
|
|
746
749
|
}
|
|
747
|
-
`;import{css as
|
|
750
|
+
`;import{css as Mt}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Qa=U`
|
|
748
751
|
0%,
|
|
749
752
|
100% {
|
|
750
753
|
transform: scale(1);
|
|
@@ -754,7 +757,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
754
757
|
transform: scale(1.15);
|
|
755
758
|
opacity: 1;
|
|
756
759
|
}
|
|
757
|
-
`,
|
|
760
|
+
`,kt=U`
|
|
758
761
|
0% {
|
|
759
762
|
opacity: 0;
|
|
760
763
|
transform: translateY(10px);
|
|
@@ -763,7 +766,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
763
766
|
opacity: 1;
|
|
764
767
|
transform: translateY(0);
|
|
765
768
|
}
|
|
766
|
-
`,
|
|
769
|
+
`,ja=U`
|
|
767
770
|
0% {
|
|
768
771
|
opacity: 1;
|
|
769
772
|
transform: translateY(0);
|
|
@@ -772,20 +775,20 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
772
775
|
opacity: 0;
|
|
773
776
|
transform: translateY(10px);
|
|
774
777
|
}
|
|
775
|
-
`,
|
|
778
|
+
`,ei=U`
|
|
776
779
|
0% {
|
|
777
780
|
opacity: 0;
|
|
778
781
|
}
|
|
779
782
|
100% {
|
|
780
783
|
opacity: 1;
|
|
781
784
|
}
|
|
782
|
-
`;var
|
|
785
|
+
`;var ai=({buttonText:t,active:o,...r})=>e("div",{css:[Lt,o?Tt:void 0]},e("button",{css:Pt,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:Mt`
|
|
783
786
|
color: var(--brand-secondary-3);
|
|
784
787
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
785
|
-
${
|
|
786
|
-
animation: ${
|
|
788
|
+
${o?Mt`
|
|
789
|
+
animation: ${kt} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
787
790
|
`:"opacity: 0;"}
|
|
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
|
|
791
|
+
`},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`
|
|
789
792
|
align-items: center;
|
|
790
793
|
border: 1px solid transparent;
|
|
791
794
|
color: var(--white);
|
|
@@ -804,58 +807,58 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
804
807
|
&:focus {
|
|
805
808
|
border-color: var(--gray-700);
|
|
806
809
|
}
|
|
807
|
-
`,
|
|
810
|
+
`,zt=y`
|
|
808
811
|
border: 1px solid transparent;
|
|
809
812
|
background: transparent;
|
|
810
813
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
811
814
|
font-weight: var(--fw-medium);
|
|
812
815
|
letter-spacing: 0.025rem;
|
|
813
816
|
line-height: 1.25;
|
|
814
|
-
`,
|
|
817
|
+
`,Ht=y`
|
|
815
818
|
padding: var(--spacing-sm);
|
|
816
819
|
border-left: 1px solid currentColor;
|
|
817
|
-
`,
|
|
820
|
+
`,Et=y`
|
|
818
821
|
background: var(--brand-secondary-1);
|
|
819
822
|
color: var(--white);
|
|
820
|
-
`,
|
|
823
|
+
`,At=y`
|
|
821
824
|
background: var(--gray-500);
|
|
822
825
|
color: var(--white);
|
|
823
|
-
`,
|
|
826
|
+
`,Dt=y`
|
|
824
827
|
background: var(--brand-secondary-5);
|
|
825
828
|
color: var(--white);
|
|
826
|
-
`,
|
|
829
|
+
`,Ot=y`
|
|
827
830
|
background: var(--gray-500);
|
|
828
831
|
color: var(--white);
|
|
829
|
-
`,
|
|
832
|
+
`,Vt=y`
|
|
830
833
|
background: var(--brand-secondary-2);
|
|
831
834
|
color: var(--brand-secondary-1);
|
|
832
|
-
`,
|
|
835
|
+
`,Gt=y`
|
|
833
836
|
background: var(--brand-secondary-2);
|
|
834
837
|
color: var(--gray-400);
|
|
835
|
-
`,
|
|
838
|
+
`,Wt=y`
|
|
836
839
|
background: transparent;
|
|
837
840
|
color: var(--brand-secondary-3);
|
|
838
841
|
|
|
839
842
|
&:hover {
|
|
840
843
|
border-color: var(--brand-secondary-3);
|
|
841
844
|
}
|
|
842
|
-
`,
|
|
845
|
+
`,Zt=y`
|
|
843
846
|
background: transparent;
|
|
844
847
|
border-color: var(--gray-400);
|
|
845
848
|
color: var(--gray-400);
|
|
846
|
-
`;var
|
|
849
|
+
`;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`
|
|
847
850
|
position: absolute;
|
|
848
|
-
|
|
851
|
+
`,$t=ee`
|
|
849
852
|
display: flex;
|
|
850
853
|
gap: var(--spacing-sm);
|
|
851
854
|
font-size: var(--fs-xs);
|
|
852
|
-
`,
|
|
855
|
+
`,Nt=ee`
|
|
853
856
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
854
857
|
border-radius: var(--rounded-base);
|
|
855
858
|
border: 1px solid var(--gray-600);
|
|
856
859
|
box-shadow: var(--shadow-base);
|
|
857
860
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
858
|
-
`;import{useHotkeys as
|
|
861
|
+
`;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`
|
|
859
862
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
860
863
|
align-items: center;
|
|
861
864
|
box-shadow: var(--shadow-base);
|
|
@@ -877,10 +880,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
877
880
|
& svg {
|
|
878
881
|
color: var(--brand-secondary-5);
|
|
879
882
|
}
|
|
880
|
-
`;var
|
|
883
|
+
`;var Mi=({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`
|
|
881
884
|
top: -2rem;
|
|
882
885
|
left: -1.5rem;
|
|
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
|
|
886
|
+
`}):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`
|
|
884
887
|
cursor: pointer;
|
|
885
888
|
display: inline-block;
|
|
886
889
|
position: relative;
|
|
@@ -888,7 +891,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
888
891
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
889
892
|
vertical-align: middle;
|
|
890
893
|
user-select: none;
|
|
891
|
-
`,
|
|
894
|
+
`,Jt=D`
|
|
892
895
|
appearance: none;
|
|
893
896
|
border-radius: var(--rounded-full);
|
|
894
897
|
background-color: var(--white);
|
|
@@ -925,14 +928,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
925
928
|
&:disabled {
|
|
926
929
|
cursor: not-allowed;
|
|
927
930
|
}
|
|
928
|
-
`,
|
|
931
|
+
`,Qt=D`
|
|
929
932
|
opacity: var(--opacity-50);
|
|
930
933
|
cursor: not-allowed;
|
|
931
934
|
|
|
932
935
|
& > :before {
|
|
933
936
|
cursor: not-allowed;
|
|
934
937
|
}
|
|
935
|
-
`,
|
|
938
|
+
`,jt=D`
|
|
936
939
|
align-items: center;
|
|
937
940
|
color: var(--brand-secondary-1);
|
|
938
941
|
display: inline-flex;
|
|
@@ -953,26 +956,82 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
953
956
|
left: 0;
|
|
954
957
|
top: 0;
|
|
955
958
|
}
|
|
956
|
-
`,
|
|
959
|
+
`,eo=D`
|
|
957
960
|
color: var(--gray-500);
|
|
958
961
|
font-size: var(--fs-sm);
|
|
959
962
|
padding-inline: var(--spacing-2xl) 0;
|
|
960
|
-
`;var
|
|
963
|
+
`;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`
|
|
961
964
|
border-bottom: 1px solid var(--gray-400);
|
|
962
965
|
border-collapse: collapse;
|
|
963
966
|
min-width: 100%;
|
|
964
967
|
table-layout: auto;
|
|
965
|
-
`,
|
|
968
|
+
`,oo=O`
|
|
966
969
|
background: var(--gray-100);
|
|
967
970
|
color: var(--brand-secondary-1);
|
|
968
971
|
text-align: left;
|
|
969
|
-
`,
|
|
972
|
+
`,ro=O`
|
|
970
973
|
border-bottom: 1px solid var(--gray-200);
|
|
971
|
-
`,
|
|
974
|
+
`,no=O`
|
|
972
975
|
font-size: var(--fs-sm);
|
|
973
976
|
padding: var(--spacing-base) var(--spacing-md);
|
|
974
977
|
text-transform: uppercase;
|
|
975
978
|
font-weight: var(--fw-bold);
|
|
976
|
-
`,
|
|
979
|
+
`,ao=O`
|
|
977
980
|
padding: var(--spacing-base) var(--spacing-md);
|
|
978
|
-
`;var
|
|
981
|
+
`;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`
|
|
982
|
+
align-items: center;
|
|
983
|
+
background: transparent;
|
|
984
|
+
border: none;
|
|
985
|
+
color: var(--brand-secondary-3);
|
|
986
|
+
display: inline-flex;
|
|
987
|
+
gap: var(--spacing-sm);
|
|
988
|
+
font-size: var(--fs-base);
|
|
989
|
+
font-weight: var(--fw-bold);
|
|
990
|
+
padding: 0;
|
|
991
|
+
margin-block: var(--spacing-base);
|
|
992
|
+
|
|
993
|
+
&:disabled {
|
|
994
|
+
cursor: not-allowed;
|
|
995
|
+
color: var(--gray-500);
|
|
996
|
+
}
|
|
997
|
+
`,lo=t=>io`
|
|
998
|
+
box-sizing: border-box;
|
|
999
|
+
background: ${t?"var(--gray-500)":"var(--brand-secondary-3)"};
|
|
1000
|
+
border-radius: var(--rounded-full);
|
|
1001
|
+
color: var(--white);
|
|
1002
|
+
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1003
|
+
`;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`
|
|
1004
|
+
align-items: ${cr(t.textAlign)};
|
|
1005
|
+
border: 2px dashed var(--gray-300);
|
|
1006
|
+
border-radius: var(--rounded-base);
|
|
1007
|
+
background: ${t.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
1008
|
+
display: flex;
|
|
1009
|
+
flex-flow: column wrap;
|
|
1010
|
+
justify-content: ${t.textAlign};
|
|
1011
|
+
text-align: ${t.textAlign};
|
|
1012
|
+
padding: var(--spacing-lg);
|
|
1013
|
+
will-change: auto;
|
|
1014
|
+
min-height: ${lr(t.boxHeight)};
|
|
1015
|
+
`;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`
|
|
1016
|
+
margin-block: var(--spacing-sm);
|
|
1017
|
+
`,uo=R`
|
|
1018
|
+
background: var(--gray-100);
|
|
1019
|
+
margin-top: var(--spacing-sm);
|
|
1020
|
+
position: relative;
|
|
1021
|
+
overflow: hidden;
|
|
1022
|
+
height: 0.25rem;
|
|
1023
|
+
`,mo=R`
|
|
1024
|
+
position: absolute;
|
|
1025
|
+
inset: 0;
|
|
1026
|
+
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1027
|
+
`,go=R`
|
|
1028
|
+
display: flex;
|
|
1029
|
+
justify-content: space-between;
|
|
1030
|
+
font-weight: var(--fw-bold);
|
|
1031
|
+
`,re=R`
|
|
1032
|
+
font-size: var(--fs-baase);
|
|
1033
|
+
`,bo=t=>R`
|
|
1034
|
+
background: ${t};
|
|
1035
|
+
`,fo=t=>R`
|
|
1036
|
+
color: ${t};
|
|
1037
|
+
`;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{Mi 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,ke as Input,dn as InputComboBox,wn as InputInlineSelect,Rn as InputKeywordSearch,Bn as InputSelect,Dn as InputToggle,k 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};
|