@uniformdev/design-system 16.2.0 → 16.2.1-alpha.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +182 -144
- package/dist/index.d.ts +14 -1
- package/dist/index.js +180 -142
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
"use strict";var sr=Object.create;var _=Object.defineProperty;var lr=Object.getOwnPropertyDescriptor;var cr=Object.getOwnPropertyNames;var dr=Object.getPrototypeOf,pr=Object.prototype.hasOwnProperty;var ur=(o,t)=>{for(var r in t)_(o,r,{get:t[r],enumerable:!0})},ke=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cr(t))!pr.call(o,a)&&a!==r&&_(o,a,{get:()=>t[a],enumerable:!(n=lr(t,a))||n.enumerable});return o};var f=(o,t,r)=>(r=o!=null?sr(dr(o)):{},ke(t||!o||!o.__esModule?_(r,"default",{value:o,enumerable:!0}):r,o)),mr=o=>ke(_({},"__esModule",{value:!0}),o);var nn={};ur(nn,{AddButton:()=>Zr,AddListButton:()=>jr,Button:()=>vr,ButtonWithMenu:()=>$r,Callout:()=>Br,Caption:()=>C,DashedBox:()=>tn,ErrorMessage:()=>S,Heading:()=>xe,Icon:()=>v,IconsProvider:()=>hr,Input:()=>ge,InputComboBox:()=>Cr,InputInlineSelect:()=>Sr,InputKeywordSearch:()=>Lr,InputSelect:()=>Rr,InputToggle:()=>Ir,Label:()=>z,LimitsBar:()=>rn,Link:()=>Vr,LoadingIcon:()=>Fo,LoadingIndicator:()=>zr,LoadingOverlay:()=>Er,Menu:()=>ve,MenuContext:()=>be,MenuItem:()=>kr,PageHeaderSection:()=>Dr,Paragraph:()=>Ar,ScrollableList:()=>Or,ScrollableListItem:()=>Gr,ShortcutContext:()=>Wr,ShortcutRevealer:()=>Re,Switch:()=>Nr,Table:()=>Kr,TableBody:()=>Xr,TableCellData:()=>Qr,TableCellHead:()=>Jr,TableFoot:()=>_r,TableHead:()=>Yr,TableRow:()=>qr,Textarea:()=>Pr,Theme:()=>gr,UniformBadge:()=>br,UniformLogo:()=>fr,breakpoints:()=>Me,input:()=>H,inputError:()=>R,inputSelect:()=>Q,labelText:()=>y,mq:()=>B,scrollbarStyles:()=>j,useIconContext:()=>me,useMenuContext:()=>fe});module.exports=mr(nn);var e=require("@emotion/react"),l=f(require("react"));var Te=f(require("react")),gr=({disableReset:o=!1})=>(0,e.jsx)(Te.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"}),o?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 {
|
|
@@ -52,7 +52,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
52
52
|
/* font family */
|
|
53
53
|
--ff-base: 'DM Sans', sans-serif;
|
|
54
54
|
--ff-heading: 'Quantico', sans-serif;
|
|
55
|
-
--ff-mono: 'Space Mono', monospace
|
|
55
|
+
--ff-mono: 'Space Mono', monospace;
|
|
56
56
|
|
|
57
57
|
/* max text width */
|
|
58
58
|
--prose: 65ch;
|
|
@@ -156,14 +156,14 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
156
156
|
ul, ol {
|
|
157
157
|
list-style: none;
|
|
158
158
|
}
|
|
159
|
-
`}}));var
|
|
159
|
+
`}}));var Me={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},B=o=>`@media (min-width: ${Me[o]})`;var g=require("@emotion/react"),D=g.css`
|
|
160
160
|
position: relative;
|
|
161
|
-
`,
|
|
161
|
+
`,y=g.css`
|
|
162
162
|
display: flex;
|
|
163
163
|
font-weight: var(--fw-bold);
|
|
164
164
|
margin: 0 0 var(--spacing-xs);
|
|
165
165
|
align-items: center;
|
|
166
|
-
`,
|
|
166
|
+
`,H=g.css`
|
|
167
167
|
appearance: none;
|
|
168
168
|
background-color: var(--white);
|
|
169
169
|
border: 1px solid var(--gray-400);
|
|
@@ -195,25 +195,25 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
195
195
|
}
|
|
196
196
|
`,R=g.css`
|
|
197
197
|
border-color: var(--brand-secondary-5);
|
|
198
|
-
`,
|
|
198
|
+
`,q=g.css`
|
|
199
199
|
align-items: center;
|
|
200
200
|
display: flex;
|
|
201
201
|
position: absolute;
|
|
202
202
|
inset: 0 var(--spacing-base) 0 auto;
|
|
203
203
|
pointer-event: one;
|
|
204
|
-
`,
|
|
204
|
+
`,J=g.css`
|
|
205
205
|
padding-right: var(--spacing-2xl);
|
|
206
|
-
`,
|
|
206
|
+
`,Q=g.css`
|
|
207
207
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
|
|
208
208
|
background-position: right var(--spacing-sm) center;
|
|
209
209
|
background-repeat: no-repeat;
|
|
210
210
|
background-size: 1rem;
|
|
211
211
|
padding-right: var(--spacing-xl);
|
|
212
|
-
`,
|
|
212
|
+
`,Be=g.css`
|
|
213
213
|
color: var(--brand-secondary-1);
|
|
214
214
|
height: 1.25rem;
|
|
215
215
|
width: 1.25rem;
|
|
216
|
-
`,
|
|
216
|
+
`,He=g.css`
|
|
217
217
|
align-items: center;
|
|
218
218
|
cursor: pointer;
|
|
219
219
|
display: inline-flex;
|
|
@@ -221,7 +221,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
221
221
|
margin: var(--spacing-sm) 0;
|
|
222
222
|
flex-wrap: wrap;
|
|
223
223
|
font-weight: var(--fw-regular);
|
|
224
|
-
`,
|
|
224
|
+
`,ze=g.css`
|
|
225
225
|
border: 1px solid var(--brand-secondary-1);
|
|
226
226
|
background: var(--white);
|
|
227
227
|
width: var(--spacing-md);
|
|
@@ -252,21 +252,21 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
252
252
|
color: var(--gray-300);
|
|
253
253
|
border-color: var(--gray-300);
|
|
254
254
|
}
|
|
255
|
-
`,
|
|
255
|
+
`,Ee=g.css`
|
|
256
256
|
font-weight: var(--fw-medium);
|
|
257
|
-
`,
|
|
257
|
+
`,Ae=g.css`
|
|
258
258
|
cursor: not-allowed;
|
|
259
259
|
color: var(--gray-400);
|
|
260
|
-
`,
|
|
260
|
+
`,De=g.css`
|
|
261
261
|
display: flex;
|
|
262
262
|
flex-direction: column;
|
|
263
263
|
flex-basis: 100%;
|
|
264
264
|
padding-left: var(--spacing-lg);
|
|
265
265
|
margin-top: -0.5rem;
|
|
266
266
|
line-height: 1.15;
|
|
267
|
-
`,
|
|
268
|
-
${
|
|
269
|
-
`;var
|
|
267
|
+
`,Ve=g.css`
|
|
268
|
+
${H}
|
|
269
|
+
`;var Oe=require("@emotion/react"),j=Oe.css`
|
|
270
270
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
271
271
|
/*
|
|
272
272
|
#d1d5db = bg-gray-300
|
|
@@ -292,15 +292,15 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
292
292
|
&::-webkit-scrollbar-thumb:hover {
|
|
293
293
|
background: var(--gray-500);
|
|
294
294
|
}
|
|
295
|
-
`;var
|
|
295
|
+
`;var ee=require("@emotion/react"),oe=ee.css`
|
|
296
296
|
display: block;
|
|
297
|
-
`,ee
|
|
297
|
+
`,te=ee.css`
|
|
298
298
|
background: transparent;
|
|
299
299
|
color: var(--brand-secondary-1);
|
|
300
|
-
`,
|
|
300
|
+
`,re=ee.css`
|
|
301
301
|
background: var(--brand-secondary-1);
|
|
302
302
|
color: var(--white);
|
|
303
|
-
`;var
|
|
303
|
+
`;var br=({theme:o="light",...t})=>(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:[oe,o==="dark"?re:te],...t},(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 fr=({theme:o="light",...t})=>(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:[oe,o==="dark"?re:te],...t},(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 Ue=f(require("react")),Ke=require("reakit/Button");var I=require("@emotion/react"),Ge=I.css`
|
|
304
304
|
align-items: center;
|
|
305
305
|
border: none;
|
|
306
306
|
border-radius: var(--rounded-base);
|
|
@@ -320,7 +320,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
320
320
|
cursor: default;
|
|
321
321
|
pointer-events: none;
|
|
322
322
|
}
|
|
323
|
-
`,
|
|
323
|
+
`,K=o=>I.css`
|
|
324
324
|
background-position: center;
|
|
325
325
|
transition: background var(--duration-slow);
|
|
326
326
|
|
|
@@ -334,7 +334,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
334
334
|
background-size: 100%;
|
|
335
335
|
transition: background 0s;
|
|
336
336
|
}
|
|
337
|
-
|
|
337
|
+
`,$e=I.css`
|
|
338
338
|
background: var(--brand-secondary-1);
|
|
339
339
|
color: var(--white);
|
|
340
340
|
|
|
@@ -343,8 +343,8 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
343
343
|
color: var(--white);
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
-
${
|
|
347
|
-
`,
|
|
346
|
+
${K({hoverColor:"var(--brand-secondary-1)"})}
|
|
347
|
+
`,We=I.css`
|
|
348
348
|
background: var(--brand-secondary-5);
|
|
349
349
|
color: var(--white);
|
|
350
350
|
|
|
@@ -353,8 +353,8 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
353
353
|
color: var(--white);
|
|
354
354
|
}
|
|
355
355
|
|
|
356
|
-
${
|
|
357
|
-
|
|
356
|
+
${K({hoverColor:"var(--brand-secondary-5)"})}
|
|
357
|
+
`,Fe=I.css`
|
|
358
358
|
background: var(--brand-secondary-2);
|
|
359
359
|
color: var(--brand-secondary-1);
|
|
360
360
|
|
|
@@ -363,8 +363,8 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
363
363
|
color: var(--white);
|
|
364
364
|
}
|
|
365
365
|
|
|
366
|
-
${
|
|
367
|
-
`,
|
|
366
|
+
${K({hoverColor:"var(--brand-secondary-2)"})}
|
|
367
|
+
`,Ze=I.css`
|
|
368
368
|
background: transparent;
|
|
369
369
|
color: var(--brand-secondary-3);
|
|
370
370
|
|
|
@@ -378,8 +378,8 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
378
378
|
color: var(--gray-300);
|
|
379
379
|
}
|
|
380
380
|
|
|
381
|
-
${
|
|
382
|
-
`,
|
|
381
|
+
${K({hoverColor:"var(--white)",activeColor:"var(--gray-100)"})}
|
|
382
|
+
`,Ne=I.css`
|
|
383
383
|
background: var(--brand-secondary-3);
|
|
384
384
|
color: var(--white);
|
|
385
385
|
|
|
@@ -388,11 +388,11 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
388
388
|
color: var(--white);
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
${
|
|
392
|
-
`;var
|
|
391
|
+
${K({hoverColor:"var(--brand-secondary-3)"})}
|
|
392
|
+
`;var vr=Ue.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:$e,secondary:We,ghost:Ze,unimportant:Fe,tertiary:Ne},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)(Ke.Button,{ref:a,css:[Ge,i[o],s[t]],...n},r)});var eo=f(require("react"));var w=require("react"),Ye=require("param-case"),Xe=(0,w.createContext)({iconsMap:{},isLoading:!0});function me(){return(0,w.useContext)(Xe)}function hr({children:o}){let[t,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,[p,m])=>{if(p==="default")return u;let b=yr(p);return{...u,[b]:m}},{});a(s),r(!1)})},[]),(0,e.jsx)(Xe.Provider,{value:{iconsMap:n,isLoading:t}},o)}function yr(o){var t,r;return(r=(t=(0,Ye.paramCase)(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}var V=require("@emotion/react");var _e=V.css`
|
|
393
393
|
display: hidden;
|
|
394
394
|
|
|
395
|
-
${
|
|
395
|
+
${B("sm")} {
|
|
396
396
|
display: block;
|
|
397
397
|
}
|
|
398
398
|
|
|
@@ -400,30 +400,30 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
400
400
|
display: block;
|
|
401
401
|
vertical-align: middle;
|
|
402
402
|
}
|
|
403
|
-
`,
|
|
403
|
+
`,qe=V.css`
|
|
404
404
|
color: var(--brand-secondary-3);
|
|
405
|
-
`,
|
|
405
|
+
`,Je=V.css`
|
|
406
406
|
color: var(--brand-secondary-5);
|
|
407
|
-
`,
|
|
407
|
+
`,Qe=V.css`
|
|
408
408
|
color: var(--gray-500);
|
|
409
|
-
`,
|
|
409
|
+
`,je=V.css`
|
|
410
410
|
color: currentColor;
|
|
411
|
-
`;var
|
|
411
|
+
`;var wr=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=me(),u={green:qe,gray:Qe,red:Je,currentColor:je};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):(0,e.jsx)(p,{role:"img",size:r,...n,css:[_e,u[t]]})},v=eo.default.memo(wr);var oo=require("@emotion/react"),to=oo.css`
|
|
412
412
|
color: var(--gray-500);
|
|
413
413
|
display: block;
|
|
414
414
|
font-size: var(--fs-sm);
|
|
415
415
|
margin: var(--spacing-xs) 0;
|
|
416
416
|
max-width: var(--prose);
|
|
417
|
-
`;var C=({children:o,testId:t})=>(0,e.jsx)("small",{css:
|
|
417
|
+
`;var C=({children:o,testId:t})=>(0,e.jsx)("small",{css:to,"data-test-id":t},o);var ao=require("react-icons/md");var ro=require("@emotion/react"),no=ro.css`
|
|
418
418
|
align-items: center;
|
|
419
419
|
color: var(--brand-secondary-5);
|
|
420
420
|
display: flex;
|
|
421
421
|
gap: var(--spacing-sm);
|
|
422
422
|
margin: var(--spacing-xs) 0;
|
|
423
|
-
`;var S=({message:o,testId:t})=>o?(0,e.jsx)("span",{css:
|
|
423
|
+
`;var S=({message:o,testId:t})=>o?(0,e.jsx)("span",{css:no,"data-test-id":t},(0,e.jsx)(v,{icon:ao.MdWarning,size:16,iconColor:"currentColor"}),o):null;var z=({children:o,className:t,testId:r,...n})=>(0,e.jsx)("label",{css:[y,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var ge=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:b,classNameControl:d,classNameLabel:h,...ue})=>(0,e.jsx)("div",{"data-test-id":s||"container-input-field"},a?(0,e.jsx)(z,{htmlFor:r,css:[y,typeof h=="object"?h:void 0],className:typeof h=="string"?h:"",testId:u},o):null,(0,e.jsx)("div",{css:[D,typeof b=="object"?b:void 0],className:typeof b=="string"?b:""},(0,e.jsx)("input",{id:r,css:[H,typeof d=="object"?d:void 0,i?R:void 0,t?J:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...ue}),t?(0,e.jsx)("div",{css:q},t):null),n?(0,e.jsx)(C,{testId:m},n):null,i?(0,e.jsx)(S,{message:i,testId:p}):null);var io=f(require("react-select"));function Cr(o){return(0,e.jsx)(io.default,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}var mo=require("@emotion/react"),go=f(require("react")),ne=require("react");var O=require("@emotion/react"),so=O.css`
|
|
424
424
|
margin-inline: auto;
|
|
425
425
|
max-width: fit-content;
|
|
426
|
-
`,
|
|
426
|
+
`,lo=O.css`
|
|
427
427
|
align-items: center;
|
|
428
428
|
background: var(--brand-secondary-3);
|
|
429
429
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -446,7 +446,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
446
446
|
&:focus {
|
|
447
447
|
outline: 2px solid var(--brand-secondary-1);
|
|
448
448
|
}
|
|
449
|
-
`,
|
|
449
|
+
`,co=O.css`
|
|
450
450
|
background: var(--white);
|
|
451
451
|
border: 1px solid var(--brand-secondary-3);
|
|
452
452
|
border-top: none;
|
|
@@ -456,7 +456,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
456
456
|
position: absolute;
|
|
457
457
|
inset: auto 0;
|
|
458
458
|
transform: translateY(-0.2rem);
|
|
459
|
-
`,
|
|
459
|
+
`,po=O.css`
|
|
460
460
|
cursor: pointer;
|
|
461
461
|
display: block;
|
|
462
462
|
font-size: var(--fs-sm);
|
|
@@ -471,23 +471,23 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
471
471
|
&:hover {
|
|
472
472
|
background: var(--gray-50);
|
|
473
473
|
}
|
|
474
|
-
`,
|
|
474
|
+
`,uo=O.css`
|
|
475
475
|
position: absolute;
|
|
476
476
|
overflow: hidden;
|
|
477
477
|
height: 1px;
|
|
478
478
|
width: 1px;
|
|
479
479
|
clip: rect(0, 0, 0, 0);
|
|
480
480
|
padding: 0;
|
|
481
|
-
`;var
|
|
481
|
+
`;var bo=require("react-icons/cg"),Sr=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var b;let[s,u]=(0,ne.useState)(!1),p=(0,ne.useRef)(null);go.useEffect(()=>{let d=h=>{p.current&&!p.current.contains(h.target)&&u(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[p]);let m=t.find(d=>d.value===r);return(0,e.jsx)("div",{ref:p,css:o?mo.css`
|
|
482
482
|
max-width: fit-content;
|
|
483
483
|
${typeof o=="object"?o:void 0}
|
|
484
|
-
`:
|
|
484
|
+
`:so,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:lo,onClick:()=>{a||u(d=>!d)},disabled:a,...i},(0,e.jsx)("span",null,(b=m==null?void 0:m.label)!=null?b:r),a?null:(0,e.jsx)(v,{icon:bo.CgChevronDown,iconColor:"currentColor",size:24})),(0,e.jsx)("div",{id:`and-or-${i.id}`,css:[co,s?void 0:uo],"aria-hidden":!s},t.map(d=>(0,e.jsx)("button",{key:d.value,type:"button",css:po,onClick:()=>{n(d),u(h=>!h)}},d.label))))};var Lr=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>(0,e.jsx)(ge,{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:Be},(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=>{o(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:t,"aria-label":r,...s});var Rr=({label:o,defaultOption:t,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:p,classNameLabel:m,...b})=>(0,e.jsx)("div",{css:[D,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?(0,e.jsx)(l.Fragment,null,(0,e.jsx)(z,{htmlFor:b.id,css:[y,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o,s)):null,(0,e.jsx)("select",{title:o,"aria-label":i?void 0:o,css:[H,Q,a?R:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...b},t?(0,e.jsx)("option",{value:""},t):null,r.map((d,h)=>(0,e.jsx)("option",{key:h,value:d.label,...d}))),n?(0,e.jsx)(C,null,n):null,a?(0,e.jsx)(S,{message:a}):null);var Ir=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>(0,e.jsx)(z,{css:[He,r?Ae:void 0]},(0,e.jsx)("input",{type:t,css:ze,checked:n,name:a,disabled:r,...u}),(0,e.jsx)("span",{css:Ee},o),i||s?(0,e.jsx)("span",{css:De},i?(0,e.jsx)(C,null,i):null,s?(0,e.jsx)(S,{message:s}):null):null);var fo=f(require("react"));var Pr=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>(0,e.jsx)(fo.Fragment,null,a?(0,e.jsx)("label",{htmlFor:r,css:[y]},o):null,(0,e.jsx)("div",{css:[D]},(0,e.jsx)("textarea",{id:r,css:[Ve,i?R:void 0,t?J:""],"aria-label":a?void 0:o,...s}),t?(0,e.jsx)("div",{css:q},t):null),n?(0,e.jsx)(C,null,n):null,i?(0,e.jsx)(S,{message:i}):null);var G=f(require("react")),$=require("reakit/Menu");var vo=require("@emotion/react"),ho=vo.css`
|
|
485
485
|
border: 1px solid var(--gray-500);
|
|
486
486
|
border-radius: var(--rounded-base);
|
|
487
487
|
outline: none;
|
|
488
488
|
overflow: hidden;
|
|
489
489
|
z-index: 50;
|
|
490
|
-
`;var
|
|
490
|
+
`;var be=G.createContext({}),fe=()=>G.useContext(be),ve=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=(0,$.useMenuState)({placement:r});return(0,e.jsx)(be.Provider,{value:i},(0,e.jsx)($.MenuButton,{...i,ref:t.ref,...t.props},s=>G.cloneElement(t,s)),(0,e.jsx)($.Menu,{...i,"aria-label":o,css:[ho,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};var wo=f(require("react")),Co=require("reakit");var he=require("@emotion/react"),yo=he.css`
|
|
491
491
|
background: var(--white);
|
|
492
492
|
border: none;
|
|
493
493
|
border-top: 1px solid var(--gray-500);
|
|
@@ -513,7 +513,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
513
513
|
&:hover {
|
|
514
514
|
background: var(--gray-200);
|
|
515
515
|
}
|
|
516
|
-
`,
|
|
516
|
+
`,xo=he.css`
|
|
517
517
|
align-items: center;
|
|
518
518
|
display: flex;
|
|
519
519
|
justify-content: space-between;
|
|
@@ -524,7 +524,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
524
524
|
width: var(--spacing-base);
|
|
525
525
|
height: var(--spacing-base);
|
|
526
526
|
}
|
|
527
|
-
`;var
|
|
527
|
+
`;var kr=wo.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=fe(),p=r?(b=>{let d={...b};if(d.onClick){let h=d.onClick;d.onClick=ue=>{s.hide(),h(ue)}}return d})(a):a,m=typeof o=="function"?o(p):o;return(0,e.jsx)(Co.MenuItem,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[yo,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?Tr(m,n):m)});function Tr(o,t){return(0,e.jsx)("span",{css:xo},o," ",t)}var c=require("@emotion/react");var So=({...o})=>(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",...o},(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"})),Lo=({...o})=>(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",...o},(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"})),Ro=({...o})=>(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",...o},(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"})),Io=({...o})=>(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",...o},(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"})),ye=({...o})=>(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",...o},(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"})),Po=({...o})=>(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",...o},(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 E=require("@emotion/react"),ko=E.css`
|
|
528
528
|
--caution-desc: rgb(161, 98, 7);
|
|
529
529
|
--caution-icon: rgb(250, 204, 21);
|
|
530
530
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -552,21 +552,21 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
552
552
|
|
|
553
553
|
border-radius: var(--rounded-base);
|
|
554
554
|
padding: var(--spacing-base);
|
|
555
|
-
`,To=
|
|
555
|
+
`,To=E.css`
|
|
556
556
|
display: flex;
|
|
557
557
|
gap: var(--spacing-base);
|
|
558
|
-
`,
|
|
558
|
+
`,Mo=E.css`
|
|
559
559
|
flex-shrink: 0;
|
|
560
|
-
`,
|
|
560
|
+
`,Bo=E.css`
|
|
561
561
|
font-size: var(--fs-sm);
|
|
562
562
|
font-weight: var(--fw-bold);
|
|
563
563
|
margin: 0 0 var(--spacing-sm);
|
|
564
|
-
`,
|
|
564
|
+
`,Ho=E.css`
|
|
565
565
|
font-size: var(--fs-sm);
|
|
566
|
-
`,
|
|
566
|
+
`,zo=E.css`
|
|
567
567
|
width: 1.25rem;
|
|
568
568
|
height: 1.25rem;
|
|
569
|
-
`;var
|
|
569
|
+
`;var Mr={caution:{icon:ye,descriptionColor:c.css`
|
|
570
570
|
color: var(--caution-desc);
|
|
571
571
|
`,iconColor:c.css`
|
|
572
572
|
color: var(--caution-icon);
|
|
@@ -574,7 +574,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
574
574
|
color: var(--caution-title);
|
|
575
575
|
`,containerColor:c.css`
|
|
576
576
|
background-color: var(--caution-container);
|
|
577
|
-
`},danger:{icon:
|
|
577
|
+
`},danger:{icon:Lo,descriptionColor:c.css`
|
|
578
578
|
color: var(--danger-desc);
|
|
579
579
|
`,iconColor:c.css`
|
|
580
580
|
color: var(--danger-icon);
|
|
@@ -582,7 +582,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
582
582
|
color: var(--danger-title);
|
|
583
583
|
`,containerColor:c.css`
|
|
584
584
|
background-color: var(--danger-container);
|
|
585
|
-
`},error:{icon:
|
|
585
|
+
`},error:{icon:ye,descriptionColor:c.css`
|
|
586
586
|
color: var(--danger-desc);
|
|
587
587
|
`,iconColor:c.css`
|
|
588
588
|
color: var(--danger-icon);
|
|
@@ -590,7 +590,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
590
590
|
color: var(--danger-title);
|
|
591
591
|
`,containerColor:c.css`
|
|
592
592
|
background-color: var(--danger-container);
|
|
593
|
-
`},info:{icon:
|
|
593
|
+
`},info:{icon:So,descriptionColor:c.css`
|
|
594
594
|
color: var(--info-desc);
|
|
595
595
|
`,iconColor:c.css`
|
|
596
596
|
color: var(--info-icon);
|
|
@@ -598,7 +598,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
598
598
|
color: var(--info-title);
|
|
599
599
|
`,containerColor:c.css`
|
|
600
600
|
background-color: var(--info-container);
|
|
601
|
-
`},note:{icon:
|
|
601
|
+
`},note:{icon:Ro,descriptionColor:c.css`
|
|
602
602
|
color: var(--note-desc);
|
|
603
603
|
`,iconColor:c.css`
|
|
604
604
|
color: var(--note-icon);
|
|
@@ -606,7 +606,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
606
606
|
color: var(--note-title);
|
|
607
607
|
`,containerColor:c.css`
|
|
608
608
|
background-color: var(--note-container);
|
|
609
|
-
`},success:{icon:
|
|
609
|
+
`},success:{icon:Po,descriptionColor:c.css`
|
|
610
610
|
color: var(--success-desc);
|
|
611
611
|
`,iconColor:c.css`
|
|
612
612
|
color: var(--success-icon);
|
|
@@ -622,7 +622,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
622
622
|
color: var(--success-title);
|
|
623
623
|
`,containerColor:c.css`
|
|
624
624
|
background-color: var(--success-container);
|
|
625
|
-
`}},
|
|
625
|
+
`}},Br=({type:o="info",title:t,children:r,className:n})=>{let a=Mr[o];if(!a)return null;let i=a.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[ko,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},(0,e.jsx)("div",{css:To},(0,e.jsx)("div",{css:Mo},(0,e.jsx)(i,{css:[zo,a.iconColor]})),(0,e.jsx)("div",null,t?(0,e.jsx)("h3",{css:[Bo,a.titleColor]},t):null,r?(0,e.jsx)("div",{css:[Ho,a.descriptionColor]},r):null)))};var Y=require("@emotion/react"),Hr=Y.keyframes`
|
|
626
626
|
0%, 100% {
|
|
627
627
|
opacity: 1.0;
|
|
628
628
|
transform: translateY(0);
|
|
@@ -638,14 +638,14 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
638
638
|
opacity: 0.2;
|
|
639
639
|
transform: translateY(-5px);
|
|
640
640
|
}
|
|
641
|
-
`,
|
|
641
|
+
`,Eo=Y.css`
|
|
642
642
|
display: inline-flex;
|
|
643
643
|
justify-content: center;
|
|
644
|
-
`,
|
|
644
|
+
`,ae=Y.css`
|
|
645
645
|
background-color: var(--gray-700);
|
|
646
646
|
display: block;
|
|
647
647
|
border-radius: var(--rounded-full);
|
|
648
|
-
animation: ${
|
|
648
|
+
animation: ${Hr} 0.75s infinite ease-in-out;
|
|
649
649
|
width: 8px;
|
|
650
650
|
height: 8px;
|
|
651
651
|
margin: 0 var(--spacing-xs);
|
|
@@ -662,53 +662,53 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
662
662
|
&:nth-of-type(3) {
|
|
663
663
|
animation-delay: 0.6s;
|
|
664
664
|
}
|
|
665
|
-
`;var
|
|
665
|
+
`;var zr=()=>(0,e.jsx)("div",{css:Eo,role:"alert","data-test-id":"loading-indicator"},(0,e.jsx)("span",{css:ae}),(0,e.jsx)("span",{css:ae}),(0,e.jsx)("span",{css:ae}));var Wo=require("@emotion/react");var A=require("@emotion/react"),Ao=A.css`
|
|
666
666
|
align-items: center;
|
|
667
667
|
position: absolute;
|
|
668
668
|
inset: 0 0;
|
|
669
669
|
overflow: hidden;
|
|
670
670
|
z-index: 9999;
|
|
671
671
|
justify-content: center;
|
|
672
|
-
`,
|
|
672
|
+
`,Do=A.css`
|
|
673
673
|
display: flex;
|
|
674
|
-
`,
|
|
674
|
+
`,Vo=A.css`
|
|
675
675
|
display: none;
|
|
676
|
-
`,
|
|
676
|
+
`,Oo=A.css`
|
|
677
677
|
background: var(--white);
|
|
678
678
|
opacity: 0.5;
|
|
679
679
|
position: absolute;
|
|
680
680
|
inset: 0 0;
|
|
681
|
-
`,
|
|
681
|
+
`,Go=A.css`
|
|
682
682
|
align-items: center;
|
|
683
683
|
display: flex;
|
|
684
684
|
flex-direction: column;
|
|
685
|
-
|
|
685
|
+
`,$o=A.css`
|
|
686
686
|
color: var(--gray-500);
|
|
687
687
|
margin: var(--spacing-base) 0 0;
|
|
688
|
-
`;var
|
|
688
|
+
`;var Er=({isActive:o,statusMessage:t})=>(0,e.jsx)("div",{role:"alert",css:[Ao,o?Do:Vo],"aria-hidden":!o},(0,e.jsx)("div",{css:Oo}),(0,e.jsx)("div",{css:Wo.css`
|
|
689
689
|
position: relative;
|
|
690
|
-
`},(0,e.jsx)("div",{css:
|
|
690
|
+
`},(0,e.jsx)("div",{css:Go},(0,e.jsx)(Fo,{height:128,width:128}),t?(0,e.jsx)("div",{css:$o},t):null))),Fo=({height:o,width:t})=>(0,e.jsx)("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"},(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 L=require("@emotion/react"),Zo=L.css`
|
|
691
691
|
font-family: var(--ff-heading);
|
|
692
692
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
693
693
|
font-weight: var(--fw-bold);
|
|
694
694
|
margin-bottom: var(--spacing-base);
|
|
695
|
-
`,
|
|
695
|
+
`,No=L.css`
|
|
696
696
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
697
|
-
`,
|
|
697
|
+
`,Uo=L.css`
|
|
698
698
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
699
|
-
`,
|
|
699
|
+
`,Ko=L.css`
|
|
700
700
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
701
|
-
`,
|
|
701
|
+
`,Yo=L.css`
|
|
702
702
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
703
|
-
`,
|
|
703
|
+
`,Xo=L.css`
|
|
704
704
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
705
|
-
`,
|
|
705
|
+
`,_o=L.css`
|
|
706
706
|
font-weight: var(--fw-bold);
|
|
707
707
|
font-family: var(--ff-base);
|
|
708
708
|
margin-bottom: var(--spacing-base);
|
|
709
|
-
`,
|
|
709
|
+
`,qo=L.css`
|
|
710
710
|
line-height: 1.35;
|
|
711
|
-
`;var
|
|
711
|
+
`;var xe=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:Zo,h2:No,h3:Uo,h4:Ko,h5:Yo,h6:Xo},i=n.includes("h1")?void 0:_o;return(0,e.jsx)(n,{...r,css:[a[n],i,qo]},t)};var Jo=require("@emotion/react"),Qo=Jo.css`
|
|
712
712
|
font-size: var(--fs-base);
|
|
713
713
|
line-height: 1.5;
|
|
714
714
|
margin-bottom: var(--spacing-base);
|
|
@@ -716,31 +716,69 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
716
716
|
&:last-of-type {
|
|
717
717
|
margin-bottom: 0;
|
|
718
718
|
}
|
|
719
|
-
`;var
|
|
719
|
+
`;var Ar=({className:o,children:t,...r})=>(0,e.jsx)("p",{...r,css:[Qo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);var it=f(require("next/link"));var P=require("@emotion/react");var jo=P.css`
|
|
720
|
+
gap: var(--spacing-lg);
|
|
721
|
+
justify-content: space-between;
|
|
722
|
+
margin-bottom: var(--spacing-lg);
|
|
723
|
+
|
|
724
|
+
${B("lg")} {
|
|
725
|
+
display: flex;
|
|
726
|
+
}
|
|
727
|
+
`,et=P.css`
|
|
728
|
+
flex-grow: 1;
|
|
729
|
+
max-width: var(--prose);
|
|
730
|
+
`,ot=P.css`
|
|
731
|
+
align-items: center;
|
|
732
|
+
display: flex;
|
|
733
|
+
flex-grow: 1;
|
|
734
|
+
`,tt=P.css`
|
|
735
|
+
margin-left: -0.5rem;
|
|
736
|
+
`,rt=P.css`
|
|
737
|
+
color: var(--brand-secondary-3);
|
|
738
|
+
text-decoration: none;
|
|
739
|
+
font-size: var(--fs-sm);
|
|
740
|
+
&:hover {
|
|
741
|
+
text-decoration: underline;
|
|
742
|
+
}
|
|
743
|
+
`,nt=P.css`
|
|
744
|
+
align-items: flex-start;
|
|
745
|
+
gap: var(--spacing-lg);
|
|
746
|
+
margin-top: var(--spacing-base);
|
|
747
|
+
|
|
748
|
+
${B("sm")} {
|
|
749
|
+
display: flex;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
${B("md")} {
|
|
753
|
+
margin-top: 0;
|
|
754
|
+
}
|
|
755
|
+
`,at=P.css`
|
|
756
|
+
margin-block: 0 var(--spacing-base);
|
|
757
|
+
`;var st=require("react-icons/cg");var Dr=({title:o,desc:t,children:r,linkText:n,linkProps:a,...i})=>(0,e.jsx)("div",{css:jo},(0,e.jsx)("section",{css:et},n&&a?(0,e.jsx)("div",{css:ot},(0,e.jsx)(v,{icon:st.CgChevronLeft,size:18,css:tt}),(0,e.jsx)(it.default,{...a},(0,e.jsx)("a",{css:rt},n))):null,(0,e.jsx)(xe,{level:2,css:at,...i,"data-test-id":"page-header-section"},o),t),r?(0,e.jsx)("div",{css:nt},r):null);var X=require("@emotion/react"),lt=X.css`
|
|
720
758
|
display: inline-flex;
|
|
721
759
|
text-decoration: underline;
|
|
722
760
|
|
|
723
761
|
&:hover {
|
|
724
762
|
text-decoration: none;
|
|
725
763
|
}
|
|
726
|
-
`,
|
|
764
|
+
`,ct=X.css`
|
|
727
765
|
color: var(--brand-secondary-3);
|
|
728
|
-
`,
|
|
766
|
+
`,dt=X.css`
|
|
729
767
|
color: var(--brand-secondary-5);
|
|
730
|
-
`,
|
|
768
|
+
`,pt=X.css`
|
|
731
769
|
color: currentColor;
|
|
732
|
-
`;var
|
|
770
|
+
`;var ut=require("react-icons/cg"),Vr=({external:o,text:t,linkColor:r="currentColor",...n})=>(0,e.jsx)("a",{css:[lt,{currentColor:pt,red:dt,green:ct}[r]],...n},t,o?(0,e.jsx)(v,{icon:ut.CgExternal,iconColor:"currentColor",size:24}):null);var bt=require("@emotion/react");var we=require("@emotion/react"),mt=we.css`
|
|
733
771
|
position: relative;
|
|
734
|
-
`,
|
|
772
|
+
`,gt=we.css`
|
|
735
773
|
background: var(--gray-50);
|
|
736
774
|
border-top: 1px solid var(--gray-200);
|
|
737
775
|
border-bottom: 1px solid var(--gray-200);
|
|
738
776
|
max-height: 24rem;
|
|
739
777
|
overflow-y: auto;
|
|
740
778
|
padding: var(--spacing-sm);
|
|
741
|
-
`;var
|
|
742
|
-
${
|
|
743
|
-
`},o):null,(0,e.jsx)("div",{css:[
|
|
779
|
+
`;var Or=({label:o,children:t})=>(0,e.jsx)("div",{css:mt},o?(0,e.jsx)("span",{css:bt.css`
|
|
780
|
+
${y}
|
|
781
|
+
`},o):null,(0,e.jsx)("div",{css:[gt,j]},t));var ie=require("@emotion/react"),ft=ie.css`
|
|
744
782
|
align-items: center;
|
|
745
783
|
background: var(--white);
|
|
746
784
|
border-radius: var(--rounded-base);
|
|
@@ -754,9 +792,9 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
754
792
|
&:last-of-type {
|
|
755
793
|
margin-block: 0;
|
|
756
794
|
}
|
|
757
|
-
`,
|
|
795
|
+
`,vt=ie.css`
|
|
758
796
|
border-color: var(--brand-secondary-3);
|
|
759
|
-
`,
|
|
797
|
+
`,ht=ie.css`
|
|
760
798
|
align-items: center;
|
|
761
799
|
border: none;
|
|
762
800
|
background: transparent;
|
|
@@ -770,7 +808,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
770
808
|
&:focus {
|
|
771
809
|
outline: none;
|
|
772
810
|
}
|
|
773
|
-
`;var
|
|
811
|
+
`;var Ce=require("@emotion/react");var W=require("@emotion/react"),ja=W.keyframes`
|
|
774
812
|
0%,
|
|
775
813
|
100% {
|
|
776
814
|
transform: scale(1);
|
|
@@ -780,7 +818,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
780
818
|
transform: scale(1.15);
|
|
781
819
|
opacity: 1;
|
|
782
820
|
}
|
|
783
|
-
`,
|
|
821
|
+
`,yt=W.keyframes`
|
|
784
822
|
0% {
|
|
785
823
|
opacity: 0;
|
|
786
824
|
transform: translateY(10px);
|
|
@@ -789,7 +827,7 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
789
827
|
opacity: 1;
|
|
790
828
|
transform: translateY(0);
|
|
791
829
|
}
|
|
792
|
-
`,
|
|
830
|
+
`,ei=W.keyframes`
|
|
793
831
|
0% {
|
|
794
832
|
opacity: 1;
|
|
795
833
|
transform: translateY(0);
|
|
@@ -798,23 +836,23 @@ var qt=Object.create;var Y=Object.defineProperty;var Jt=Object.getOwnPropertyDes
|
|
|
798
836
|
opacity: 0;
|
|
799
837
|
transform: translateY(10px);
|
|
800
838
|
}
|
|
801
|
-
`,
|
|
839
|
+
`,oi=W.keyframes`
|
|
802
840
|
0% {
|
|
803
841
|
opacity: 0;
|
|
804
842
|
}
|
|
805
843
|
100% {
|
|
806
844
|
opacity: 1;
|
|
807
845
|
}
|
|
808
|
-
`,
|
|
846
|
+
`,ti=W.keyframes`
|
|
809
847
|
to {
|
|
810
848
|
transform: scale(4);
|
|
811
|
-
}`;var
|
|
849
|
+
}`;var Gr=({buttonText:o,active:t,...r})=>(0,e.jsx)("div",{css:[ft,t?vt:void 0]},(0,e.jsx)("button",{css:ht,type:"button",...r},(0,e.jsx)("span",null,o),(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!t,css:Ce.css`
|
|
812
850
|
color: var(--brand-secondary-3);
|
|
813
851
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
814
|
-
${t?
|
|
815
|
-
animation: ${
|
|
852
|
+
${t?Ce.css`
|
|
853
|
+
animation: ${yt} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
816
854
|
`:"opacity: 0;"}
|
|
817
|
-
`},(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
|
|
855
|
+
`},(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 Mt=require("react-icons/cg");var x=require("@emotion/react"),xt=x.css`
|
|
818
856
|
align-items: center;
|
|
819
857
|
border: 1px solid transparent;
|
|
820
858
|
border-radius: var(--rounded-sm);
|
|
@@ -834,7 +872,7 @@ to {
|
|
|
834
872
|
&:focus {
|
|
835
873
|
border-color: var(--gray-700);
|
|
836
874
|
}
|
|
837
|
-
`,
|
|
875
|
+
`,wt=x.css`
|
|
838
876
|
border: 1px solid transparent;
|
|
839
877
|
background: transparent;
|
|
840
878
|
border-radius: var(--rounded-base);
|
|
@@ -856,48 +894,48 @@ to {
|
|
|
856
894
|
cursor: default;
|
|
857
895
|
pointer-events: none;
|
|
858
896
|
}
|
|
859
|
-
`,
|
|
897
|
+
`,Ct=x.css`
|
|
860
898
|
padding: var(--spacing-sm);
|
|
861
899
|
border-left: 1px solid currentColor;
|
|
862
|
-
`,
|
|
900
|
+
`,St=x.css`
|
|
863
901
|
background: var(--brand-secondary-1);
|
|
864
902
|
color: var(--white);
|
|
865
|
-
`,
|
|
903
|
+
`,se=x.css`
|
|
866
904
|
background: var(--gray-300);
|
|
867
905
|
color: var(--white);
|
|
868
|
-
`,
|
|
906
|
+
`,Lt=x.css`
|
|
869
907
|
background: var(--brand-secondary-5);
|
|
870
908
|
color: var(--white);
|
|
871
|
-
`,
|
|
872
|
-
${
|
|
873
|
-
`,
|
|
909
|
+
`,Rt=x.css`
|
|
910
|
+
${se}
|
|
911
|
+
`,It=x.css`
|
|
874
912
|
background: var(--brand-secondary-2);
|
|
875
913
|
color: var(--brand-secondary-1);
|
|
876
|
-
`,
|
|
877
|
-
${
|
|
878
|
-
`,
|
|
914
|
+
`,Pt=x.css`
|
|
915
|
+
${se}
|
|
916
|
+
`,kt=x.css`
|
|
879
917
|
background: transparent;
|
|
880
918
|
color: var(--brand-secondary-3);
|
|
881
919
|
|
|
882
920
|
&:hover {
|
|
883
921
|
border-color: var(--brand-secondary-3);
|
|
884
922
|
}
|
|
885
|
-
`,
|
|
923
|
+
`,Tt=x.css`
|
|
886
924
|
border-color: var(--gray-400);
|
|
887
925
|
color: var(--gray-400);
|
|
888
|
-
`;var
|
|
926
|
+
`;var $r=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>(0,e.jsx)("div",{css:[xt,n?{primary:se,secondary:Rt,ghost:Tt,unimportant:Pt}[t]:{primary:St,secondary:Lt,ghost:kt,unimportant:It}[t]],"data-test-id":"multioptions-button"},(0,e.jsx)("button",{type:"button",css:wt,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),(0,e.jsx)(ve,{menuLabel:"buttonMenu",placement:i,menuTrigger:(0,e.jsx)("div",{css:Ct,"data-test-id":"multioptions-button-call-menu"},(0,e.jsx)(v,{icon:Mt.CgChevronDown,size:24,iconColor:"currentColor"}))},a));var $t=require("@emotion/react");var k=f(require("react"));var le=require("@emotion/react"),Bt=le.css`
|
|
889
927
|
position: absolute;
|
|
890
|
-
`,
|
|
928
|
+
`,Ht=le.css`
|
|
891
929
|
display: flex;
|
|
892
930
|
gap: var(--spacing-sm);
|
|
893
931
|
font-size: var(--fs-xs);
|
|
894
|
-
`,
|
|
932
|
+
`,zt=le.css`
|
|
895
933
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
896
934
|
border-radius: var(--rounded-base);
|
|
897
935
|
border: 1px solid var(--gray-600);
|
|
898
936
|
box-shadow: var(--shadow-base);
|
|
899
937
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
900
|
-
`;var
|
|
938
|
+
`;var Et=require("react-hotkeys-hook"),F=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function Se(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function ce({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=F&&r?r:t;F&&!r&&(i=Se(t)),(0,Et.useHotkeys)(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var At=!1,Dt=k.default.createContext(!1),Le=["ctrl+F1","option+shift+/"];function Wr({children:o}){let[t,r]=(0,k.useState)(!1);return(0,k.useEffect)(()=>{At||(At=!0,console.log(`Type ${Vt(F?Le[1]:Le[0])} to show keyboard shortcuts`))},[]),ce({shortcut:Le.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),(0,e.jsx)(Dt.Provider,{value:t},o)}function Vt(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Re({shortcut:o,macShortcut:t,className:r}){if(!(0,k.useContext)(Dt)||!o.includes("+")&&o.length>1)return null;let a=F&&t?t:o;F&&!t&&(a=Se(o));let i=Vt(a);return(0,e.jsx)("div",{css:[Bt,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},(0,e.jsx)(Fr,{shortcut:i}))}function Fr({shortcut:o}){let t=o.split("+");return(0,e.jsx)("div",{css:Ht},t.map(r=>(0,e.jsx)("span",{key:r,css:zt},r.toUpperCase())))}var Ot=require("@emotion/react"),Gt=Ot.css`
|
|
901
939
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
902
940
|
align-items: center;
|
|
903
941
|
box-shadow: var(--shadow-base);
|
|
@@ -942,10 +980,10 @@ to {
|
|
|
942
980
|
transform: scale(0.95);
|
|
943
981
|
}
|
|
944
982
|
}
|
|
945
|
-
`;var
|
|
983
|
+
`;var Zr=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(ce({shortcut:r,macShortcut:n,handler:t,activeWhenEditing:!0}),(0,e.jsx)("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:t,css:Gt,...a},r?(0,e.jsx)(Re,{shortcut:r,css:$t.css`
|
|
946
984
|
top: -2rem;
|
|
947
985
|
left: -1.5rem;
|
|
948
|
-
`}):null,(0,e.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("path",{d:"M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",fill:"currentColor"}))));var
|
|
986
|
+
`}):null,(0,e.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("path",{d:"M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",fill:"currentColor"}))));var de=f(require("react"));var Z=require("@emotion/react"),Wt=Z.css`
|
|
949
987
|
cursor: pointer;
|
|
950
988
|
display: inline-block;
|
|
951
989
|
position: relative;
|
|
@@ -953,7 +991,7 @@ to {
|
|
|
953
991
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
954
992
|
vertical-align: middle;
|
|
955
993
|
user-select: none;
|
|
956
|
-
`,
|
|
994
|
+
`,Ft=Z.css`
|
|
957
995
|
appearance: none;
|
|
958
996
|
border-radius: var(--rounded-full);
|
|
959
997
|
background-color: var(--white);
|
|
@@ -990,14 +1028,14 @@ to {
|
|
|
990
1028
|
&:disabled {
|
|
991
1029
|
cursor: not-allowed;
|
|
992
1030
|
}
|
|
993
|
-
`,
|
|
1031
|
+
`,Zt=Z.css`
|
|
994
1032
|
opacity: var(--opacity-50);
|
|
995
1033
|
cursor: not-allowed;
|
|
996
1034
|
|
|
997
1035
|
& > :before {
|
|
998
1036
|
cursor: not-allowed;
|
|
999
1037
|
}
|
|
1000
|
-
`,
|
|
1038
|
+
`,Nt=Z.css`
|
|
1001
1039
|
align-items: center;
|
|
1002
1040
|
color: var(--brand-secondary-1);
|
|
1003
1041
|
display: inline-flex;
|
|
@@ -1018,29 +1056,29 @@ to {
|
|
|
1018
1056
|
left: 0;
|
|
1019
1057
|
top: 0;
|
|
1020
1058
|
}
|
|
1021
|
-
`,
|
|
1059
|
+
`,Ut=Z.css`
|
|
1022
1060
|
color: var(--gray-500);
|
|
1023
1061
|
font-size: var(--fs-sm);
|
|
1024
1062
|
padding-inline: var(--spacing-2xl) 0;
|
|
1025
|
-
`;var
|
|
1063
|
+
`;var Nr=de.forwardRef(({label:o,infoText:t,toggleText:r,children:n,...a},i)=>{let s=t;return t&&r&&(s=a.checked?r:t),(0,e.jsx)(de.Fragment,null,(0,e.jsx)("label",{css:[Wt,a.disabled?Zt:void 0]},(0,e.jsx)("input",{type:"checkbox",css:Ft,...a,ref:i}),(0,e.jsx)("span",{css:Nt},o)),s?(0,e.jsx)("p",{css:Ut},s):null,n)});var T=f(require("react"));var N=require("@emotion/react"),Kt=N.css`
|
|
1026
1064
|
border-bottom: 1px solid var(--gray-400);
|
|
1027
1065
|
border-collapse: collapse;
|
|
1028
1066
|
min-width: 100%;
|
|
1029
1067
|
table-layout: auto;
|
|
1030
|
-
`,
|
|
1068
|
+
`,Yt=N.css`
|
|
1031
1069
|
background: var(--gray-100);
|
|
1032
1070
|
color: var(--brand-secondary-1);
|
|
1033
1071
|
text-align: left;
|
|
1034
|
-
`,
|
|
1072
|
+
`,Xt=N.css`
|
|
1035
1073
|
border-bottom: 1px solid var(--gray-200);
|
|
1036
|
-
`,
|
|
1074
|
+
`,_t=N.css`
|
|
1037
1075
|
font-size: var(--fs-sm);
|
|
1038
1076
|
padding: var(--spacing-base) var(--spacing-md);
|
|
1039
1077
|
text-transform: uppercase;
|
|
1040
1078
|
font-weight: var(--fw-bold);
|
|
1041
|
-
`,
|
|
1079
|
+
`,qt=N.css`
|
|
1042
1080
|
padding: var(--spacing-base) var(--spacing-md);
|
|
1043
|
-
`;var
|
|
1081
|
+
`;var Kr=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("table",{ref:r,css:Kt,...t},o)),Yr=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("thead",{ref:r,css:Yt,...t},o)),Xr=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("tbody",{ref:r,...t},o)),_r=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("tfoot",{ref:r,...t},o)),qr=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("tr",{ref:r,css:Xt,...t},o)),Jr=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("th",{ref:r,css:_t,...t},o)),Qr=T.forwardRef(({children:o,...t},r)=>(0,e.jsx)("td",{ref:r,css:qt,...t},o));var U=require("react-icons/cg");var pe=require("@emotion/react"),Jt=pe.css`
|
|
1044
1082
|
align-items: center;
|
|
1045
1083
|
background: transparent;
|
|
1046
1084
|
border: none;
|
|
@@ -1061,16 +1099,16 @@ to {
|
|
|
1061
1099
|
&:hover svg {
|
|
1062
1100
|
box-shadow: var(--shadow-base);
|
|
1063
1101
|
}
|
|
1064
|
-
`,
|
|
1102
|
+
`,Qt=o=>pe.css`
|
|
1065
1103
|
box-sizing: border-box;
|
|
1066
1104
|
background: ${o?"var(--gray-300)":"var(--brand-secondary-3)"};
|
|
1067
1105
|
border-radius: var(--rounded-full);
|
|
1068
1106
|
color: var(--white);
|
|
1069
1107
|
padding: calc(var(--spacing-xs) - 0.15rem);
|
|
1070
|
-
`,Ie=
|
|
1108
|
+
`,Ie=pe.css`
|
|
1071
1109
|
transition: box-shadow var(--duration-fast) var(--timing-ease-out);
|
|
1072
|
-
`;var
|
|
1073
|
-
align-items: ${
|
|
1110
|
+
`;var jr=({buttonText:o="Add Item",onButtonClick:t,disabled:r,icon:n="math-plus",...a})=>{let i={"math-plus":U.CgMathPlus,add:U.CgAdd,"add-r":U.CgAddR};return(0,e.jsx)("button",{type:"button",css:Jt,onClick:t,title:o,disabled:r,...a},n==="math-plus"?(0,e.jsx)(v,{icon:i[n],iconColor:"currentColor",size:22,css:[Ie,Qt(r)]}):(0,e.jsx)(v,{icon:i[n],iconColor:"currentColor",size:22,css:Ie}),o)};var jt=require("@emotion/react"),en=o=>({auto:"auto",sm:"8rem",md:"16rem",lg:"20rem"})[o],on=o=>({left:"flex-start",right:"flex-end",center:"center"})[o],er=o=>jt.css`
|
|
1111
|
+
align-items: ${on(o.textAlign)};
|
|
1074
1112
|
border: 2px dashed var(--gray-300);
|
|
1075
1113
|
border-radius: var(--rounded-base);
|
|
1076
1114
|
background: ${o.bgColor==="transparent"?"transparent":"var(--white)"};
|
|
@@ -1080,27 +1118,27 @@ to {
|
|
|
1080
1118
|
text-align: ${o.textAlign};
|
|
1081
1119
|
padding: var(--spacing-lg);
|
|
1082
1120
|
will-change: auto;
|
|
1083
|
-
min-height: ${
|
|
1084
|
-
`;var
|
|
1121
|
+
min-height: ${en(o.boxHeight)};
|
|
1122
|
+
`;var tn=({bgColor:o="transparent",textAlign:t="center",boxHeight:r="md",children:n,...a})=>(0,e.jsx)("div",{css:er({bgColor:o,boxHeight:r,textAlign:t}),...a},n);var M=require("@emotion/react"),or=M.css`
|
|
1085
1123
|
margin-block: var(--spacing-sm);
|
|
1086
|
-
`,
|
|
1124
|
+
`,tr=M.css`
|
|
1087
1125
|
background: var(--gray-100);
|
|
1088
1126
|
margin-top: var(--spacing-sm);
|
|
1089
1127
|
position: relative;
|
|
1090
1128
|
overflow: hidden;
|
|
1091
1129
|
height: 0.25rem;
|
|
1092
|
-
`,
|
|
1130
|
+
`,rr=M.css`
|
|
1093
1131
|
position: absolute;
|
|
1094
1132
|
inset: 0;
|
|
1095
1133
|
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
1096
|
-
`,
|
|
1134
|
+
`,nr=M.css`
|
|
1097
1135
|
display: flex;
|
|
1098
1136
|
justify-content: space-between;
|
|
1099
1137
|
font-weight: var(--fw-bold);
|
|
1100
|
-
`,
|
|
1138
|
+
`,Pe=M.css`
|
|
1101
1139
|
font-size: var(--fs-baase);
|
|
1102
|
-
`,
|
|
1140
|
+
`,ar=o=>M.css`
|
|
1103
1141
|
background: ${o};
|
|
1104
|
-
`,
|
|
1142
|
+
`,ir=o=>M.css`
|
|
1105
1143
|
color: ${o};
|
|
1106
|
-
`;var
|
|
1144
|
+
`;var rn=({current:o,max:t,label:r})=>{let a=Math.ceil(o/t*100),i={base:"var(--gray-400)",warn:"#facc15",danger:"var(--brand-secondary-5)"},s=a===100?i.danger:a>=75?i.warn:i.base;return(0,e.jsx)("div",{css:or},(0,e.jsx)("div",{css:nr},(0,e.jsx)("span",{css:Pe},r),(0,e.jsx)("span",{css:[Pe,ir(s)]},o," of ",t)),(0,e.jsx)("div",{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,"aria-valuetext":`${o} of ${t}`,css:tr},(0,e.jsx)("span",{role:"presentation",css:[rr,ar(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,PageHeaderSection,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});
|