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