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