@uniformdev/design-system 16.2.0 → 16.2.1-alpha.60
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 +182 -144
- package/dist/index.d.ts +14 -1
- package/dist/index.js +180 -142
- package/package.json +3 -2
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 kt from"react";var Tr=({disableReset:o=!1})=>e(kt.Fragment,null,e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:e("style",{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 {
|
|
@@ -52,7 +52,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
52
52
|
/* font family */
|
|
53
53
|
--ff-base: 'DM Sans', sans-serif;
|
|
54
54
|
--ff-heading: 'Quantico', sans-serif;
|
|
55
|
-
--ff-mono: 'Space Mono', monospace
|
|
55
|
+
--ff-mono: 'Space Mono', monospace;
|
|
56
56
|
|
|
57
57
|
/* max text width */
|
|
58
58
|
--prose: 65ch;
|
|
@@ -156,14 +156,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
156
156
|
ul, ol {
|
|
157
157
|
list-style: none;
|
|
158
158
|
}
|
|
159
|
-
`}}));var
|
|
159
|
+
`}}));var Tt={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},k=o=>`@media (min-width: ${Tt[o]})`;import{css as b}from"@emotion/react";var T=b`
|
|
160
160
|
position: relative;
|
|
161
|
-
`,
|
|
161
|
+
`,h=b`
|
|
162
162
|
display: flex;
|
|
163
163
|
font-weight: var(--fw-bold);
|
|
164
164
|
margin: 0 0 var(--spacing-xs);
|
|
165
165
|
align-items: center;
|
|
166
|
-
`,
|
|
166
|
+
`,M=b`
|
|
167
167
|
appearance: none;
|
|
168
168
|
background-color: var(--white);
|
|
169
169
|
border: 1px solid var(--gray-400);
|
|
@@ -193,27 +193,27 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
193
193
|
color: var(--gray-300);
|
|
194
194
|
border-color: var(--gray-300);
|
|
195
195
|
}
|
|
196
|
-
`,
|
|
196
|
+
`,L=b`
|
|
197
197
|
border-color: var(--brand-secondary-5);
|
|
198
|
-
|
|
198
|
+
`,F=b`
|
|
199
199
|
align-items: center;
|
|
200
200
|
display: flex;
|
|
201
201
|
position: absolute;
|
|
202
202
|
inset: 0 var(--spacing-base) 0 auto;
|
|
203
203
|
pointer-event: one;
|
|
204
|
-
`,
|
|
204
|
+
`,Z=b`
|
|
205
205
|
padding-right: var(--spacing-2xl);
|
|
206
|
-
`,
|
|
206
|
+
`,j=b`
|
|
207
207
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
|
|
208
208
|
background-position: right var(--spacing-sm) center;
|
|
209
209
|
background-repeat: no-repeat;
|
|
210
210
|
background-size: 1rem;
|
|
211
211
|
padding-right: var(--spacing-xl);
|
|
212
|
-
`,
|
|
212
|
+
`,de=b`
|
|
213
213
|
color: var(--brand-secondary-1);
|
|
214
214
|
height: 1.25rem;
|
|
215
215
|
width: 1.25rem;
|
|
216
|
-
`,
|
|
216
|
+
`,pe=b`
|
|
217
217
|
align-items: center;
|
|
218
218
|
cursor: pointer;
|
|
219
219
|
display: inline-flex;
|
|
@@ -221,7 +221,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
221
221
|
margin: var(--spacing-sm) 0;
|
|
222
222
|
flex-wrap: wrap;
|
|
223
223
|
font-weight: var(--fw-regular);
|
|
224
|
-
`,
|
|
224
|
+
`,ue=b`
|
|
225
225
|
border: 1px solid var(--brand-secondary-1);
|
|
226
226
|
background: var(--white);
|
|
227
227
|
width: var(--spacing-md);
|
|
@@ -252,21 +252,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
252
252
|
color: var(--gray-300);
|
|
253
253
|
border-color: var(--gray-300);
|
|
254
254
|
}
|
|
255
|
-
`,ue=b`
|
|
256
|
-
font-weight: var(--fw-medium);
|
|
257
255
|
`,me=b`
|
|
256
|
+
font-weight: var(--fw-medium);
|
|
257
|
+
`,ge=b`
|
|
258
258
|
cursor: not-allowed;
|
|
259
259
|
color: var(--gray-400);
|
|
260
|
-
`,
|
|
260
|
+
`,be=b`
|
|
261
261
|
display: flex;
|
|
262
262
|
flex-direction: column;
|
|
263
263
|
flex-basis: 100%;
|
|
264
264
|
padding-left: var(--spacing-lg);
|
|
265
265
|
margin-top: -0.5rem;
|
|
266
266
|
line-height: 1.15;
|
|
267
|
-
`,
|
|
268
|
-
${
|
|
269
|
-
`;import{css as
|
|
267
|
+
`,fe=b`
|
|
268
|
+
${M}
|
|
269
|
+
`;import{css as Mt}from"@emotion/react";var ee=Mt`
|
|
270
270
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
271
271
|
/*
|
|
272
272
|
#d1d5db = bg-gray-300
|
|
@@ -292,15 +292,15 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
292
292
|
&::-webkit-scrollbar-thumb:hover {
|
|
293
293
|
background: var(--gray-500);
|
|
294
294
|
}
|
|
295
|
-
`;import{css as
|
|
295
|
+
`;import{css as oe}from"@emotion/react";var N=oe`
|
|
296
296
|
display: block;
|
|
297
|
-
`,
|
|
297
|
+
`,U=oe`
|
|
298
298
|
background: transparent;
|
|
299
299
|
color: var(--brand-secondary-1);
|
|
300
|
-
`,
|
|
300
|
+
`,K=oe`
|
|
301
301
|
background: var(--brand-secondary-1);
|
|
302
302
|
color: var(--white);
|
|
303
|
-
`;var
|
|
303
|
+
`;var Gr=({theme:o="light",...t})=>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:[N,o==="dark"?K:U],...t},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 Fr=({theme:o="light",...t})=>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:[N,o==="dark"?K:U],...t},e("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),e("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),e("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),e("path",{d:"M86.45 12.98h-4.076v14.87h4.076V12.98Zm.146-6.843h-4.371v4.076h4.37V6.137Zm5.861 1.993v4.85h-2.736v3.477h2.736V27.85h4.076V16.457h3.27V12.98h-3.27V9.617h3.27v-3.48h-3.896l-3.45 1.992Zm13.503 4.7-3.45 1.993v11.183l3.45 1.992h6.335l3.45-1.992V14.823l-3.45-1.992h-6.335Zm5.71 11.688h-5.087v-8.21h5.087v8.21Zm12.607-10.315-2.119-1.224h-1.954v14.87h4.076V16.457h5.115V12.98h-2.999l-2.119 1.224ZM71.034 12.83l-2.375 1.373-2.379-1.372h-1.6v15.018h4.075V16.31h5.084v11.54h4.076V14.823l-3.45-1.992h-3.431ZM56.145 24.517h-5.087V12.98h-4.073v13.027l3.45 1.992h3.593l2.111-1.22.003.002.003-.003v.003l2.108 1.218h1.965v-15.02h-4.073v11.538Zm93.68-11.687h-2.855l-2.794 1.604-2.767-1.603h-2.854l-2.111 1.218-2.111-1.218h-1.965v15.018h4.076V16.31h4.343v11.54h4.073V16.31h4.343v11.54h4.073V14.823l-3.451-1.992Z",fill:"currentColor"})));import*as Se from"react";import{Button as Bt}from"reakit/Button";import{css as R}from"@emotion/react";var ve=R`
|
|
304
304
|
align-items: center;
|
|
305
305
|
border: none;
|
|
306
306
|
border-radius: var(--rounded-base);
|
|
@@ -320,7 +320,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
320
320
|
cursor: default;
|
|
321
321
|
pointer-events: none;
|
|
322
322
|
}
|
|
323
|
-
`,
|
|
323
|
+
`,D=o=>R`
|
|
324
324
|
background-position: center;
|
|
325
325
|
transition: background var(--duration-slow);
|
|
326
326
|
|
|
@@ -334,7 +334,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
334
334
|
background-size: 100%;
|
|
335
335
|
transition: background 0s;
|
|
336
336
|
}
|
|
337
|
-
`,
|
|
337
|
+
`,he=R`
|
|
338
338
|
background: var(--brand-secondary-1);
|
|
339
339
|
color: var(--white);
|
|
340
340
|
|
|
@@ -343,8 +343,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
343
343
|
color: var(--white);
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
-
${
|
|
347
|
-
`,
|
|
346
|
+
${D({hoverColor:"var(--brand-secondary-1)"})}
|
|
347
|
+
`,ye=R`
|
|
348
348
|
background: var(--brand-secondary-5);
|
|
349
349
|
color: var(--white);
|
|
350
350
|
|
|
@@ -353,8 +353,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
353
353
|
color: var(--white);
|
|
354
354
|
}
|
|
355
355
|
|
|
356
|
-
${
|
|
357
|
-
`,
|
|
356
|
+
${D({hoverColor:"var(--brand-secondary-5)"})}
|
|
357
|
+
`,xe=R`
|
|
358
358
|
background: var(--brand-secondary-2);
|
|
359
359
|
color: var(--brand-secondary-1);
|
|
360
360
|
|
|
@@ -363,8 +363,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
363
363
|
color: var(--white);
|
|
364
364
|
}
|
|
365
365
|
|
|
366
|
-
${
|
|
367
|
-
`,
|
|
366
|
+
${D({hoverColor:"var(--brand-secondary-2)"})}
|
|
367
|
+
`,we=R`
|
|
368
368
|
background: transparent;
|
|
369
369
|
color: var(--brand-secondary-3);
|
|
370
370
|
|
|
@@ -378,8 +378,8 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
378
378
|
color: var(--gray-300);
|
|
379
379
|
}
|
|
380
380
|
|
|
381
|
-
${
|
|
382
|
-
`,
|
|
381
|
+
${D({hoverColor:"var(--white)",activeColor:"var(--gray-100)"})}
|
|
382
|
+
`,Ce=R`
|
|
383
383
|
background: var(--brand-secondary-3);
|
|
384
384
|
color: var(--white);
|
|
385
385
|
|
|
@@ -388,11 +388,11 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
388
388
|
color: var(--white);
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
${
|
|
392
|
-
`;var
|
|
391
|
+
${D({hoverColor:"var(--brand-secondary-3)"})}
|
|
392
|
+
`;var _r=Se.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:he,secondary:ye,ghost:we,unimportant:xe,tertiary:Ce},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(Bt,{ref:a,css:[ve,i[o],s[t]],...n},r)});import Ot from"react";import{createContext as Ht,useContext as zt,useEffect as Et,useState as Le}from"react";import{paramCase as At}from"param-case";var Re=Ht({iconsMap:{},isLoading:!0});function Ie(){return zt(Re)}function en({children:o}){let[t,r]=Le(!0),[n,a]=Le({});return Et(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let g=Dt(p);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(Re.Provider,{value:{iconsMap:n,isLoading:t}},o)}function Dt(o){var t,r;return(r=(t=At(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}import{css as V}from"@emotion/react";var Pe=V`
|
|
393
393
|
display: hidden;
|
|
394
394
|
|
|
395
|
-
${
|
|
395
|
+
${k("sm")} {
|
|
396
396
|
display: block;
|
|
397
397
|
}
|
|
398
398
|
|
|
@@ -400,30 +400,30 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
400
400
|
display: block;
|
|
401
401
|
vertical-align: middle;
|
|
402
402
|
}
|
|
403
|
-
`,
|
|
403
|
+
`,ke=V`
|
|
404
404
|
color: var(--brand-secondary-3);
|
|
405
|
-
`,
|
|
405
|
+
`,Te=V`
|
|
406
406
|
color: var(--brand-secondary-5);
|
|
407
|
-
`,
|
|
407
|
+
`,Me=V`
|
|
408
408
|
color: var(--gray-500);
|
|
409
|
-
`,
|
|
409
|
+
`,Be=V`
|
|
410
410
|
color: currentColor;
|
|
411
|
-
`;var
|
|
411
|
+
`;var Gt=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=Ie(),u={green:ke,gray:Me,red:Te,currentColor:Be};if(a&&s)return null;let p=a?i[o]:o;return a&&p===void 0?(console.error(`We don't seem to have the icon you're looking for ("${o}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(p,{role:"img",size:r,...n,css:[Pe,u[t]]})},f=Ot.memo(Gt);import{css as $t}from"@emotion/react";var He=$t`
|
|
412
412
|
color: var(--gray-500);
|
|
413
413
|
display: block;
|
|
414
414
|
font-size: var(--fs-sm);
|
|
415
415
|
margin: var(--spacing-xs) 0;
|
|
416
416
|
max-width: var(--prose);
|
|
417
|
-
`;var x=({children:o,testId:t})=>e("small",{css:
|
|
417
|
+
`;var x=({children:o,testId:t})=>e("small",{css:He,"data-test-id":t},o);import{MdWarning as Ft}from"react-icons/md";import{css as Wt}from"@emotion/react";var ze=Wt`
|
|
418
418
|
align-items: center;
|
|
419
419
|
color: var(--brand-secondary-5);
|
|
420
420
|
display: flex;
|
|
421
421
|
gap: var(--spacing-sm);
|
|
422
422
|
margin: var(--spacing-xs) 0;
|
|
423
|
-
`;var w=({message:o,testId:t})=>o?e("span",{css:ze,"data-test-id":t},e(
|
|
423
|
+
`;var w=({message:o,testId:t})=>o?e("span",{css:ze,"data-test-id":t},e(f,{icon:Ft,size:16,iconColor:"currentColor"}),o):null;var B=({children:o,className:t,testId:r,...n})=>e("label",{css:[h,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var Ee=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:g,classNameControl:d,classNameLabel:v,...Q})=>e("div",{"data-test-id":s||"container-input-field"},a?e(B,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:u},o):null,e("div",{css:[T,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[M,typeof d=="object"?d:void 0,i?L:void 0,t?Z:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...Q}),t?e("div",{css:F},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import Zt from"react-select";function Pn(o){return e(Zt,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,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=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,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=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,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=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}import{css as Nt}from"@emotion/react";import*as $e from"react";import{useState as Ut,useRef as Kt}from"react";import{css as O}from"@emotion/react";var Ae=O`
|
|
424
424
|
margin-inline: auto;
|
|
425
425
|
max-width: fit-content;
|
|
426
|
-
`,
|
|
426
|
+
`,De=O`
|
|
427
427
|
align-items: center;
|
|
428
428
|
background: var(--brand-secondary-3);
|
|
429
429
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -446,7 +446,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
446
446
|
&:focus {
|
|
447
447
|
outline: 2px solid var(--brand-secondary-1);
|
|
448
448
|
}
|
|
449
|
-
`,Ve=
|
|
449
|
+
`,Ve=O`
|
|
450
450
|
background: var(--white);
|
|
451
451
|
border: 1px solid var(--brand-secondary-3);
|
|
452
452
|
border-top: none;
|
|
@@ -456,7 +456,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
456
456
|
position: absolute;
|
|
457
457
|
inset: auto 0;
|
|
458
458
|
transform: translateY(-0.2rem);
|
|
459
|
-
`,
|
|
459
|
+
`,Oe=O`
|
|
460
460
|
cursor: pointer;
|
|
461
461
|
display: block;
|
|
462
462
|
font-size: var(--fs-sm);
|
|
@@ -471,23 +471,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
471
471
|
&:hover {
|
|
472
472
|
background: var(--gray-50);
|
|
473
473
|
}
|
|
474
|
-
`,
|
|
474
|
+
`,Ge=O`
|
|
475
475
|
position: absolute;
|
|
476
476
|
overflow: hidden;
|
|
477
477
|
height: 1px;
|
|
478
478
|
width: 1px;
|
|
479
479
|
clip: rect(0, 0, 0, 0);
|
|
480
480
|
padding: 0;
|
|
481
|
-
`;import{CgChevronDown as
|
|
481
|
+
`;import{CgChevronDown as Yt}from"react-icons/cg";var Vn=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Ut(!1),p=Kt(null);$e.useEffect(()=>{let d=v=>{p.current&&!p.current.contains(v.target)&&u(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[p]);let m=t.find(d=>d.value===r);return e("div",{ref:p,css:o?Nt`
|
|
482
482
|
max-width: fit-content;
|
|
483
483
|
${typeof o=="object"?o:void 0}
|
|
484
|
-
`:
|
|
484
|
+
`:Ae,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:De,onClick:()=>{a||u(d=>!d)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(f,{icon:Yt,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[Ve,s?void 0:Ge],"aria-hidden":!s},t.map(d=>e("button",{key:d.value,type:"button",css:Oe,onClick:()=>{n(d),u(v=>!v)}},d.label))))};var Wn=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>e(Ee,{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:de},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=>{o(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:t,"aria-label":r,...s});var Yn=({label:o,defaultOption:t,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:p,classNameLabel:m,...g})=>e("div",{css:[T,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(B,{htmlFor:g.id,css:[h,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o,s)):null,e("select",{title:o,"aria-label":i?void 0:o,css:[M,j,a?L:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...g},t?e("option",{value:""},t):null,r.map((d,v)=>e("option",{key:v,value:d.label,...d}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var Qn=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(B,{css:[pe,r?ge:void 0]},e("input",{type:t,css:ue,checked:n,name:a,disabled:r,...u}),e("span",{css:me},o),i||s?e("span",{css:be},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as We from"react";var ra=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(We.Fragment,null,a?e("label",{htmlFor:r,css:[h]},o):null,e("div",{css:[T]},e("textarea",{id:r,css:[fe,i?L:void 0,t?Z:""],"aria-label":a?void 0:o,...s}),t?e("div",{css:F},t):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as H from"react";import{useMenuState as _t,Menu as qt,MenuButton as Jt}from"reakit/Menu";import{css as Xt}from"@emotion/react";var Fe=Xt`
|
|
485
485
|
border: 1px solid var(--gray-500);
|
|
486
486
|
border-radius: var(--rounded-base);
|
|
487
487
|
outline: none;
|
|
488
488
|
overflow: hidden;
|
|
489
489
|
z-index: 50;
|
|
490
|
-
`;var
|
|
490
|
+
`;var Ze=H.createContext({}),Ne=()=>H.useContext(Ze),Ue=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=_t({placement:r});return e(Ze.Provider,{value:i},e(Jt,{...i,ref:t.ref,...t.props},s=>H.cloneElement(t,s)),e(qt,{...i,"aria-label":o,css:[Fe,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as _e from"react";import{MenuItem as Qt}from"reakit";import{css as Ke}from"@emotion/react";var Ye=Ke`
|
|
491
491
|
background: var(--white);
|
|
492
492
|
border: none;
|
|
493
493
|
border-top: 1px solid var(--gray-500);
|
|
@@ -513,7 +513,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
513
513
|
&:hover {
|
|
514
514
|
background: var(--gray-200);
|
|
515
515
|
}
|
|
516
|
-
`,
|
|
516
|
+
`,Xe=Ke`
|
|
517
517
|
align-items: center;
|
|
518
518
|
display: flex;
|
|
519
519
|
justify-content: space-between;
|
|
@@ -524,7 +524,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
524
524
|
width: var(--spacing-base);
|
|
525
525
|
height: var(--spacing-base);
|
|
526
526
|
}
|
|
527
|
-
`;var
|
|
527
|
+
`;var ya=_e.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ne(),p=r?(g=>{let d={...g};if(d.onClick){let v=d.onClick;d.onClick=Q=>{s.hide(),v(Q)}}return d})(a):a,m=typeof o=="function"?o(p):o;return e(Qt,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[Ye,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?jt(m,n):m)});function jt(o,t){return e("span",{css:Xe},o," ",t)}import{css as c}from"@emotion/react";var qe=({...o})=>e("svg",{role:"img","data-img":"info",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),Je=({...o})=>e("svg",{role:"img","data-img":"danger",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),Qe=({...o})=>e("svg",{role:"img","data-img":"note",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),je=({...o})=>e("svg",{role:"img","data-img":"tip",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),te=({...o})=>e("svg",{role:"img","data-img":"caution",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),eo=({...o})=>e("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as z}from"@emotion/react";var oo=z`
|
|
528
528
|
--caution-desc: rgb(161, 98, 7);
|
|
529
529
|
--caution-icon: rgb(250, 204, 21);
|
|
530
530
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -552,21 +552,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
552
552
|
|
|
553
553
|
border-radius: var(--rounded-base);
|
|
554
554
|
padding: var(--spacing-base);
|
|
555
|
-
`,
|
|
555
|
+
`,to=z`
|
|
556
556
|
display: flex;
|
|
557
557
|
gap: var(--spacing-base);
|
|
558
|
-
`,
|
|
558
|
+
`,ro=z`
|
|
559
559
|
flex-shrink: 0;
|
|
560
|
-
`,
|
|
560
|
+
`,no=z`
|
|
561
561
|
font-size: var(--fs-sm);
|
|
562
562
|
font-weight: var(--fw-bold);
|
|
563
563
|
margin: 0 0 var(--spacing-sm);
|
|
564
|
-
`,
|
|
564
|
+
`,ao=z`
|
|
565
565
|
font-size: var(--fs-sm);
|
|
566
|
-
`,
|
|
566
|
+
`,io=z`
|
|
567
567
|
width: 1.25rem;
|
|
568
568
|
height: 1.25rem;
|
|
569
|
-
`;var
|
|
569
|
+
`;var er={caution:{icon:te,descriptionColor:c`
|
|
570
570
|
color: var(--caution-desc);
|
|
571
571
|
`,iconColor:c`
|
|
572
572
|
color: var(--caution-icon);
|
|
@@ -574,7 +574,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
574
574
|
color: var(--caution-title);
|
|
575
575
|
`,containerColor:c`
|
|
576
576
|
background-color: var(--caution-container);
|
|
577
|
-
`},danger:{icon:
|
|
577
|
+
`},danger:{icon:Je,descriptionColor:c`
|
|
578
578
|
color: var(--danger-desc);
|
|
579
579
|
`,iconColor:c`
|
|
580
580
|
color: var(--danger-icon);
|
|
@@ -582,7 +582,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
582
582
|
color: var(--danger-title);
|
|
583
583
|
`,containerColor:c`
|
|
584
584
|
background-color: var(--danger-container);
|
|
585
|
-
`},error:{icon:
|
|
585
|
+
`},error:{icon:te,descriptionColor:c`
|
|
586
586
|
color: var(--danger-desc);
|
|
587
587
|
`,iconColor:c`
|
|
588
588
|
color: var(--danger-icon);
|
|
@@ -590,7 +590,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
590
590
|
color: var(--danger-title);
|
|
591
591
|
`,containerColor:c`
|
|
592
592
|
background-color: var(--danger-container);
|
|
593
|
-
`},info:{icon:
|
|
593
|
+
`},info:{icon:qe,descriptionColor:c`
|
|
594
594
|
color: var(--info-desc);
|
|
595
595
|
`,iconColor:c`
|
|
596
596
|
color: var(--info-icon);
|
|
@@ -598,7 +598,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
598
598
|
color: var(--info-title);
|
|
599
599
|
`,containerColor:c`
|
|
600
600
|
background-color: var(--info-container);
|
|
601
|
-
`},note:{icon:
|
|
601
|
+
`},note:{icon:Qe,descriptionColor:c`
|
|
602
602
|
color: var(--note-desc);
|
|
603
603
|
`,iconColor:c`
|
|
604
604
|
color: var(--note-icon);
|
|
@@ -606,7 +606,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
606
606
|
color: var(--note-title);
|
|
607
607
|
`,containerColor:c`
|
|
608
608
|
background-color: var(--note-container);
|
|
609
|
-
`},success:{icon:
|
|
609
|
+
`},success:{icon:eo,descriptionColor:c`
|
|
610
610
|
color: var(--success-desc);
|
|
611
611
|
`,iconColor:c`
|
|
612
612
|
color: var(--success-icon);
|
|
@@ -614,7 +614,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
614
614
|
color: var(--success-title);
|
|
615
615
|
`,containerColor:c`
|
|
616
616
|
background-color: var(--success-container);
|
|
617
|
-
`},tip:{icon:
|
|
617
|
+
`},tip:{icon:je,descriptionColor:c`
|
|
618
618
|
color: var(--success-desc);
|
|
619
619
|
`,iconColor:c`
|
|
620
620
|
color: var(--success-icon);
|
|
@@ -622,7 +622,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
622
622
|
color: var(--success-title);
|
|
623
623
|
`,containerColor:c`
|
|
624
624
|
background-color: var(--success-container);
|
|
625
|
-
`}},
|
|
625
|
+
`}},ka=({type:o="info",title:t,children:r,className:n})=>{let a=er[o];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[oo,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:to},e("div",{css:ro},e(i,{css:[io,a.iconColor]})),e("div",null,t?e("h3",{css:[no,a.titleColor]},t):null,r?e("div",{css:[ao,a.descriptionColor]},r):null)))};import{css as so,keyframes as or}from"@emotion/react";var tr=or`
|
|
626
626
|
0%, 100% {
|
|
627
627
|
opacity: 1.0;
|
|
628
628
|
transform: translateY(0);
|
|
@@ -638,14 +638,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
638
638
|
opacity: 0.2;
|
|
639
639
|
transform: translateY(-5px);
|
|
640
640
|
}
|
|
641
|
-
`,so
|
|
641
|
+
`,lo=so`
|
|
642
642
|
display: inline-flex;
|
|
643
643
|
justify-content: center;
|
|
644
|
-
`,
|
|
644
|
+
`,Y=so`
|
|
645
645
|
background-color: var(--gray-700);
|
|
646
646
|
display: block;
|
|
647
647
|
border-radius: var(--rounded-full);
|
|
648
|
-
animation: ${
|
|
648
|
+
animation: ${tr} 0.75s infinite ease-in-out;
|
|
649
649
|
width: 8px;
|
|
650
650
|
height: 8px;
|
|
651
651
|
margin: 0 var(--spacing-xs);
|
|
@@ -662,53 +662,53 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
662
662
|
&:nth-of-type(3) {
|
|
663
663
|
animation-delay: 0.6s;
|
|
664
664
|
}
|
|
665
|
-
`;var
|
|
665
|
+
`;var za=()=>e("div",{css:lo,role:"alert","data-test-id":"loading-indicator"},e("span",{css:Y}),e("span",{css:Y}),e("span",{css:Y}));import{css as rr}from"@emotion/react";import{css as E}from"@emotion/react";var co=E`
|
|
666
666
|
align-items: center;
|
|
667
667
|
position: absolute;
|
|
668
668
|
inset: 0 0;
|
|
669
669
|
overflow: hidden;
|
|
670
670
|
z-index: 9999;
|
|
671
671
|
justify-content: center;
|
|
672
|
-
`,
|
|
672
|
+
`,po=E`
|
|
673
673
|
display: flex;
|
|
674
|
-
`,
|
|
674
|
+
`,uo=E`
|
|
675
675
|
display: none;
|
|
676
|
-
`,
|
|
676
|
+
`,mo=E`
|
|
677
677
|
background: var(--white);
|
|
678
678
|
opacity: 0.5;
|
|
679
679
|
position: absolute;
|
|
680
680
|
inset: 0 0;
|
|
681
|
-
`,
|
|
681
|
+
`,go=E`
|
|
682
682
|
align-items: center;
|
|
683
683
|
display: flex;
|
|
684
684
|
flex-direction: column;
|
|
685
|
-
`,
|
|
685
|
+
`,bo=E`
|
|
686
686
|
color: var(--gray-500);
|
|
687
687
|
margin: var(--spacing-base) 0 0;
|
|
688
|
-
`;var
|
|
688
|
+
`;var Ga=({isActive:o,statusMessage:t})=>e("div",{role:"alert",css:[co,o?po:uo],"aria-hidden":!o},e("div",{css:mo}),e("div",{css:rr`
|
|
689
689
|
position: relative;
|
|
690
|
-
`},e("div",{css:
|
|
690
|
+
`},e("div",{css:go},e(nr,{height:128,width:128}),t?e("div",{css:bo},t):null))),nr=({height:o,width:t})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:t!=null?t:40,height:o!=null?o:40,stroke:"currentColor"},e("g",{fill:"none",fillRule:"evenodd"},e("g",{transform:"translate(1 1)",strokeWidth:"2"},e("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),e("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));import{css as C}from"@emotion/react";var fo=C`
|
|
691
691
|
font-family: var(--ff-heading);
|
|
692
692
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
693
693
|
font-weight: var(--fw-bold);
|
|
694
694
|
margin-bottom: var(--spacing-base);
|
|
695
|
-
`,fo=C`
|
|
696
|
-
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
697
695
|
`,vo=C`
|
|
698
|
-
font-size: clamp(1.
|
|
696
|
+
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
699
697
|
`,ho=C`
|
|
700
|
-
font-size: clamp(1.
|
|
698
|
+
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
701
699
|
`,yo=C`
|
|
702
|
-
font-size: clamp(
|
|
700
|
+
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
703
701
|
`,xo=C`
|
|
704
|
-
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.
|
|
702
|
+
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
705
703
|
`,wo=C`
|
|
704
|
+
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
705
|
+
`,Co=C`
|
|
706
706
|
font-weight: var(--fw-bold);
|
|
707
707
|
font-family: var(--ff-base);
|
|
708
708
|
margin-bottom: var(--spacing-base);
|
|
709
|
-
`,
|
|
709
|
+
`,So=C`
|
|
710
710
|
line-height: 1.35;
|
|
711
|
-
`;var
|
|
711
|
+
`;var Lo=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:fo,h2:vo,h3:ho,h4:yo,h5:xo,h6:wo},i=n.includes("h1")?void 0:Co;return e(n,{...r,css:[a[n],i,So]},t)};import{css as ar}from"@emotion/react";var Ro=ar`
|
|
712
712
|
font-size: var(--fs-base);
|
|
713
713
|
line-height: 1.5;
|
|
714
714
|
margin-bottom: var(--spacing-base);
|
|
@@ -716,31 +716,69 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
716
716
|
&:last-of-type {
|
|
717
717
|
margin-bottom: 0;
|
|
718
718
|
}
|
|
719
|
-
`;var
|
|
719
|
+
`;var Xa=({className:o,children:t,...r})=>e("p",{...r,css:[Ro,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);import ir from"next/link";import{css as I}from"@emotion/react";var Io=I`
|
|
720
|
+
gap: var(--spacing-lg);
|
|
721
|
+
justify-content: space-between;
|
|
722
|
+
margin-bottom: var(--spacing-lg);
|
|
723
|
+
|
|
724
|
+
${k("lg")} {
|
|
725
|
+
display: flex;
|
|
726
|
+
}
|
|
727
|
+
`,Po=I`
|
|
728
|
+
flex-grow: 1;
|
|
729
|
+
max-width: var(--prose);
|
|
730
|
+
`,ko=I`
|
|
731
|
+
align-items: center;
|
|
732
|
+
display: flex;
|
|
733
|
+
flex-grow: 1;
|
|
734
|
+
`,To=I`
|
|
735
|
+
margin-left: -0.5rem;
|
|
736
|
+
`,Mo=I`
|
|
737
|
+
color: var(--brand-secondary-3);
|
|
738
|
+
text-decoration: none;
|
|
739
|
+
font-size: var(--fs-sm);
|
|
740
|
+
&:hover {
|
|
741
|
+
text-decoration: underline;
|
|
742
|
+
}
|
|
743
|
+
`,Bo=I`
|
|
744
|
+
align-items: flex-start;
|
|
745
|
+
gap: var(--spacing-lg);
|
|
746
|
+
margin-top: var(--spacing-base);
|
|
747
|
+
|
|
748
|
+
${k("sm")} {
|
|
749
|
+
display: flex;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
${k("md")} {
|
|
753
|
+
margin-top: 0;
|
|
754
|
+
}
|
|
755
|
+
`,Ho=I`
|
|
756
|
+
margin-block: 0 var(--spacing-base);
|
|
757
|
+
`;import{CgChevronLeft as sr}from"react-icons/cg";var ni=({title:o,desc:t,children:r,linkText:n,linkProps:a,...i})=>e("div",{css:Io},e("section",{css:Po},n&&a?e("div",{css:ko},e(f,{icon:sr,size:18,css:To}),e(ir,{...a},e("a",{css:Mo},n))):null,e(Lo,{level:2,css:Ho,...i,"data-test-id":"page-header-section"},o),t),r?e("div",{css:Bo},r):null);import{css as X}from"@emotion/react";var zo=X`
|
|
720
758
|
display: inline-flex;
|
|
721
759
|
text-decoration: underline;
|
|
722
760
|
|
|
723
761
|
&:hover {
|
|
724
762
|
text-decoration: none;
|
|
725
763
|
}
|
|
726
|
-
`,
|
|
764
|
+
`,Eo=X`
|
|
727
765
|
color: var(--brand-secondary-3);
|
|
728
|
-
`,
|
|
766
|
+
`,Ao=X`
|
|
729
767
|
color: var(--brand-secondary-5);
|
|
730
|
-
`,
|
|
768
|
+
`,Do=X`
|
|
731
769
|
color: currentColor;
|
|
732
|
-
`;import{CgExternal as
|
|
770
|
+
`;import{CgExternal as lr}from"react-icons/cg";var pi=({external:o,text:t,linkColor:r="currentColor",...n})=>e("a",{css:[zo,{currentColor:Do,red:Ao,green:Eo}[r]],...n},t,o?e(f,{icon:lr,iconColor:"currentColor",size:24}):null);import{css as cr}from"@emotion/react";import{css as Vo}from"@emotion/react";var Oo=Vo`
|
|
733
771
|
position: relative;
|
|
734
|
-
`,
|
|
772
|
+
`,Go=Vo`
|
|
735
773
|
background: var(--gray-50);
|
|
736
774
|
border-top: 1px solid var(--gray-200);
|
|
737
775
|
border-bottom: 1px solid var(--gray-200);
|
|
738
776
|
max-height: 24rem;
|
|
739
777
|
overflow-y: auto;
|
|
740
778
|
padding: var(--spacing-sm);
|
|
741
|
-
`;var
|
|
742
|
-
${
|
|
743
|
-
`},o):null,e("div",{css:[
|
|
779
|
+
`;var hi=({label:o,children:t})=>e("div",{css:Oo},o?e("span",{css:cr`
|
|
780
|
+
${h}
|
|
781
|
+
`},o):null,e("div",{css:[Go,ee]},t));import{css as re}from"@emotion/react";var $o=re`
|
|
744
782
|
align-items: center;
|
|
745
783
|
background: var(--white);
|
|
746
784
|
border-radius: var(--rounded-base);
|
|
@@ -754,9 +792,9 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
754
792
|
&:last-of-type {
|
|
755
793
|
margin-block: 0;
|
|
756
794
|
}
|
|
757
|
-
`,
|
|
795
|
+
`,Wo=re`
|
|
758
796
|
border-color: var(--brand-secondary-3);
|
|
759
|
-
`,
|
|
797
|
+
`,Fo=re`
|
|
760
798
|
align-items: center;
|
|
761
799
|
border: none;
|
|
762
800
|
background: transparent;
|
|
@@ -770,7 +808,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
770
808
|
&:focus {
|
|
771
809
|
outline: none;
|
|
772
810
|
}
|
|
773
|
-
`;import{css as
|
|
811
|
+
`;import{css as No}from"@emotion/react";import{keyframes as G}from"@emotion/react";var Si=G`
|
|
774
812
|
0%,
|
|
775
813
|
100% {
|
|
776
814
|
transform: scale(1);
|
|
@@ -780,7 +818,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
780
818
|
transform: scale(1.15);
|
|
781
819
|
opacity: 1;
|
|
782
820
|
}
|
|
783
|
-
`,
|
|
821
|
+
`,Zo=G`
|
|
784
822
|
0% {
|
|
785
823
|
opacity: 0;
|
|
786
824
|
transform: translateY(10px);
|
|
@@ -789,7 +827,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
789
827
|
opacity: 1;
|
|
790
828
|
transform: translateY(0);
|
|
791
829
|
}
|
|
792
|
-
`,
|
|
830
|
+
`,Li=G`
|
|
793
831
|
0% {
|
|
794
832
|
opacity: 1;
|
|
795
833
|
transform: translateY(0);
|
|
@@ -798,23 +836,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import yt from"reac
|
|
|
798
836
|
opacity: 0;
|
|
799
837
|
transform: translateY(10px);
|
|
800
838
|
}
|
|
801
|
-
`,
|
|
839
|
+
`,Ri=G`
|
|
802
840
|
0% {
|
|
803
841
|
opacity: 0;
|
|
804
842
|
}
|
|
805
843
|
100% {
|
|
806
844
|
opacity: 1;
|
|
807
845
|
}
|
|
808
|
-
`,
|
|
846
|
+
`,Ii=G`
|
|
809
847
|
to {
|
|
810
848
|
transform: scale(4);
|
|
811
|
-
}`;var
|
|
849
|
+
}`;var Bi=({buttonText:o,active:t,...r})=>e("div",{css:[$o,t?Wo:void 0]},e("button",{css:Fo,type:"button",...r},e("span",null,o),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!t,css:No`
|
|
812
850
|
color: var(--brand-secondary-3);
|
|
813
851
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
814
|
-
${t?
|
|
815
|
-
animation: ${
|
|
852
|
+
${t?No`
|
|
853
|
+
animation: ${Zo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
816
854
|
`:"opacity: 0;"}
|
|
817
|
-
`},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
|
|
855
|
+
`},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 dr}from"react-icons/cg";import{css as y}from"@emotion/react";var Uo=y`
|
|
818
856
|
align-items: center;
|
|
819
857
|
border: 1px solid transparent;
|
|
820
858
|
border-radius: var(--rounded-sm);
|
|
@@ -834,7 +872,7 @@ to {
|
|
|
834
872
|
&:focus {
|
|
835
873
|
border-color: var(--gray-700);
|
|
836
874
|
}
|
|
837
|
-
`,
|
|
875
|
+
`,Ko=y`
|
|
838
876
|
border: 1px solid transparent;
|
|
839
877
|
background: transparent;
|
|
840
878
|
border-radius: var(--rounded-base);
|
|
@@ -856,48 +894,48 @@ to {
|
|
|
856
894
|
cursor: default;
|
|
857
895
|
pointer-events: none;
|
|
858
896
|
}
|
|
859
|
-
`,
|
|
897
|
+
`,Yo=y`
|
|
860
898
|
padding: var(--spacing-sm);
|
|
861
899
|
border-left: 1px solid currentColor;
|
|
862
|
-
`,
|
|
900
|
+
`,Xo=y`
|
|
863
901
|
background: var(--brand-secondary-1);
|
|
864
902
|
color: var(--white);
|
|
865
|
-
`,
|
|
903
|
+
`,_=y`
|
|
866
904
|
background: var(--gray-300);
|
|
867
905
|
color: var(--white);
|
|
868
|
-
|
|
906
|
+
`,_o=y`
|
|
869
907
|
background: var(--brand-secondary-5);
|
|
870
908
|
color: var(--white);
|
|
871
|
-
`,
|
|
872
|
-
${
|
|
873
|
-
`,
|
|
909
|
+
`,qo=y`
|
|
910
|
+
${_}
|
|
911
|
+
`,Jo=y`
|
|
874
912
|
background: var(--brand-secondary-2);
|
|
875
913
|
color: var(--brand-secondary-1);
|
|
876
|
-
`,
|
|
877
|
-
${
|
|
878
|
-
`,
|
|
914
|
+
`,Qo=y`
|
|
915
|
+
${_}
|
|
916
|
+
`,jo=y`
|
|
879
917
|
background: transparent;
|
|
880
918
|
color: var(--brand-secondary-3);
|
|
881
919
|
|
|
882
920
|
&:hover {
|
|
883
921
|
border-color: var(--brand-secondary-3);
|
|
884
922
|
}
|
|
885
|
-
`,
|
|
923
|
+
`,et=y`
|
|
886
924
|
border-color: var(--gray-400);
|
|
887
925
|
color: var(--gray-400);
|
|
888
|
-
`;var
|
|
926
|
+
`;var Gi=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Uo,n?{primary:_,secondary:qo,ghost:et,unimportant:Qo}[t]:{primary:Xo,secondary:_o,ghost:jo,unimportant:Jo}[t]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Ko,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),e(Ue,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:Yo,"data-test-id":"multioptions-button-call-menu"},e(f,{icon:dr,size:24,iconColor:"currentColor"}))},a));import{css as hr}from"@emotion/react";import ur,{useContext as mr,useEffect as gr,useState as br}from"react";import{css as ne}from"@emotion/react";var ot=ne`
|
|
889
927
|
position: absolute;
|
|
890
|
-
`,
|
|
928
|
+
`,tt=ne`
|
|
891
929
|
display: flex;
|
|
892
930
|
gap: var(--spacing-sm);
|
|
893
931
|
font-size: var(--fs-xs);
|
|
894
|
-
`,
|
|
932
|
+
`,rt=ne`
|
|
895
933
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
896
934
|
border-radius: var(--rounded-base);
|
|
897
935
|
border: 1px solid var(--gray-600);
|
|
898
936
|
box-shadow: var(--shadow-base);
|
|
899
937
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
900
|
-
`;import{useHotkeys as
|
|
938
|
+
`;import{useHotkeys as pr}from"react-hotkeys-hook";var A=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function ae(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function q({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=A&&r?r:t;A&&!r&&(i=ae(t)),pr(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var nt=!1,at=ur.createContext(!1),ie=["ctrl+F1","option+shift+/"];function Xi({children:o}){let[t,r]=br(!1);return gr(()=>{nt||(nt=!0,console.log(`Type ${it(A?ie[1]:ie[0])} to show keyboard shortcuts`))},[]),q({shortcut:ie.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e(at.Provider,{value:t},o)}function it(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function st({shortcut:o,macShortcut:t,className:r}){if(!mr(at)||!o.includes("+")&&o.length>1)return null;let a=A&&t?t:o;A&&!t&&(a=ae(o));let i=it(a);return e("div",{css:[ot,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(fr,{shortcut:i}))}function fr({shortcut:o}){let t=o.split("+");return e("div",{css:tt},t.map(r=>e("span",{key:r,css:rt},r.toUpperCase())))}import{css as vr}from"@emotion/react";var lt=vr`
|
|
901
939
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
902
940
|
align-items: center;
|
|
903
941
|
box-shadow: var(--shadow-base);
|
|
@@ -942,10 +980,10 @@ to {
|
|
|
942
980
|
transform: scale(0.95);
|
|
943
981
|
}
|
|
944
982
|
}
|
|
945
|
-
`;var
|
|
983
|
+
`;var ts=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(q({shortcut:r,macShortcut:n,handler:t,activeWhenEditing:!0}),e("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:t,css:lt,...a},r?e(st,{shortcut:r,css:hr`
|
|
946
984
|
top: -2rem;
|
|
947
985
|
left: -1.5rem;
|
|
948
|
-
`}):null,e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",fill:"currentColor"}))));import*as
|
|
986
|
+
`}):null,e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",fill:"currentColor"}))));import*as J from"react";import{css as $}from"@emotion/react";var ct=$`
|
|
949
987
|
cursor: pointer;
|
|
950
988
|
display: inline-block;
|
|
951
989
|
position: relative;
|
|
@@ -953,7 +991,7 @@ to {
|
|
|
953
991
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
954
992
|
vertical-align: middle;
|
|
955
993
|
user-select: none;
|
|
956
|
-
`,
|
|
994
|
+
`,dt=$`
|
|
957
995
|
appearance: none;
|
|
958
996
|
border-radius: var(--rounded-full);
|
|
959
997
|
background-color: var(--white);
|
|
@@ -990,14 +1028,14 @@ to {
|
|
|
990
1028
|
&:disabled {
|
|
991
1029
|
cursor: not-allowed;
|
|
992
1030
|
}
|
|
993
|
-
`,
|
|
1031
|
+
`,pt=$`
|
|
994
1032
|
opacity: var(--opacity-50);
|
|
995
1033
|
cursor: not-allowed;
|
|
996
1034
|
|
|
997
1035
|
& > :before {
|
|
998
1036
|
cursor: not-allowed;
|
|
999
1037
|
}
|
|
1000
|
-
`,
|
|
1038
|
+
`,ut=$`
|
|
1001
1039
|
align-items: center;
|
|
1002
1040
|
color: var(--brand-secondary-1);
|
|
1003
1041
|
display: inline-flex;
|
|
@@ -1018,29 +1056,29 @@ to {
|
|
|
1018
1056
|
left: 0;
|
|
1019
1057
|
top: 0;
|
|
1020
1058
|
}
|
|
1021
|
-
`,
|
|
1059
|
+
`,mt=$`
|
|
1022
1060
|
color: var(--gray-500);
|
|
1023
1061
|
font-size: var(--fs-sm);
|
|
1024
1062
|
padding-inline: var(--spacing-2xl) 0;
|
|
1025
|
-
`;var
|
|
1063
|
+
`;var ss=J.forwardRef(({label:o,infoText:t,toggleText:r,children:n,...a},i)=>{let s=t;return t&&r&&(s=a.checked?r:t),e(J.Fragment,null,e("label",{css:[ct,a.disabled?pt:void 0]},e("input",{type:"checkbox",css:dt,...a,ref:i}),e("span",{css:ut},o)),s?e("p",{css:mt},s):null,n)});import*as S from"react";import{css as W}from"@emotion/react";var gt=W`
|
|
1026
1064
|
border-bottom: 1px solid var(--gray-400);
|
|
1027
1065
|
border-collapse: collapse;
|
|
1028
1066
|
min-width: 100%;
|
|
1029
1067
|
table-layout: auto;
|
|
1030
|
-
`,
|
|
1068
|
+
`,bt=W`
|
|
1031
1069
|
background: var(--gray-100);
|
|
1032
1070
|
color: var(--brand-secondary-1);
|
|
1033
1071
|
text-align: left;
|
|
1034
|
-
`,
|
|
1072
|
+
`,ft=W`
|
|
1035
1073
|
border-bottom: 1px solid var(--gray-200);
|
|
1036
|
-
`,
|
|
1074
|
+
`,vt=W`
|
|
1037
1075
|
font-size: var(--fs-sm);
|
|
1038
1076
|
padding: var(--spacing-base) var(--spacing-md);
|
|
1039
1077
|
text-transform: uppercase;
|
|
1040
1078
|
font-weight: var(--fw-bold);
|
|
1041
|
-
`,
|
|
1079
|
+
`,ht=W`
|
|
1042
1080
|
padding: var(--spacing-base) var(--spacing-md);
|
|
1043
|
-
`;var
|
|
1081
|
+
`;var ds=S.forwardRef(({children:o,...t},r)=>e("table",{ref:r,css:gt,...t},o)),ps=S.forwardRef(({children:o,...t},r)=>e("thead",{ref:r,css:bt,...t},o)),us=S.forwardRef(({children:o,...t},r)=>e("tbody",{ref:r,...t},o)),ms=S.forwardRef(({children:o,...t},r)=>e("tfoot",{ref:r,...t},o)),gs=S.forwardRef(({children:o,...t},r)=>e("tr",{ref:r,css:ft,...t},o)),bs=S.forwardRef(({children:o,...t},r)=>e("th",{ref:r,css:vt,...t},o)),fs=S.forwardRef(({children:o,...t},r)=>e("td",{ref:r,css:ht,...t},o));import{CgMathPlus as xr,CgAdd as wr,CgAddR as Cr}from"react-icons/cg";import{css as se}from"@emotion/react";var yt=se`
|
|
1044
1082
|
align-items: center;
|
|
1045
1083
|
background: transparent;
|
|
1046
1084
|
border: none;
|
|
@@ -1061,16 +1099,16 @@ to {
|
|
|
1061
1099
|
&:hover svg {
|
|
1062
1100
|
box-shadow: var(--shadow-base);
|
|
1063
1101
|
}
|
|
1064
|
-
`,
|
|
1102
|
+
`,xt=o=>se`
|
|
1065
1103
|
box-sizing: border-box;
|
|
1066
1104
|
background: ${o?"var(--gray-300)":"var(--brand-secondary-3)"};
|
|
1067
1105
|
border-radius: var(--rounded-full);
|
|
1068
1106
|
color: var(--white);
|
|
1069
1107
|
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1070
|
-
`,
|
|
1108
|
+
`,le=se`
|
|
1071
1109
|
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
1072
|
-
`;var
|
|
1073
|
-
align-items: ${
|
|
1110
|
+
`;var Ss=({buttonText:o="Add Item",onButtonClick:t,disabled:r,icon:n="math-plus",...a})=>{let i={"math-plus":xr,add:wr,"add-r":Cr};return e("button",{type:"button",css:yt,onClick:t,title:o,disabled:r,...a},n==="math-plus"?e(f,{icon:i[n],iconColor:"currentColor",size:22,css:[le,xt(r)]}):e(f,{icon:i[n],iconColor:"currentColor",size:22,css:le}),o)};import{css as Sr}from"@emotion/react";var Lr=o=>({auto:"auto",sm:"8rem",md:"16rem",lg:"20rem"})[o],Rr=o=>({left:"flex-start",right:"flex-end",center:"center"})[o],wt=o=>Sr`
|
|
1111
|
+
align-items: ${Rr(o.textAlign)};
|
|
1074
1112
|
border: 2px dashed var(--gray-300);
|
|
1075
1113
|
border-radius: var(--rounded-base);
|
|
1076
1114
|
background: ${o.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
@@ -1080,27 +1118,27 @@ to {
|
|
|
1080
1118
|
text-align: ${o.textAlign};
|
|
1081
1119
|
padding: var(--spacing-lg);
|
|
1082
1120
|
will-change: auto;
|
|
1083
|
-
min-height: ${
|
|
1084
|
-
`;var
|
|
1121
|
+
min-height: ${Lr(o.boxHeight)};
|
|
1122
|
+
`;var ks=({bgColor:o="transparent",textAlign:t="center",boxHeight:r="md",children:n,...a})=>e("div",{css:wt({bgColor:o,boxHeight:r,textAlign:t}),...a},n);import{css as P}from"@emotion/react";var Ct=P`
|
|
1085
1123
|
margin-block: var(--spacing-sm);
|
|
1086
|
-
`,
|
|
1124
|
+
`,St=P`
|
|
1087
1125
|
background: var(--gray-100);
|
|
1088
1126
|
margin-top: var(--spacing-sm);
|
|
1089
1127
|
position: relative;
|
|
1090
1128
|
overflow: hidden;
|
|
1091
1129
|
height: 0.25rem;
|
|
1092
|
-
`,
|
|
1130
|
+
`,Lt=P`
|
|
1093
1131
|
position: absolute;
|
|
1094
1132
|
inset: 0;
|
|
1095
1133
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1096
|
-
`,
|
|
1134
|
+
`,Rt=P`
|
|
1097
1135
|
display: flex;
|
|
1098
1136
|
justify-content: space-between;
|
|
1099
1137
|
font-weight: var(--fw-bold);
|
|
1100
|
-
`,
|
|
1138
|
+
`,ce=P`
|
|
1101
1139
|
font-size: var(--fs-baase);
|
|
1102
|
-
`,
|
|
1140
|
+
`,It=o=>P`
|
|
1103
1141
|
background: ${o};
|
|
1104
|
-
`,
|
|
1142
|
+
`,Pt=o=>P`
|
|
1105
1143
|
color: ${o};
|
|
1106
|
-
`;var
|
|
1144
|
+
`;var zs=({current:o,max:t,label:r})=>{let a=Math.ceil(o/t*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:Ct},e("div",{css:Rt},e("span",{css:ce},r),e("span",{css:[ce,Pt(s)]},o," of ",t)),e("div",{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,"aria-valuetext":`${o} of ${t}`,css:St},e("span",{role:"presentation",css:[Lt,It(s)],style:{transform:`translateX(${a-100}%)`}})))};export{ts as AddButton,Ss as AddListButton,_r as Button,Gi as ButtonWithMenu,ka as Callout,x as Caption,ks as DashedBox,w as ErrorMessage,Lo as Heading,f as Icon,en as IconsProvider,Ee as Input,Pn as InputComboBox,Vn as InputInlineSelect,Wn as InputKeywordSearch,Yn as InputSelect,Qn as InputToggle,B as Label,zs as LimitsBar,pi as Link,nr as LoadingIcon,za as LoadingIndicator,Ga as LoadingOverlay,Ue as Menu,Ze as MenuContext,ya as MenuItem,ni as PageHeaderSection,Xa as Paragraph,hi as ScrollableList,Bi as ScrollableListItem,Xi as ShortcutContext,st as ShortcutRevealer,ss as Switch,ds as Table,us as TableBody,fs as TableCellData,bs as TableCellHead,ms as TableFoot,ps as TableHead,gs as TableRow,ra as Textarea,Tr as Theme,Gr as UniformBadge,Fr as UniformLogo,Tt as breakpoints,M as input,L as inputError,j as inputSelect,h as labelText,k as mq,ee as scrollbarStyles,Ie as useIconContext,Ne as useMenuContext};
|