@uniformdev/design-system 16.1.1-alpha.145 → 16.1.1-alpha.169
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 +110 -88
- package/dist/index.d.ts +23 -1
- package/dist/index.js +121 -99
- package/package.json +3 -3
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 lt from"react";var or=({disableReset:o=!1})=>e(lt.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 {
|
|
@@ -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 ct={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},te=o=>`@media (min-width: ${ct[o]})`;import{css as b}from"@emotion/react";var R=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
|
-
`,D=
|
|
201
|
+
`,D=b`
|
|
202
202
|
padding-right: var(--spacing-2xl);
|
|
203
|
-
`,X=
|
|
203
|
+
`,X=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
|
-
`,re=
|
|
209
|
+
`,re=b`
|
|
210
210
|
color: var(--brand-secondary-1);
|
|
211
211
|
height: 1.25rem;
|
|
212
212
|
width: 1.25rem;
|
|
213
|
-
`,ne=
|
|
213
|
+
`,ne=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
|
-
`,ae=
|
|
221
|
+
`,ae=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
|
-
`,ie=
|
|
252
|
+
`,ie=b`
|
|
253
253
|
font-weight: var(--fw-medium);
|
|
254
|
-
`,se=
|
|
254
|
+
`,se=b`
|
|
255
255
|
cursor: not-allowed;
|
|
256
256
|
color: var(--gray-400);
|
|
257
|
-
`,le=
|
|
257
|
+
`,le=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
|
-
`,ce=
|
|
264
|
+
`,ce=b`
|
|
265
265
|
${T}
|
|
266
|
-
`;import{css as
|
|
266
|
+
`;import{css as pt}from"@emotion/react";var _=pt`
|
|
267
267
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
268
268
|
/*
|
|
269
269
|
#d1d5db = bg-gray-300
|
|
@@ -297,7 +297,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
297
297
|
`,Z=q`
|
|
298
298
|
background: var(--brand-secondary-1);
|
|
299
299
|
color: var(--white);
|
|
300
|
-
`;var
|
|
300
|
+
`;var dr=({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:[G,o==="dark"?Z:W],...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 gr=({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:[G,o==="dark"?Z:W],...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 fe from"react";import{Button as dt}from"reakit/Button";import{css as k}from"@emotion/react";var pe=k`
|
|
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
|
-
`,de=
|
|
324
|
+
`,de=k`
|
|
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
|
-
`,ue=
|
|
332
|
+
`,ue=k`
|
|
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
|
-
`,me=
|
|
340
|
+
`,me=k`
|
|
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
|
-
`,ge=
|
|
348
|
+
`,ge=k`
|
|
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
|
+
`,be=k`
|
|
362
362
|
background: var(--brand-secondary-3);
|
|
363
363
|
color: var(--white);
|
|
364
364
|
|
|
@@ -366,7 +366,7 @@ 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 wr=fe.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:de,secondary:ue,ghost:ge,unimportant:me,tertiary:be},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(dt,{ref:a,css:[pe,i[o],s[t]],...n},r)});import ht from"react";import{createContext as ut,useContext as mt,useEffect as gt,useState as ve}from"react";import{paramCase as bt}from"param-case";var he=ut({iconsMap:{},isLoading:!0});function ye(){return mt(he)}function Tr({children:o}){let[t,r]=ve(!0),[n,a]=ve({});return gt(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let g=ft(p);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(he.Provider,{value:{iconsMap:n,isLoading:t}},o)}function ft(o){var t,r;return(r=(t=bt(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}import{css as E}from"@emotion/react";var xe=E`
|
|
370
370
|
display: hidden;
|
|
371
371
|
|
|
372
372
|
${te("sm")} {
|
|
@@ -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
|
-
`,we=
|
|
380
|
+
`,we=E`
|
|
381
381
|
color: var(--brand-secondary-3);
|
|
382
|
-
`,Ce=
|
|
382
|
+
`,Ce=E`
|
|
383
383
|
color: var(--brand-secondary-5);
|
|
384
|
-
`,Se=
|
|
384
|
+
`,Se=E`
|
|
385
385
|
color: var(--gray-500);
|
|
386
|
-
`,Ie=
|
|
386
|
+
`,Ie=E`
|
|
387
387
|
color: currentColor;
|
|
388
|
-
`;var
|
|
388
|
+
`;var yt=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=ye(),u={green:we,gray:Se,red:Ce,currentColor:Ie};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:[xe,u[t]]})},h=ht.memo(yt);import{css as xt}from"@emotion/react";var Re=xt`
|
|
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:o,testId:t})=>e("small",{css:Re,"data-test-id":t},o);import{MdWarning as
|
|
394
|
+
`;var x=({children:o,testId:t})=>e("small",{css:Re,"data-test-id":t},o);import{MdWarning as Ct}from"react-icons/md";import{css as wt}from"@emotion/react";var Te=wt`
|
|
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:o,testId:t})=>o?e("span",{css:Te,"data-test-id":t},e(
|
|
400
|
+
`;var w=({message:o,testId:t})=>o?e("span",{css:Te,"data-test-id":t},e(h,{icon:Ct,size:16,iconColor:"currentColor"}),o):null;var M=({children:o,className:t,testId:r,...n})=>e("label",{css:[v,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var ke=({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:f,...Y})=>e("div",{"data-test-id":s},a?e(M,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},o):null,e("div",{css:[R,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[T,typeof d=="object"?d:void 0,i?I:void 0,t?D:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...Y}),t?e("div",{css:V},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import St from"react-select";function Qr(o){return e(St,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r),color:"#828282"}},valueContainer:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r),padding:"var(--spacing-base)"}},input:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(t,r)=>({...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"}}),indicatorsContainer:t=>({...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"}}),indicatorSeparator:()=>({display:"none"})}})}import{css as It}from"@emotion/react";import*as Ee from"react";import{useState as Rt,useRef as Tt}from"react";import{css as H}from"@emotion/react";var Me=H`
|
|
401
401
|
margin-inline: auto;
|
|
402
402
|
max-width: fit-content;
|
|
403
|
-
`,
|
|
403
|
+
`,Le=H`
|
|
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
|
+
`,Pe=H`
|
|
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
|
-
`,Be=
|
|
436
|
+
`,Be=H`
|
|
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
|
-
`,ze=
|
|
451
|
+
`,ze=H`
|
|
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 kt}from"react-icons/cg";var cn=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Rt(!1),p=Tt(null);Ee.useEffect(()=>{let d=f=>{p.current&&!p.current.contains(f.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?It`
|
|
459
459
|
max-width: fit-content;
|
|
460
460
|
${typeof o=="object"?o:void 0}
|
|
461
|
-
`:
|
|
461
|
+
`:Me,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Le,onClick:()=>{a||u(d=>!d)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(h,{icon:kt,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[Pe,s?void 0:ze],"aria-hidden":!s},t.map(d=>e("button",{key:d.value,type:"button",css:Be,onClick:()=>{n(d),u(f=>!f)}},d.label))))};var mn=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i})=>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:re},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:p=>{o(p.currentTarget.value)},onKeyPress:p=>{p.key==="Enter"&&a&&p.preventDefault()},disabled:t,"aria-label":r});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:[R,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(M,{htmlFor:g.id,css:[v,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o,s)):null,e("select",{title:o,"aria-label":i?void 0:o,css:[T,X,a?I:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...g},t?e("option",{value:""},t):null,r.map((d,f)=>e("option",{key:f,value:d.label,...d}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var In=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(M,{css:[ne,r?se:void 0]},e("input",{type:t,css:ae,checked:n,name:a,disabled:r,...u}),e("span",{css:ie},o),i||s?e("span",{css:le},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as He from"react";var Ln=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(He.Fragment,null,a?e("label",{htmlFor:r,css:[v]},o):null,e("div",{css:[R]},e("textarea",{id:r,css:[ce,i?I:void 0,t?D:""],"aria-label":a?void 0:o,...s}),t?e("div",{css:V},t):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as L from"react";import{useMenuState as Lt,Menu as Pt,MenuButton as Bt}from"reakit/Menu";import{css as Mt}from"@emotion/react";var Ae=Mt`
|
|
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
|
|
467
|
+
`;var Oe=L.createContext({}),Ve=()=>L.useContext(Oe),De=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Lt({placement:r});return e(Oe.Provider,{value:i},e(Bt,{...i,ref:t.ref,...t.props},s=>L.cloneElement(t,s)),e(Pt,{...i,"aria-label":o,css:[Ae,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Fe from"react";import{MenuItem as zt}from"reakit";import{css as Ge}from"@emotion/react";var We=Ge`
|
|
468
468
|
background: var(--white);
|
|
469
469
|
border: none;
|
|
470
470
|
border-top: 1px solid var(--gray-500);
|
|
@@ -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 $n=Fe.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ve(),p=r?(g=>{let d={...g};if(d.onClick){let f=d.onClick;d.onClick=Y=>{s.hide(),f(Y)}}return d})(a):a,m=typeof o=="function"?o(p):o;return e(zt,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[We,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?Et(m,n):m)});function Et(o,t){return e("span",{css:Ze},o," ",t)}import{css as c}from"@emotion/react";var Ne=({...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"})),Ue=({...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"})),$e=({...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"})),Ke=({...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"})),J=({...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"})),Ye=({...o})=>e("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as P}from"@emotion/react";var Xe=P`
|
|
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
|
-
`,_e=
|
|
532
|
+
`,_e=P`
|
|
533
533
|
display: flex;
|
|
534
534
|
gap: var(--spacing-base);
|
|
535
|
-
`,qe=
|
|
535
|
+
`,qe=P`
|
|
536
536
|
flex-shrink: 0;
|
|
537
|
-
`,Je=
|
|
537
|
+
`,Je=P`
|
|
538
538
|
font-size: var(--fs-sm);
|
|
539
539
|
font-weight: var(--fw-bold);
|
|
540
540
|
margin: 0 0 var(--spacing-sm);
|
|
541
|
-
`,Qe=
|
|
541
|
+
`,Qe=P`
|
|
542
542
|
font-size: var(--fs-sm);
|
|
543
|
-
`,je=
|
|
543
|
+
`,je=P`
|
|
544
544
|
width: 1.25rem;
|
|
545
545
|
height: 1.25rem;
|
|
546
|
-
`;var
|
|
546
|
+
`;var Ht={caution:{icon:J,descriptionColor:c`
|
|
547
547
|
color: var(--caution-desc);
|
|
548
548
|
`,iconColor:c`
|
|
549
549
|
color: var(--caution-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
|
+
`}},ea=({type:o="info",title:t,children:r,className:n})=>{let a=Ht[o];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Xe,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:_e},e("div",{css:qe},e(i,{css:[je,a.iconColor]})),e("div",null,t?e("h3",{css:[Je,a.titleColor]},t):null,r?e("div",{css:[Qe,a.descriptionColor]},r):null)))};import{css as eo,keyframes as At}from"@emotion/react";var Ot=At`
|
|
603
603
|
0%, 100% {
|
|
604
604
|
opacity: 1.0;
|
|
605
605
|
transform: translateY(0);
|
|
@@ -622,7 +622,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
622
622
|
background-color: var(--gray-700);
|
|
623
623
|
display: block;
|
|
624
624
|
border-radius: var(--rounded-full);
|
|
625
|
-
animation: ${
|
|
625
|
+
animation: ${Ot} 0.75s infinite ease-in-out;
|
|
626
626
|
width: 8px;
|
|
627
627
|
height: 8px;
|
|
628
628
|
margin: 0 var(--spacing-xs);
|
|
@@ -639,7 +639,7 @@ 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 aa=()=>e("div",{css:oo,role:"alert","data-test-id":"loading-indicator"},e("span",{css:F}),e("span",{css:F}),e("span",{css:F}));import{css as Vt}from"@emotion/react";import{css as B}from"@emotion/react";var to=B`
|
|
643
643
|
align-items: center;
|
|
644
644
|
position: absolute;
|
|
645
645
|
inset: 0 0;
|
|
@@ -662,9 +662,9 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
662
662
|
`,so=B`
|
|
663
663
|
color: var(--gray-500);
|
|
664
664
|
margin: var(--spacing-base) 0 0;
|
|
665
|
-
`;var
|
|
665
|
+
`;var da=({isActive:o,statusMessage:t})=>e("div",{role:"alert",css:[to,o?ro:no],"aria-hidden":!o},e("div",{css:ao}),e("div",{css:Vt`
|
|
666
666
|
position: relative;
|
|
667
|
-
`},e("div",{css:io},e(
|
|
667
|
+
`},e("div",{css:io},e(Dt,{height:128,width:128}),t?e("div",{css:so},t):null))),Dt=({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 lo=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);
|
|
@@ -679,13 +679,13 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
679
679
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
680
680
|
`,go=C`
|
|
681
681
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
682
|
-
`,
|
|
682
|
+
`,bo=C`
|
|
683
683
|
font-weight: var(--fw-bold);
|
|
684
684
|
font-family: var(--ff-base);
|
|
685
685
|
margin-bottom: var(--spacing-base);
|
|
686
|
-
`,
|
|
686
|
+
`,fo=C`
|
|
687
687
|
line-height: 1.35;
|
|
688
|
-
`;var
|
|
688
|
+
`;var fa=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:lo,h2:co,h3:po,h4:uo,h5:mo,h6:go},i=n.includes("h1")?void 0:bo;return e(n,{...r,css:[a[n],i,fo]},t)};import{css as Gt}from"@emotion/react";var vo=Gt`
|
|
689
689
|
font-size: var(--fs-base);
|
|
690
690
|
line-height: 1.5;
|
|
691
691
|
margin-bottom: var(--spacing-base);
|
|
@@ -693,7 +693,7 @@ 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 wa=({className:o,children:t,...r})=>e("p",{...r,css:[vo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);import{css as N}from"@emotion/react";var ho=N`
|
|
697
697
|
display: inline-flex;
|
|
698
698
|
text-decoration: underline;
|
|
699
699
|
|
|
@@ -706,7 +706,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
706
706
|
color: var(--brand-secondary-5);
|
|
707
707
|
`,wo=N`
|
|
708
708
|
color: currentColor;
|
|
709
|
-
`;import{CgExternal as
|
|
709
|
+
`;import{CgExternal as Wt}from"react-icons/cg";var Ma=({external:o,text:t,linkColor:r="currentColor",...n})=>e("a",{css:[ho,{currentColor:wo,red:xo,green:yo}[r]],...n},t,o?e(h,{icon:Wt,iconColor:"currentColor",size:24}):null);import{css as Zt}from"@emotion/react";import{css as Co}from"@emotion/react";var So=Co`
|
|
710
710
|
position: relative;
|
|
711
711
|
`,Io=Co`
|
|
712
712
|
background: var(--gray-50);
|
|
@@ -715,7 +715,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
715
715
|
max-height: 24rem;
|
|
716
716
|
overflow-y: auto;
|
|
717
717
|
padding: var(--spacing-sm);
|
|
718
|
-
`;var
|
|
718
|
+
`;var Aa=({label:o,children:t})=>e("div",{css:So},o?e("span",{css:Zt`
|
|
719
719
|
${v}
|
|
720
720
|
`},o):null,e("div",{css:[Io,_]},t));import{css as Q}from"@emotion/react";var Ro=Q`
|
|
721
721
|
align-items: center;
|
|
@@ -734,7 +734,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
734
734
|
}
|
|
735
735
|
`,To=Q`
|
|
736
736
|
border-color: var(--brand-secondary-3);
|
|
737
|
-
`,
|
|
737
|
+
`,ko=Q`
|
|
738
738
|
align-items: center;
|
|
739
739
|
display: flex;
|
|
740
740
|
justify-content: space-between;
|
|
@@ -744,7 +744,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
744
744
|
&:focus {
|
|
745
745
|
outline: none;
|
|
746
746
|
}
|
|
747
|
-
`;import{css as
|
|
747
|
+
`;import{css as Lo}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Wa=U`
|
|
748
748
|
0%,
|
|
749
749
|
100% {
|
|
750
750
|
transform: scale(1);
|
|
@@ -754,7 +754,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
754
754
|
transform: scale(1.15);
|
|
755
755
|
opacity: 1;
|
|
756
756
|
}
|
|
757
|
-
`,
|
|
757
|
+
`,Mo=U`
|
|
758
758
|
0% {
|
|
759
759
|
opacity: 0;
|
|
760
760
|
transform: translateY(10px);
|
|
@@ -763,7 +763,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
763
763
|
opacity: 1;
|
|
764
764
|
transform: translateY(0);
|
|
765
765
|
}
|
|
766
|
-
`,
|
|
766
|
+
`,Za=U`
|
|
767
767
|
0% {
|
|
768
768
|
opacity: 1;
|
|
769
769
|
transform: translateY(0);
|
|
@@ -772,20 +772,20 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
772
772
|
opacity: 0;
|
|
773
773
|
transform: translateY(10px);
|
|
774
774
|
}
|
|
775
|
-
`,
|
|
775
|
+
`,Fa=U`
|
|
776
776
|
0% {
|
|
777
777
|
opacity: 0;
|
|
778
778
|
}
|
|
779
779
|
100% {
|
|
780
780
|
opacity: 1;
|
|
781
781
|
}
|
|
782
|
-
`;var
|
|
782
|
+
`;var Ya=({buttonText:o,active:t,...r})=>e("div",{css:[Ro,t?To:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},e("button",{css:ko,className:"flex items-center justify-between w-full outline-none focus:outline-none",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:Lo`
|
|
783
783
|
color: var(--brand-secondary-3);
|
|
784
784
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
785
|
-
${t?
|
|
786
|
-
animation: ${
|
|
785
|
+
${t?Lo`
|
|
786
|
+
animation: ${Mo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
787
787
|
`:"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
|
|
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 Ft}from"react-icons/cg";import{css as y}from"@emotion/react";var Po=y`
|
|
789
789
|
align-items: center;
|
|
790
790
|
border: 1px solid transparent;
|
|
791
791
|
color: var(--white);
|
|
@@ -804,46 +804,46 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
804
804
|
&:focus {
|
|
805
805
|
border-color: var(--gray-700);
|
|
806
806
|
}
|
|
807
|
-
`,Bo=
|
|
807
|
+
`,Bo=y`
|
|
808
808
|
border: 1px solid transparent;
|
|
809
809
|
background: transparent;
|
|
810
810
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
811
811
|
font-weight: var(--fw-medium);
|
|
812
812
|
letter-spacing: 0.025rem;
|
|
813
813
|
line-height: 1.25;
|
|
814
|
-
`,zo=
|
|
814
|
+
`,zo=y`
|
|
815
815
|
padding: var(--spacing-sm);
|
|
816
816
|
border-left: 1px solid currentColor;
|
|
817
|
-
`,
|
|
817
|
+
`,Eo=y`
|
|
818
818
|
background: var(--brand-secondary-1);
|
|
819
819
|
color: var(--white);
|
|
820
|
-
`,
|
|
820
|
+
`,Ho=y`
|
|
821
821
|
background: var(--gray-500);
|
|
822
822
|
color: var(--white);
|
|
823
|
-
`,
|
|
823
|
+
`,Ao=y`
|
|
824
824
|
background: var(--brand-secondary-5);
|
|
825
825
|
color: var(--white);
|
|
826
|
-
`,
|
|
826
|
+
`,Oo=y`
|
|
827
827
|
background: var(--gray-500);
|
|
828
828
|
color: var(--white);
|
|
829
|
-
`,
|
|
829
|
+
`,Vo=y`
|
|
830
830
|
background: var(--brand-secondary-2);
|
|
831
831
|
color: var(--brand-secondary-1);
|
|
832
|
-
`,Do=
|
|
832
|
+
`,Do=y`
|
|
833
833
|
background: var(--brand-secondary-2);
|
|
834
834
|
color: var(--gray-400);
|
|
835
|
-
`,Go=
|
|
835
|
+
`,Go=y`
|
|
836
836
|
background: transparent;
|
|
837
837
|
color: var(--brand-secondary-3);
|
|
838
838
|
|
|
839
839
|
&:hover {
|
|
840
840
|
border-color: var(--brand-secondary-3);
|
|
841
841
|
}
|
|
842
|
-
`,Wo=
|
|
842
|
+
`,Wo=y`
|
|
843
843
|
background: transparent;
|
|
844
844
|
border-color: var(--gray-400);
|
|
845
845
|
color: var(--gray-400);
|
|
846
|
-
`;var
|
|
846
|
+
`;var oi=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Po,n?{primary:Ho,secondary:Oo,ghost:Wo,unimportant:Do}[t]:{primary:Eo,secondary:Ao,ghost:Go,unimportant:Vo}[t]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Bo,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),e(De,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:zo,"data-test-id":"multioptions-button-call-menu"},e(h,{icon:Ft,size:24,iconColor:"currentColor"}))},a));import{css as qt}from"@emotion/react";import Ut,{useContext as $t,useEffect as Kt,useState as Yt}from"react";import{css as j}from"@emotion/react";var Zo=j`
|
|
847
847
|
position: absolute;
|
|
848
848
|
`,Fo=j`
|
|
849
849
|
display: flex;
|
|
@@ -855,7 +855,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
855
855
|
border: 1px solid var(--gray-600);
|
|
856
856
|
box-shadow: var(--shadow-base);
|
|
857
857
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
858
|
-
`;import{useHotkeys as
|
|
858
|
+
`;import{useHotkeys as Nt}from"react-hotkeys-hook";var z=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function ee(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function $({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=z&&r?r:t;z&&!r&&(i=ee(t)),Nt(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var Uo=!1,$o=Ut.createContext(!1),oe=["ctrl+F1","option+shift+/"];function pi({children:o}){let[t,r]=Yt(!1);return Kt(()=>{Uo||(Uo=!0,console.log(`Type ${Ko(z?oe[1]:oe[0])} to show keyboard shortcuts`))},[]),$({shortcut:oe.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e($o.Provider,{value:t},o)}function Ko(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Yo({shortcut:o,macShortcut:t,className:r}){if(!$t($o)||!o.includes("+")&&o.length>1)return null;let a=z&&t?t:o;z&&!t&&(a=ee(o));let i=Ko(a);return e("div",{css:[Zo,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(Xt,{shortcut:i}))}function Xt({shortcut:o}){let t=o.split("+");return e("div",{css:Fo},t.map(r=>e("span",{key:r,css:No},r.toUpperCase())))}import{css as _t}from"@emotion/react";var Xo=_t`
|
|
859
859
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
860
860
|
align-items: center;
|
|
861
861
|
box-shadow: var(--shadow-base);
|
|
@@ -877,10 +877,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
877
877
|
& svg {
|
|
878
878
|
color: var(--brand-secondary-5);
|
|
879
879
|
}
|
|
880
|
-
`;var
|
|
880
|
+
`;var hi=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>($({shortcut:r,macShortcut:n,handler:t,activeWhenEditing:!0}),e("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:t,css:Xo,...a},r?e(Yo,{shortcut:r,css:qt`
|
|
881
881
|
top: -2rem;
|
|
882
882
|
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 K from"react";import{css as
|
|
883
|
+
`}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as K from"react";import{css as A}from"@emotion/react";var _o=A`
|
|
884
884
|
cursor: pointer;
|
|
885
885
|
display: inline-block;
|
|
886
886
|
position: relative;
|
|
@@ -888,7 +888,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
888
888
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
889
889
|
vertical-align: middle;
|
|
890
890
|
user-select: none;
|
|
891
|
-
`,qo=
|
|
891
|
+
`,qo=A`
|
|
892
892
|
appearance: none;
|
|
893
893
|
border-radius: var(--rounded-full);
|
|
894
894
|
background-color: var(--white);
|
|
@@ -925,14 +925,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
925
925
|
&:disabled {
|
|
926
926
|
cursor: not-allowed;
|
|
927
927
|
}
|
|
928
|
-
`,Jo=
|
|
928
|
+
`,Jo=A`
|
|
929
929
|
opacity: var(--opacity-50);
|
|
930
930
|
cursor: not-allowed;
|
|
931
931
|
|
|
932
932
|
& > :before {
|
|
933
933
|
cursor: not-allowed;
|
|
934
934
|
}
|
|
935
|
-
`,Qo=
|
|
935
|
+
`,Qo=A`
|
|
936
936
|
align-items: center;
|
|
937
937
|
color: var(--brand-secondary-1);
|
|
938
938
|
display: inline-flex;
|
|
@@ -953,26 +953,48 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import at from"reac
|
|
|
953
953
|
left: 0;
|
|
954
954
|
top: 0;
|
|
955
955
|
}
|
|
956
|
-
`,jo=
|
|
956
|
+
`,jo=A`
|
|
957
957
|
color: var(--gray-500);
|
|
958
958
|
font-size: var(--fs-sm);
|
|
959
959
|
padding-inline: var(--spacing-2xl) 0;
|
|
960
|
-
`;var
|
|
960
|
+
`;var Si=K.forwardRef(({label:o,infoText:t,toggleText:r,children:n,...a},i)=>{let s=t;return t&&r&&(s=a.checked?r:t),e(K.Fragment,null,e("label",{css:[_o,a.disabled?Jo:void 0]},e("input",{type:"checkbox",css:qo,...a,ref:i}),e("span",{css:Qo},o)),s?e("p",{css:jo},s):null,n)});import*as S from"react";import{css as O}from"@emotion/react";var et=O`
|
|
961
961
|
border-bottom: 1px solid var(--gray-400);
|
|
962
962
|
border-collapse: collapse;
|
|
963
963
|
min-width: 100%;
|
|
964
964
|
table-layout: auto;
|
|
965
|
-
`,ot=
|
|
965
|
+
`,ot=O`
|
|
966
966
|
background: var(--gray-100);
|
|
967
967
|
color: var(--brand-secondary-1);
|
|
968
968
|
text-align: left;
|
|
969
|
-
`,tt=
|
|
969
|
+
`,tt=O`
|
|
970
970
|
border-bottom: 1px solid var(--gray-200);
|
|
971
|
-
`,rt=
|
|
971
|
+
`,rt=O`
|
|
972
972
|
font-size: var(--fs-sm);
|
|
973
973
|
padding: var(--spacing-base) var(--spacing-md);
|
|
974
974
|
text-transform: uppercase;
|
|
975
975
|
font-weight: var(--fw-bold);
|
|
976
|
-
`,nt=
|
|
976
|
+
`,nt=O`
|
|
977
977
|
padding: var(--spacing-base) var(--spacing-md);
|
|
978
|
-
`;var
|
|
978
|
+
`;var Ti=S.forwardRef(({children:o,...t},r)=>e("table",{ref:r,css:et,...t},o)),ki=S.forwardRef(({children:o,...t},r)=>e("thead",{ref:r,css:ot,...t},o)),Mi=S.forwardRef(({children:o,...t},r)=>e("tbody",{ref:r,...t},o)),Li=S.forwardRef(({children:o,...t},r)=>e("tfoot",{ref:r,...t},o)),Pi=S.forwardRef(({children:o,...t},r)=>e("tr",{ref:r,css:tt,...t},o)),Bi=S.forwardRef(({children:o,...t},r)=>e("th",{ref:r,css:rt,...t},o)),zi=S.forwardRef(({children:o,...t},r)=>e("td",{ref:r,css:nt,...t},o));import{css as at}from"@emotion/react";var it=at`
|
|
979
|
+
align-items: center;
|
|
980
|
+
background: transparent;
|
|
981
|
+
border: none;
|
|
982
|
+
color: var(--brand-secondary-3);
|
|
983
|
+
display: inline-flex;
|
|
984
|
+
gap: var(--spacing-sm);
|
|
985
|
+
font-size: var(--fs-base);
|
|
986
|
+
font-weight: var(--fw-bold);
|
|
987
|
+
padding: 0;
|
|
988
|
+
margin-block: var(--spacing-base);
|
|
989
|
+
|
|
990
|
+
&:disabled {
|
|
991
|
+
cursor: not-allowed;
|
|
992
|
+
color: var(--gray-500);
|
|
993
|
+
}
|
|
994
|
+
`,st=o=>at`
|
|
995
|
+
box-sizing: border-box;
|
|
996
|
+
background: ${o?"var(--gray-500)":"var(--brand-secondary-3)"};
|
|
997
|
+
border-radius: var(--rounded-full);
|
|
998
|
+
color: var(--white);
|
|
999
|
+
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1000
|
+
`;var Di=({buttonText:o="Add Item",onButtonClick:t,disabled:r,icon:n="math-plus",...a})=>e("button",{type:"button",css:it,onClick:t,title:o,disabled:r,...a},n==="math-plus"?e(h,{icon:n,iconColor:"currentColor",size:22,css:st(r)}):e(h,{icon:n,iconColor:"currentColor",size:22}),o);export{hi as AddButton,Di as AddListButton,wr as Button,oi as ButtonWithMenu,ea as Callout,x as Caption,w as ErrorMessage,fa as Heading,h as Icon,Tr as IconsProvider,ke as Input,Qr as InputComboBox,cn as InputInlineSelect,mn as InputKeywordSearch,yn as InputSelect,In as InputToggle,M as Label,Ma as Link,Dt as LoadingIcon,aa as LoadingIndicator,da as LoadingOverlay,De as Menu,Oe as MenuContext,$n as MenuItem,wa as Paragraph,Aa as ScrollableList,Ya as ScrollableListItem,pi as ShortcutContext,Yo as ShortcutRevealer,Si as Switch,Ti as Table,Mi as TableBody,zi as TableCellData,Bi as TableCellHead,Li as TableFoot,ki as TableHead,Pi as TableRow,Ln as Textarea,or as Theme,dr as UniformBadge,gr as UniformLogo,ct as breakpoints,T as input,I as inputError,X as inputSelect,v as labelText,te as mq,_ as scrollbarStyles,ye as useIconContext,Ve as useMenuContext};
|