@uniformdev/design-system 16.1.0 → 16.1.1-alpha.139
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 +149 -170
- package/dist/index.d.ts +57 -5
- package/dist/index.js +155 -176
- package/package.json +10 -10
package/dist/index.js
CHANGED
|
@@ -1,47 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
|
|
5
|
-
*:where(:not(iframe, canvas, img, svg, video, [hidden]):not(svg *)) {
|
|
6
|
-
all: unset;
|
|
7
|
-
display: revert;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
/* Preferred box-sizing value */
|
|
11
|
-
*,
|
|
12
|
-
*::before,
|
|
13
|
-
*::after {
|
|
14
|
-
box-sizing: border-box;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
/*
|
|
18
|
-
Remove list styles (bullets/numbers)
|
|
19
|
-
in case you use it with normalize.css
|
|
20
|
-
*/
|
|
21
|
-
ol,
|
|
22
|
-
ul {
|
|
23
|
-
list-style: none;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/* For images to not be able to exceed their container */
|
|
27
|
-
img {
|
|
28
|
-
max-width: 100%;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/* Removes spacing between cells in tables */
|
|
32
|
-
table {
|
|
33
|
-
border-collapse: collapse;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Revert the 'white-space' property for textarea elements on Safari */
|
|
37
|
-
textarea {
|
|
38
|
-
white-space: revert;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/* Allow dragging elements with a draggable=true attribute */
|
|
42
|
-
[draggable="true"] {
|
|
43
|
-
-webkit-user-drag: element;
|
|
44
|
-
}
|
|
1
|
+
var Et=Object.create;var U=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var Vt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,Dt=Object.prototype.hasOwnProperty;var Gt=(o,t)=>{for(var r in t)U(o,r,{get:t[r],enumerable:!0})},ye=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Vt(t))!Dt.call(o,a)&&a!==r&&U(o,a,{get:()=>t[a],enumerable:!(n=Ot(t,a))||n.enumerable});return o};var b=(o,t,r)=>(r=o!=null?Et(At(o)):{},ye(t||!o||!o.__esModule?U(r,"default",{value:o,enumerable:!0}):r,o)),Wt=o=>ye(U({},"__esModule",{value:!0}),o);var Tr={};Gt(Tr,{AddButton:()=>br,Button:()=>Ut,ButtonWithMenu:()=>mr,Callout:()=>nr,Caption:()=>C,ErrorMessage:()=>S,Heading:()=>lr,Icon:()=>w,IconsProvider:()=>$t,Input:()=>le,InputComboBox:()=>_t,InputInlineSelect:()=>qt,InputKeywordSearch:()=>Jt,InputSelect:()=>Qt,InputToggle:()=>jt,Label:()=>L,Link:()=>pr,LoadingIcon:()=>Ho,LoadingIndicator:()=>ir,LoadingOverlay:()=>sr,Menu:()=>de,MenuContext:()=>ce,MenuItem:()=>or,Paragraph:()=>cr,ScrollableList:()=>dr,ScrollableListItem:()=>ur,ShortcutContext:()=>gr,ShortcutRevealer:()=>he,Switch:()=>vr,Table:()=>yr,TableBody:()=>wr,TableCellData:()=>Rr,TableCellHead:()=>Ir,TableFoot:()=>Cr,TableHead:()=>xr,TableRow:()=>Sr,Textarea:()=>er,Theme:()=>Zt,UniformBadge:()=>Ft,UniformLogo:()=>Nt,breakpoints:()=>we,input:()=>k,inputError:()=>R,inputSelect:()=>Y,labelText:()=>h,mq:()=>ie,scrollbarStyles:()=>X,useIconContext:()=>se,useMenuContext:()=>pe});module.exports=Wt(Tr);var e=require("@emotion/react"),l=b(require("react"));var xe=b(require("react")),Zt=({disableReset:o=!1})=>(0,e.jsx)(xe.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
|
+
/*! 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}
|
|
45
3
|
`}}),(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
46
4
|
:root {
|
|
47
5
|
--brand-primary-1: #438fd5; /* bright blue */
|
|
@@ -187,14 +145,14 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
187
145
|
pre {
|
|
188
146
|
white-space: pre;
|
|
189
147
|
}
|
|
190
|
-
`}}));var
|
|
148
|
+
`}}));var we={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},ie=o=>`@media (min-width: ${we[o]})`;var g=require("@emotion/react"),H=g.css`
|
|
191
149
|
position: relative;
|
|
192
|
-
`,
|
|
150
|
+
`,h=g.css`
|
|
193
151
|
display: flex;
|
|
194
152
|
font-weight: var(--fw-bold);
|
|
195
153
|
margin: 0 0 var(--spacing-xs);
|
|
196
154
|
align-items: center;
|
|
197
|
-
`,
|
|
155
|
+
`,k=g.css`
|
|
198
156
|
appearance: none;
|
|
199
157
|
background-color: var(--white);
|
|
200
158
|
border: 1px solid var(--gray-400);
|
|
@@ -224,27 +182,27 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
224
182
|
color: var(--gray-300);
|
|
225
183
|
border-color: var(--gray-300);
|
|
226
184
|
}
|
|
227
|
-
`,R=
|
|
185
|
+
`,R=g.css`
|
|
228
186
|
border-color: var(--brand-secondary-5);
|
|
229
|
-
|
|
187
|
+
`,$=g.css`
|
|
230
188
|
align-items: center;
|
|
231
189
|
display: flex;
|
|
232
190
|
position: absolute;
|
|
233
191
|
inset: 0 var(--spacing-base) 0 auto;
|
|
234
192
|
pointer-event: one;
|
|
235
|
-
|
|
193
|
+
`,K=g.css`
|
|
236
194
|
padding-right: var(--spacing-2xl);
|
|
237
|
-
`,
|
|
195
|
+
`,Y=g.css`
|
|
238
196
|
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");
|
|
239
197
|
background-position: right var(--spacing-sm) center;
|
|
240
198
|
background-repeat: no-repeat;
|
|
241
199
|
background-size: 1rem;
|
|
242
200
|
padding-right: var(--spacing-xl);
|
|
243
|
-
`,
|
|
201
|
+
`,Ce=g.css`
|
|
244
202
|
color: var(--brand-secondary-1);
|
|
245
203
|
height: 1.25rem;
|
|
246
204
|
width: 1.25rem;
|
|
247
|
-
`,
|
|
205
|
+
`,Se=g.css`
|
|
248
206
|
align-items: center;
|
|
249
207
|
cursor: pointer;
|
|
250
208
|
display: inline-flex;
|
|
@@ -252,7 +210,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
252
210
|
margin: var(--spacing-sm) 0;
|
|
253
211
|
flex-wrap: wrap;
|
|
254
212
|
font-weight: var(--fw-regular);
|
|
255
|
-
`,
|
|
213
|
+
`,Ie=g.css`
|
|
256
214
|
border: 1px solid var(--brand-secondary-1);
|
|
257
215
|
background: var(--white);
|
|
258
216
|
width: var(--spacing-md);
|
|
@@ -283,21 +241,21 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
283
241
|
color: var(--gray-300);
|
|
284
242
|
border-color: var(--gray-300);
|
|
285
243
|
}
|
|
286
|
-
`,
|
|
244
|
+
`,Re=g.css`
|
|
287
245
|
font-weight: var(--fw-medium);
|
|
288
|
-
`,
|
|
246
|
+
`,Te=g.css`
|
|
289
247
|
cursor: not-allowed;
|
|
290
248
|
color: var(--gray-400);
|
|
291
|
-
`,
|
|
249
|
+
`,Me=g.css`
|
|
292
250
|
display: flex;
|
|
293
251
|
flex-direction: column;
|
|
294
252
|
flex-basis: 100%;
|
|
295
253
|
padding-left: var(--spacing-lg);
|
|
296
254
|
margin-top: -0.5rem;
|
|
297
255
|
line-height: 1.15;
|
|
298
|
-
`,
|
|
299
|
-
${
|
|
300
|
-
`;var
|
|
256
|
+
`,ke=g.css`
|
|
257
|
+
${k}
|
|
258
|
+
`;var Pe=require("@emotion/react"),X=Pe.css`
|
|
301
259
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
302
260
|
/*
|
|
303
261
|
#d1d5db = bg-gray-300
|
|
@@ -323,15 +281,15 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
323
281
|
&::-webkit-scrollbar-thumb:hover {
|
|
324
282
|
background: var(--gray-500);
|
|
325
283
|
}
|
|
326
|
-
`;var
|
|
284
|
+
`;var _=require("@emotion/react"),q=_.css`
|
|
327
285
|
display: block;
|
|
328
|
-
`,
|
|
286
|
+
`,J=_.css`
|
|
329
287
|
background: transparent;
|
|
330
288
|
color: var(--brand-secondary-1);
|
|
331
|
-
`,
|
|
289
|
+
`,Q=_.css`
|
|
332
290
|
background: var(--brand-secondary-1);
|
|
333
291
|
color: var(--white);
|
|
334
|
-
`;var
|
|
292
|
+
`;var Ft=({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:[q,o==="dark"?Q:J],...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 Nt=({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:[q,o==="dark"?Q:J],...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 Ve=b(require("react")),Ae=require("reakit/Button");var P=require("@emotion/react"),Le=P.css`
|
|
335
293
|
align-items: center;
|
|
336
294
|
border: 1px solid transparent;
|
|
337
295
|
cursor: pointer;
|
|
@@ -355,7 +313,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
355
313
|
&:disabled {
|
|
356
314
|
cursor: not-allowed;
|
|
357
315
|
}
|
|
358
|
-
`,
|
|
316
|
+
`,Be=P.css`
|
|
359
317
|
background: var(--brand-secondary-1);
|
|
360
318
|
color: var(--white);
|
|
361
319
|
|
|
@@ -363,7 +321,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
363
321
|
background: var(--gray-500);
|
|
364
322
|
color: var(--white);
|
|
365
323
|
}
|
|
366
|
-
`,
|
|
324
|
+
`,ze=P.css`
|
|
367
325
|
background: var(--brand-secondary-5);
|
|
368
326
|
color: var(--white);
|
|
369
327
|
|
|
@@ -371,7 +329,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
371
329
|
background: var(--gray-500);
|
|
372
330
|
color: var(--white);
|
|
373
331
|
}
|
|
374
|
-
`,
|
|
332
|
+
`,He=P.css`
|
|
375
333
|
background: var(--brand-secondary-2);
|
|
376
334
|
color: var(--brand-secondary-1);
|
|
377
335
|
|
|
@@ -379,7 +337,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
379
337
|
background: var(--brand-secondary-2);
|
|
380
338
|
color: var(--gray-400);
|
|
381
339
|
}
|
|
382
|
-
`,
|
|
340
|
+
`,Ee=P.css`
|
|
383
341
|
background: transparent;
|
|
384
342
|
color: var(--brand-secondary-3);
|
|
385
343
|
|
|
@@ -392,7 +350,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
392
350
|
border-color: var(--gray-400);
|
|
393
351
|
color: var(--gray-400);
|
|
394
352
|
}
|
|
395
|
-
`,
|
|
353
|
+
`,Oe=P.css`
|
|
396
354
|
background: var(--brand-secondary-3);
|
|
397
355
|
color: var(--white);
|
|
398
356
|
|
|
@@ -400,10 +358,10 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
400
358
|
background: var(--gray-500);
|
|
401
359
|
color: var(--white);
|
|
402
360
|
}
|
|
403
|
-
`;var
|
|
361
|
+
`;var Ut=Ve.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:Be,secondary:ze,ghost:Ee,unimportant:He,tertiary:Oe},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)(Ae.Button,{ref:a,css:[Le,i[o],s[t]],...n},r)});var $e=b(require("react"));var x=require("react"),De=require("param-case"),Ge=(0,x.createContext)({iconsMap:{},isLoading:!0});function se(){return(0,x.useContext)(Ge)}function $t({children:o}){let[t,r]=(0,x.useState)(!0),[n,a]=(0,x.useState)({});return(0,x.useEffect)(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let f=Kt(p);return{...u,[f]:m}},{});a(s),r(!1)})},[]),(0,e.jsx)(Ge.Provider,{value:{iconsMap:n,isLoading:t}},o)}function Kt(o){var t,r;return(r=(t=(0,De.paramCase)(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}var E=require("@emotion/react");var We=E.css`
|
|
404
362
|
display: hidden;
|
|
405
363
|
|
|
406
|
-
${
|
|
364
|
+
${ie("sm")} {
|
|
407
365
|
display: block;
|
|
408
366
|
}
|
|
409
367
|
|
|
@@ -411,30 +369,30 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
411
369
|
display: block;
|
|
412
370
|
vertical-align: middle;
|
|
413
371
|
}
|
|
414
|
-
`,
|
|
372
|
+
`,Ze=E.css`
|
|
415
373
|
color: var(--brand-secondary-3);
|
|
416
|
-
`,
|
|
374
|
+
`,Fe=E.css`
|
|
417
375
|
color: var(--brand-secondary-5);
|
|
418
|
-
`,
|
|
376
|
+
`,Ne=E.css`
|
|
419
377
|
color: var(--gray-500);
|
|
420
|
-
`,
|
|
378
|
+
`,Ue=E.css`
|
|
421
379
|
color: currentColor;
|
|
422
|
-
`;var
|
|
380
|
+
`;var Xt=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=se(),u={green:Ze,gray:Ne,red:Fe,currentColor:Ue};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:[We,u[t]]})},w=$e.default.memo(Xt);var Ke=require("@emotion/react"),Ye=Ke.css`
|
|
423
381
|
color: var(--gray-500);
|
|
424
382
|
display: block;
|
|
425
383
|
font-size: var(--fs-sm);
|
|
426
384
|
margin: var(--spacing-xs) 0;
|
|
427
385
|
max-width: var(--prose);
|
|
428
|
-
`;var C=({children:o})=>(0,e.jsx)("small",{css
|
|
386
|
+
`;var C=({children:o,testId:t})=>(0,e.jsx)("small",{css:Ye,"data-test-id":t},o);var qe=require("react-icons/md");var Xe=require("@emotion/react"),_e=Xe.css`
|
|
429
387
|
align-items: center;
|
|
430
388
|
color: var(--brand-secondary-5);
|
|
431
389
|
display: flex;
|
|
432
390
|
gap: var(--spacing-sm);
|
|
433
391
|
margin: var(--spacing-xs) 0;
|
|
434
|
-
`;var S=({message:o})=>o?(0,e.jsx)("span",{css:
|
|
392
|
+
`;var S=({message:o,testId:t})=>o?(0,e.jsx)("span",{css:_e,"data-test-id":t},(0,e.jsx)(w,{icon:qe.MdWarning,size:16,iconColor:"currentColor"}),o):null;var L=({children:o,className:t,testId:r,...n})=>(0,e.jsx)("label",{css:[h,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var le=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:f,classNameControl:d,classNameLabel:v,...ae})=>(0,e.jsx)("div",{"data-test-id":s},a?(0,e.jsx)(L,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:u},o):null,(0,e.jsx)("div",{css:[H,typeof f=="object"?f:void 0],className:typeof f=="string"?f:""},(0,e.jsx)("input",{id:r,css:[k,typeof d=="object"?d:void 0,i?R:void 0,t?K:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...ae}),t?(0,e.jsx)("div",{css:$},t):null),n?(0,e.jsx)(C,{testId:m},n):null,i?(0,e.jsx)(S,{message:i,testId:p}):null);var Je=b(require("react-select"));function _t(o){return(0,e.jsx)(Je.default,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r),color:"#828282"}},valueContainer:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r),padding:"var(--spacing-base)"}},input:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(t,r)=>({...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}var ro=require("@emotion/react"),no=b(require("react")),j=require("react");var O=require("@emotion/react"),Qe=O.css`
|
|
435
393
|
margin-inline: auto;
|
|
436
394
|
max-width: fit-content;
|
|
437
|
-
`,
|
|
395
|
+
`,je=O.css`
|
|
438
396
|
align-items: center;
|
|
439
397
|
background: var(--brand-secondary-3);
|
|
440
398
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -457,7 +415,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
457
415
|
&:focus {
|
|
458
416
|
outline: 2px solid var(--brand-secondary-1);
|
|
459
417
|
}
|
|
460
|
-
`,
|
|
418
|
+
`,eo=O.css`
|
|
461
419
|
background: var(--white);
|
|
462
420
|
border: 1px solid var(--brand-secondary-3);
|
|
463
421
|
border-top: none;
|
|
@@ -467,7 +425,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
467
425
|
position: absolute;
|
|
468
426
|
inset: auto 0;
|
|
469
427
|
transform: translateY(-0.2rem);
|
|
470
|
-
`,
|
|
428
|
+
`,oo=O.css`
|
|
471
429
|
cursor: pointer;
|
|
472
430
|
display: block;
|
|
473
431
|
font-size: var(--fs-sm);
|
|
@@ -482,24 +440,25 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
482
440
|
&:hover {
|
|
483
441
|
background: var(--gray-50);
|
|
484
442
|
}
|
|
485
|
-
`,
|
|
443
|
+
`,to=O.css`
|
|
486
444
|
position: absolute;
|
|
487
445
|
overflow: hidden;
|
|
488
446
|
height: 1px;
|
|
489
447
|
width: 1px;
|
|
490
448
|
clip: rect(0, 0, 0, 0);
|
|
491
449
|
padding: 0;
|
|
492
|
-
`;var
|
|
450
|
+
`;var ao=require("react-icons/cg"),qt=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var f;let[s,u]=(0,j.useState)(!1),p=(0,j.useRef)(null);no.useEffect(()=>{let d=v=>{p.current&&!p.current.contains(v.target)&&u(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[p]);let m=t.find(d=>d.value===r);return(0,e.jsx)("div",{ref:p,css:o?ro.css`
|
|
493
451
|
max-width: fit-content;
|
|
494
452
|
${typeof o=="object"?o:void 0}
|
|
495
|
-
`:
|
|
453
|
+
`:Qe,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:je,onClick:()=>{a||u(d=>!d)},disabled:a,...i},(0,e.jsx)("span",null,(f=m==null?void 0:m.label)!=null?f:r),a?null:(0,e.jsx)(w,{icon:ao.CgChevronDown,iconColor:"currentColor",size:24})),(0,e.jsx)("div",{id:`and-or-${i.id}`,css:[eo,s?void 0:to],"aria-hidden":!s},t.map(d=>(0,e.jsx)("button",{key:d.value,type:"button",css:oo,onClick:()=>{n(d),u(v=>!v)}},d.label))))};var Jt=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i})=>(0,e.jsx)(le,{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:Ce},(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:p=>{o(p.currentTarget.value)},onKeyPress:p=>{p.key==="Enter"&&a&&p.preventDefault()},disabled:t,"aria-label":r});var Qt=({label:o,defaultOption:t,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:p,classNameLabel:m,...f})=>(0,e.jsx)("div",{css:[H,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?(0,e.jsx)(l.Fragment,null,(0,e.jsx)(L,{htmlFor:f.id,css:[h,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:[k,Y,a?R:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...f},t?(0,e.jsx)("option",{value:""},t):null,r.map((d,v)=>(0,e.jsx)("option",{key:v,value:d.label,...d}))),n?(0,e.jsx)(C,null,n):null,a?(0,e.jsx)(S,{message:a}):null);var jt=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>(0,e.jsx)(L,{css:[Se,r?Te:void 0]},(0,e.jsx)("input",{type:t,css:Ie,checked:n,name:a,disabled:r,...u}),(0,e.jsx)("span",{css:Re},o),i||s?(0,e.jsx)("span",{css:Me},i?(0,e.jsx)(C,null,i):null,s?(0,e.jsx)(S,{message:s}):null):null);var io=b(require("react"));var er=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>(0,e.jsx)(io.Fragment,null,a?(0,e.jsx)("label",{htmlFor:r,css:[h]},o):null,(0,e.jsx)("div",{css:[H]},(0,e.jsx)("textarea",{id:r,css:[ke,i?R:void 0,t?K:""],"aria-label":a?void 0:o,...s}),t?(0,e.jsx)("div",{css:$},t):null),n?(0,e.jsx)(C,null,n):null,i?(0,e.jsx)(S,{message:i}):null);var V=b(require("react")),A=require("reakit/Menu");var so=require("@emotion/react"),lo=so.css`
|
|
496
454
|
border: 1px solid var(--gray-500);
|
|
497
455
|
border-radius: var(--rounded-base);
|
|
498
456
|
outline: none;
|
|
499
457
|
overflow: hidden;
|
|
500
458
|
z-index: 50;
|
|
501
|
-
`;var
|
|
459
|
+
`;var ce=V.createContext({}),pe=()=>V.useContext(ce),de=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=(0,A.useMenuState)({placement:r});return(0,e.jsx)(ce.Provider,{value:i},(0,e.jsx)(A.MenuButton,{...i,ref:t.ref,...t.props},s=>V.cloneElement(t,s)),(0,e.jsx)(A.Menu,{...i,"aria-label":o,css:[lo,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};var uo=b(require("react")),mo=require("reakit");var ue=require("@emotion/react"),co=ue.css`
|
|
502
460
|
background: var(--white);
|
|
461
|
+
border: none;
|
|
503
462
|
border-top: 1px solid var(--gray-500);
|
|
504
463
|
color: var(--brand-secondary-1);
|
|
505
464
|
display: flex;
|
|
@@ -523,7 +482,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
523
482
|
&:hover {
|
|
524
483
|
background: var(--gray-200);
|
|
525
484
|
}
|
|
526
|
-
`,
|
|
485
|
+
`,po=ue.css`
|
|
527
486
|
align-items: center;
|
|
528
487
|
display: flex;
|
|
529
488
|
justify-content: space-between;
|
|
@@ -534,7 +493,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
534
493
|
width: var(--spacing-base);
|
|
535
494
|
height: var(--spacing-base);
|
|
536
495
|
}
|
|
537
|
-
`;var
|
|
496
|
+
`;var or=uo.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=pe(),p=r?(f=>{let d={...f};if(d.onClick){let v=d.onClick;d.onClick=ae=>{s.hide(),v(ae)}}return d})(a):a,m=typeof o=="function"?o(p):o;return(0,e.jsx)(mo.MenuItem,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[co,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:po},o," ",t)}var c=require("@emotion/react");var go=({...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"})),fo=({...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"})),bo=({...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"})),vo=({...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"})),me=({...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"})),ho=({...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 B=require("@emotion/react"),yo=B.css`
|
|
538
497
|
--caution-desc: rgb(161, 98, 7);
|
|
539
498
|
--caution-icon: rgb(250, 204, 21);
|
|
540
499
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -562,77 +521,77 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
562
521
|
|
|
563
522
|
border-radius: var(--rounded-base);
|
|
564
523
|
padding: var(--spacing-base);
|
|
565
|
-
`,
|
|
524
|
+
`,xo=B.css`
|
|
566
525
|
display: flex;
|
|
567
526
|
gap: var(--spacing-base);
|
|
568
|
-
`,xo=B.css`
|
|
569
|
-
flex-shrink: 0;
|
|
570
527
|
`,wo=B.css`
|
|
528
|
+
flex-shrink: 0;
|
|
529
|
+
`,Co=B.css`
|
|
571
530
|
font-size: var(--fs-sm);
|
|
572
531
|
font-weight: var(--fw-bold);
|
|
573
532
|
margin: 0 0 var(--spacing-sm);
|
|
574
|
-
`,Co=B.css`
|
|
575
|
-
font-size: var(--fs-sm);
|
|
576
533
|
`,So=B.css`
|
|
534
|
+
font-size: var(--fs-sm);
|
|
535
|
+
`,Io=B.css`
|
|
577
536
|
width: 1.25rem;
|
|
578
537
|
height: 1.25rem;
|
|
579
|
-
`;var
|
|
538
|
+
`;var rr={caution:{icon:me,descriptionColor:c.css`
|
|
580
539
|
color: var(--caution-desc);
|
|
581
|
-
`,iconColor:
|
|
540
|
+
`,iconColor:c.css`
|
|
582
541
|
color: var(--caution-icon);
|
|
583
|
-
`,titleColor:
|
|
542
|
+
`,titleColor:c.css`
|
|
584
543
|
color: var(--caution-title);
|
|
585
|
-
`,containerColor:
|
|
544
|
+
`,containerColor:c.css`
|
|
586
545
|
background-color: var(--caution-container);
|
|
587
|
-
`},danger:{icon:
|
|
546
|
+
`},danger:{icon:fo,descriptionColor:c.css`
|
|
588
547
|
color: var(--danger-desc);
|
|
589
|
-
`,iconColor:
|
|
548
|
+
`,iconColor:c.css`
|
|
590
549
|
color: var(--danger-icon);
|
|
591
|
-
`,titleColor:
|
|
550
|
+
`,titleColor:c.css`
|
|
592
551
|
color: var(--danger-title);
|
|
593
|
-
`,containerColor:
|
|
552
|
+
`,containerColor:c.css`
|
|
594
553
|
background-color: var(--danger-container);
|
|
595
|
-
`},error:{icon:
|
|
554
|
+
`},error:{icon:me,descriptionColor:c.css`
|
|
596
555
|
color: var(--danger-desc);
|
|
597
|
-
`,iconColor:
|
|
556
|
+
`,iconColor:c.css`
|
|
598
557
|
color: var(--danger-icon);
|
|
599
|
-
`,titleColor:
|
|
558
|
+
`,titleColor:c.css`
|
|
600
559
|
color: var(--danger-title);
|
|
601
|
-
`,containerColor:
|
|
560
|
+
`,containerColor:c.css`
|
|
602
561
|
background-color: var(--danger-container);
|
|
603
|
-
`},info:{icon:
|
|
562
|
+
`},info:{icon:go,descriptionColor:c.css`
|
|
604
563
|
color: var(--info-desc);
|
|
605
|
-
`,iconColor:
|
|
564
|
+
`,iconColor:c.css`
|
|
606
565
|
color: var(--info-icon);
|
|
607
|
-
`,titleColor:
|
|
566
|
+
`,titleColor:c.css`
|
|
608
567
|
color: var(--info-title);
|
|
609
|
-
`,containerColor:
|
|
568
|
+
`,containerColor:c.css`
|
|
610
569
|
background-color: var(--info-container);
|
|
611
|
-
`},note:{icon:
|
|
570
|
+
`},note:{icon:bo,descriptionColor:c.css`
|
|
612
571
|
color: var(--note-desc);
|
|
613
|
-
`,iconColor:
|
|
572
|
+
`,iconColor:c.css`
|
|
614
573
|
color: var(--note-icon);
|
|
615
|
-
`,titleColor:
|
|
574
|
+
`,titleColor:c.css`
|
|
616
575
|
color: var(--note-title);
|
|
617
|
-
`,containerColor:
|
|
576
|
+
`,containerColor:c.css`
|
|
618
577
|
background-color: var(--note-container);
|
|
619
|
-
`},success:{icon:
|
|
578
|
+
`},success:{icon:ho,descriptionColor:c.css`
|
|
620
579
|
color: var(--success-desc);
|
|
621
|
-
`,iconColor:
|
|
580
|
+
`,iconColor:c.css`
|
|
622
581
|
color: var(--success-icon);
|
|
623
|
-
`,titleColor:
|
|
582
|
+
`,titleColor:c.css`
|
|
624
583
|
color: var(--success-title);
|
|
625
|
-
`,containerColor:
|
|
584
|
+
`,containerColor:c.css`
|
|
626
585
|
background-color: var(--success-container);
|
|
627
|
-
`},tip:{icon:vo,descriptionColor:
|
|
586
|
+
`},tip:{icon:vo,descriptionColor:c.css`
|
|
628
587
|
color: var(--success-desc);
|
|
629
|
-
`,iconColor:
|
|
588
|
+
`,iconColor:c.css`
|
|
630
589
|
color: var(--success-icon);
|
|
631
|
-
`,titleColor:
|
|
590
|
+
`,titleColor:c.css`
|
|
632
591
|
color: var(--success-title);
|
|
633
|
-
`,containerColor:
|
|
592
|
+
`,containerColor:c.css`
|
|
634
593
|
background-color: var(--success-container);
|
|
635
|
-
`}},
|
|
594
|
+
`}},nr=({type:o="info",title:t,children:r,className:n})=>{let a=rr[o];if(!a)return null;let i=a.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[yo,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},(0,e.jsx)("div",{css:xo},(0,e.jsx)("div",{css:wo},(0,e.jsx)(i,{css:[Io,a.iconColor]})),(0,e.jsx)("div",null,t?(0,e.jsx)("h3",{css:[Co,a.titleColor]},t):null,r?(0,e.jsx)("div",{css:[So,a.descriptionColor]},r):null)))};var Z=require("@emotion/react"),ar=Z.keyframes`
|
|
636
595
|
0%, 100% {
|
|
637
596
|
opacity: 1.0;
|
|
638
597
|
transform: translateY(0);
|
|
@@ -648,14 +607,14 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
648
607
|
opacity: 0.2;
|
|
649
608
|
transform: translateY(-5px);
|
|
650
609
|
}
|
|
651
|
-
`,
|
|
610
|
+
`,Ro=Z.css`
|
|
652
611
|
display: inline-flex;
|
|
653
612
|
justify-content: center;
|
|
654
|
-
`,
|
|
613
|
+
`,ee=Z.css`
|
|
655
614
|
background-color: var(--gray-700);
|
|
656
615
|
display: block;
|
|
657
616
|
border-radius: var(--rounded-full);
|
|
658
|
-
animation: ${
|
|
617
|
+
animation: ${ar} 0.75s infinite ease-in-out;
|
|
659
618
|
width: 8px;
|
|
660
619
|
height: 8px;
|
|
661
620
|
margin: 0 var(--spacing-xs);
|
|
@@ -672,7 +631,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
672
631
|
&:nth-of-type(3) {
|
|
673
632
|
animation-delay: 0.6s;
|
|
674
633
|
}
|
|
675
|
-
`;var
|
|
634
|
+
`;var ir=()=>(0,e.jsx)("div",{css:Ro,role:"alert","data-test-id":"loading-indicator"},(0,e.jsx)("span",{css:ee}),(0,e.jsx)("span",{css:ee}),(0,e.jsx)("span",{css:ee}));var zo=require("@emotion/react");var z=require("@emotion/react"),To=z.css`
|
|
676
635
|
align-items: center;
|
|
677
636
|
position: absolute;
|
|
678
637
|
inset: 0 0;
|
|
@@ -683,42 +642,42 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
683
642
|
display: flex;
|
|
684
643
|
`,ko=z.css`
|
|
685
644
|
display: none;
|
|
686
|
-
`,
|
|
645
|
+
`,Po=z.css`
|
|
687
646
|
background: var(--white);
|
|
688
647
|
opacity: 0.5;
|
|
689
648
|
position: absolute;
|
|
690
649
|
inset: 0 0;
|
|
691
|
-
`,
|
|
650
|
+
`,Lo=z.css`
|
|
692
651
|
align-items: center;
|
|
693
652
|
display: flex;
|
|
694
653
|
flex-direction: column;
|
|
695
|
-
`,
|
|
654
|
+
`,Bo=z.css`
|
|
696
655
|
color: var(--gray-500);
|
|
697
656
|
margin: var(--spacing-base) 0 0;
|
|
698
|
-
`;var
|
|
657
|
+
`;var sr=({isActive:o,statusMessage:t})=>(0,e.jsx)("div",{role:"alert",css:[To,o?Mo:ko],"aria-hidden":!o},(0,e.jsx)("div",{css:Po}),(0,e.jsx)("div",{css:zo.css`
|
|
699
658
|
position: relative;
|
|
700
|
-
`},(0,e.jsx)("div",{css:
|
|
659
|
+
`},(0,e.jsx)("div",{css:Lo},(0,e.jsx)(Ho,{height:128,width:128}),t?(0,e.jsx)("div",{css:Bo},t):null))),Ho=({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 I=require("@emotion/react"),Eo=I.css`
|
|
701
660
|
font-family: var(--ff-heading);
|
|
702
661
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
703
662
|
font-weight: var(--fw-bold);
|
|
704
663
|
margin-bottom: var(--spacing-base);
|
|
705
|
-
`,Ho=I.css`
|
|
706
|
-
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
707
664
|
`,Oo=I.css`
|
|
708
|
-
font-size: clamp(1.
|
|
665
|
+
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
709
666
|
`,Vo=I.css`
|
|
710
|
-
font-size: clamp(1.
|
|
667
|
+
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
711
668
|
`,Ao=I.css`
|
|
669
|
+
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
670
|
+
`,Do=I.css`
|
|
712
671
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
713
672
|
`,Go=I.css`
|
|
714
673
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
715
|
-
`,
|
|
674
|
+
`,Wo=I.css`
|
|
716
675
|
font-weight: var(--fw-bold);
|
|
717
676
|
font-family: var(--ff-base);
|
|
718
677
|
margin-bottom: var(--spacing-base);
|
|
719
678
|
`,Zo=I.css`
|
|
720
679
|
line-height: 1.35;
|
|
721
|
-
`;var
|
|
680
|
+
`;var lr=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:Eo,h2:Oo,h3:Vo,h4:Ao,h5:Do,h6:Go},i=n.includes("h1")?void 0:Wo;return(0,e.jsx)(n,{...r,css:[a[n],i,Zo]},t)};var Fo=require("@emotion/react"),No=Fo.css`
|
|
722
681
|
font-size: var(--fs-base);
|
|
723
682
|
line-height: 1.5;
|
|
724
683
|
margin-bottom: var(--spacing-base);
|
|
@@ -726,31 +685,31 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
726
685
|
&:last-of-type {
|
|
727
686
|
margin-bottom: 0;
|
|
728
687
|
}
|
|
729
|
-
`;var
|
|
688
|
+
`;var cr=({className:o,children:t,...r})=>(0,e.jsx)("p",{...r,css:[No,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);var F=require("@emotion/react"),Uo=F.css`
|
|
730
689
|
display: inline-flex;
|
|
731
690
|
text-decoration: underline;
|
|
732
691
|
|
|
733
692
|
&:hover {
|
|
734
693
|
text-decoration: none;
|
|
735
694
|
}
|
|
736
|
-
`,Uo=F.css`
|
|
737
|
-
color: var(--brand-secondary-3);
|
|
738
695
|
`,$o=F.css`
|
|
739
|
-
color: var(--brand-secondary-
|
|
696
|
+
color: var(--brand-secondary-3);
|
|
740
697
|
`,Ko=F.css`
|
|
698
|
+
color: var(--brand-secondary-5);
|
|
699
|
+
`,Yo=F.css`
|
|
741
700
|
color: currentColor;
|
|
742
|
-
`;var
|
|
701
|
+
`;var Xo=require("react-icons/cg"),pr=({external:o,text:t,linkColor:r="currentColor",...n})=>(0,e.jsx)("a",{css:[Uo,{currentColor:Yo,red:Ko,green:$o}[r]],...n},t,o?(0,e.jsx)(w,{icon:Xo.CgExternal,iconColor:"currentColor",size:24}):null);var Jo=require("@emotion/react");var ge=require("@emotion/react"),_o=ge.css`
|
|
743
702
|
position: relative;
|
|
744
|
-
`,
|
|
703
|
+
`,qo=ge.css`
|
|
745
704
|
background: var(--gray-50);
|
|
746
705
|
border-top: 1px solid var(--gray-200);
|
|
747
706
|
border-bottom: 1px solid var(--gray-200);
|
|
748
707
|
max-height: 24rem;
|
|
749
708
|
overflow-y: auto;
|
|
750
709
|
padding: var(--spacing-sm);
|
|
751
|
-
`;var
|
|
752
|
-
${
|
|
753
|
-
`},o):null,(0,e.jsx)("div",{css:[
|
|
710
|
+
`;var dr=({label:o,children:t})=>(0,e.jsx)("div",{css:_o},o?(0,e.jsx)("span",{css:Jo.css`
|
|
711
|
+
${h}
|
|
712
|
+
`},o):null,(0,e.jsx)("div",{css:[qo,X]},t));var oe=require("@emotion/react"),Qo=oe.css`
|
|
754
713
|
align-items: center;
|
|
755
714
|
background: var(--white);
|
|
756
715
|
border-radius: var(--rounded-base);
|
|
@@ -765,9 +724,9 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
765
724
|
&:last-of-type {
|
|
766
725
|
margin-block: 0;
|
|
767
726
|
}
|
|
768
|
-
`,
|
|
727
|
+
`,jo=oe.css`
|
|
769
728
|
border-color: var(--brand-secondary-3);
|
|
770
|
-
`,
|
|
729
|
+
`,et=oe.css`
|
|
771
730
|
align-items: center;
|
|
772
731
|
display: flex;
|
|
773
732
|
justify-content: space-between;
|
|
@@ -777,7 +736,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
777
736
|
&:focus {
|
|
778
737
|
outline: none;
|
|
779
738
|
}
|
|
780
|
-
`;var
|
|
739
|
+
`;var fe=require("@emotion/react");var N=require("@emotion/react"),fa=N.keyframes`
|
|
781
740
|
0%,
|
|
782
741
|
100% {
|
|
783
742
|
transform: scale(1);
|
|
@@ -787,7 +746,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
787
746
|
transform: scale(1.15);
|
|
788
747
|
opacity: 1;
|
|
789
748
|
}
|
|
790
|
-
`,
|
|
749
|
+
`,ot=N.keyframes`
|
|
791
750
|
0% {
|
|
792
751
|
opacity: 0;
|
|
793
752
|
transform: translateY(10px);
|
|
@@ -796,7 +755,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
796
755
|
opacity: 1;
|
|
797
756
|
transform: translateY(0);
|
|
798
757
|
}
|
|
799
|
-
`,
|
|
758
|
+
`,ba=N.keyframes`
|
|
800
759
|
0% {
|
|
801
760
|
opacity: 1;
|
|
802
761
|
transform: translateY(0);
|
|
@@ -805,20 +764,20 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
805
764
|
opacity: 0;
|
|
806
765
|
transform: translateY(10px);
|
|
807
766
|
}
|
|
808
|
-
`,
|
|
767
|
+
`,va=N.keyframes`
|
|
809
768
|
0% {
|
|
810
769
|
opacity: 0;
|
|
811
770
|
}
|
|
812
771
|
100% {
|
|
813
772
|
opacity: 1;
|
|
814
773
|
}
|
|
815
|
-
`;var
|
|
774
|
+
`;var ur=({buttonText:o,active:t,...r})=>(0,e.jsx)("div",{css:[Qo,t?jo:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},(0,e.jsx)("button",{css:et,className:"flex items-center justify-between w-full outline-none focus:outline-none",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:fe.css`
|
|
816
775
|
color: var(--brand-secondary-3);
|
|
817
776
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
818
|
-
${
|
|
819
|
-
animation: ${
|
|
777
|
+
${t?fe.css`
|
|
778
|
+
animation: ${ot} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
820
779
|
`:"opacity: 0;"}
|
|
821
|
-
`},(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
|
|
780
|
+
`},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));var mt=require("react-icons/cg");var y=require("@emotion/react"),tt=y.css`
|
|
822
781
|
align-items: center;
|
|
823
782
|
border: 1px solid transparent;
|
|
824
783
|
color: var(--white);
|
|
@@ -837,56 +796,58 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
837
796
|
&:focus {
|
|
838
797
|
border-color: var(--gray-700);
|
|
839
798
|
}
|
|
840
|
-
`,
|
|
799
|
+
`,rt=y.css`
|
|
800
|
+
border: 1px solid transparent;
|
|
801
|
+
background: transparent;
|
|
841
802
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
842
803
|
font-weight: var(--fw-medium);
|
|
843
804
|
letter-spacing: 0.025rem;
|
|
844
805
|
line-height: 1.25;
|
|
845
|
-
`,
|
|
806
|
+
`,nt=y.css`
|
|
846
807
|
padding: var(--spacing-sm);
|
|
847
808
|
border-left: 1px solid currentColor;
|
|
848
|
-
`,
|
|
809
|
+
`,at=y.css`
|
|
849
810
|
background: var(--brand-secondary-1);
|
|
850
811
|
color: var(--white);
|
|
851
|
-
`,
|
|
812
|
+
`,it=y.css`
|
|
852
813
|
background: var(--gray-500);
|
|
853
814
|
color: var(--white);
|
|
854
|
-
`,
|
|
815
|
+
`,st=y.css`
|
|
855
816
|
background: var(--brand-secondary-5);
|
|
856
817
|
color: var(--white);
|
|
857
|
-
`,
|
|
818
|
+
`,lt=y.css`
|
|
858
819
|
background: var(--gray-500);
|
|
859
820
|
color: var(--white);
|
|
860
|
-
`,
|
|
821
|
+
`,ct=y.css`
|
|
861
822
|
background: var(--brand-secondary-2);
|
|
862
823
|
color: var(--brand-secondary-1);
|
|
863
|
-
`,
|
|
824
|
+
`,pt=y.css`
|
|
864
825
|
background: var(--brand-secondary-2);
|
|
865
826
|
color: var(--gray-400);
|
|
866
|
-
`,
|
|
827
|
+
`,dt=y.css`
|
|
867
828
|
background: transparent;
|
|
868
829
|
color: var(--brand-secondary-3);
|
|
869
830
|
|
|
870
831
|
&:hover {
|
|
871
832
|
border-color: var(--brand-secondary-3);
|
|
872
833
|
}
|
|
873
|
-
`,
|
|
834
|
+
`,ut=y.css`
|
|
874
835
|
background: transparent;
|
|
875
836
|
border-color: var(--gray-400);
|
|
876
837
|
color: var(--gray-400);
|
|
877
|
-
`;var
|
|
838
|
+
`;var mr=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>(0,e.jsx)("div",{css:[tt,n?{primary:it,secondary:lt,ghost:ut,unimportant:pt}[t]:{primary:at,secondary:st,ghost:dt,unimportant:ct}[t]],"data-test-id":"multioptions-button"},(0,e.jsx)("button",{type:"button",css:rt,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),(0,e.jsx)(de,{menuLabel:"buttonMenu",placement:i,menuTrigger:(0,e.jsx)("div",{css:nt,"data-test-id":"multioptions-button-call-menu"},(0,e.jsx)(w,{icon:mt.CgChevronDown,size:24,iconColor:"currentColor"}))},a));var St=require("@emotion/react");var T=b(require("react"));var te=require("@emotion/react"),gt=te.css`
|
|
878
839
|
position: absolute;
|
|
879
|
-
`,
|
|
840
|
+
`,ft=te.css`
|
|
880
841
|
display: flex;
|
|
881
842
|
gap: var(--spacing-sm);
|
|
882
843
|
font-size: var(--fs-xs);
|
|
883
|
-
`,
|
|
844
|
+
`,bt=te.css`
|
|
884
845
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
885
846
|
border-radius: var(--rounded-base);
|
|
886
847
|
border: 1px solid var(--gray-600);
|
|
887
848
|
box-shadow: var(--shadow-base);
|
|
888
849
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
889
|
-
`;var
|
|
850
|
+
`;var vt=require("react-hotkeys-hook"),D=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function be(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function re({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=D&&r?r:t;D&&!r&&(i=be(t)),(0,vt.useHotkeys)(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var ht=!1,yt=T.default.createContext(!1),ve=["ctrl+F1","option+shift+/"];function gr({children:o}){let[t,r]=(0,T.useState)(!1);return(0,T.useEffect)(()=>{ht||(ht=!0,console.log(`Type ${xt(D?ve[1]:ve[0])} to show keyboard shortcuts`))},[]),re({shortcut:ve.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),(0,e.jsx)(yt.Provider,{value:t},o)}function xt(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function he({shortcut:o,macShortcut:t,className:r}){if(!(0,T.useContext)(yt)||!o.includes("+")&&o.length>1)return null;let a=D&&t?t:o;D&&!t&&(a=be(o));let i=xt(a);return(0,e.jsx)("div",{css:[gt,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:ft},t.map(r=>(0,e.jsx)("span",{key:r,css:bt},r.toUpperCase())))}var wt=require("@emotion/react"),Ct=wt.css`
|
|
890
851
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
891
852
|
align-items: center;
|
|
892
853
|
box-shadow: var(--shadow-base);
|
|
@@ -908,10 +869,10 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
908
869
|
& svg {
|
|
909
870
|
color: var(--brand-secondary-5);
|
|
910
871
|
}
|
|
911
|
-
`;var
|
|
872
|
+
`;var br=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(re({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:Ct,...a},r?(0,e.jsx)(he,{shortcut:r,css:St.css`
|
|
912
873
|
top: -2rem;
|
|
913
874
|
left: -1.5rem;
|
|
914
|
-
`}):null,(0,e.jsx)("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),(0,e.jsx)("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),(0,e.jsx)("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));var
|
|
875
|
+
`}):null,(0,e.jsx)("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),(0,e.jsx)("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),(0,e.jsx)("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));var ne=b(require("react"));var G=require("@emotion/react"),It=G.css`
|
|
915
876
|
cursor: pointer;
|
|
916
877
|
display: inline-block;
|
|
917
878
|
position: relative;
|
|
@@ -919,7 +880,7 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
919
880
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
920
881
|
vertical-align: middle;
|
|
921
882
|
user-select: none;
|
|
922
|
-
`,
|
|
883
|
+
`,Rt=G.css`
|
|
923
884
|
appearance: none;
|
|
924
885
|
border-radius: var(--rounded-full);
|
|
925
886
|
background-color: var(--white);
|
|
@@ -956,14 +917,14 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
956
917
|
&:disabled {
|
|
957
918
|
cursor: not-allowed;
|
|
958
919
|
}
|
|
959
|
-
`,
|
|
920
|
+
`,Tt=G.css`
|
|
960
921
|
opacity: var(--opacity-50);
|
|
961
922
|
cursor: not-allowed;
|
|
962
923
|
|
|
963
924
|
& > :before {
|
|
964
925
|
cursor: not-allowed;
|
|
965
926
|
}
|
|
966
|
-
`,
|
|
927
|
+
`,Mt=G.css`
|
|
967
928
|
align-items: center;
|
|
968
929
|
color: var(--brand-secondary-1);
|
|
969
930
|
display: inline-flex;
|
|
@@ -984,8 +945,26 @@ var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDes
|
|
|
984
945
|
left: 0;
|
|
985
946
|
top: 0;
|
|
986
947
|
}
|
|
987
|
-
`,
|
|
948
|
+
`,kt=G.css`
|
|
988
949
|
color: var(--gray-500);
|
|
989
950
|
font-size: var(--fs-sm);
|
|
990
951
|
padding-inline: var(--spacing-2xl) 0;
|
|
991
|
-
`;var
|
|
952
|
+
`;var vr=ne.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)(ne.Fragment,null,(0,e.jsx)("label",{css:[It,a.disabled?Tt:void 0]},(0,e.jsx)("input",{type:"checkbox",css:Rt,...a,ref:i}),(0,e.jsx)("span",{css:Mt},o)),s?(0,e.jsx)("p",{css:kt},s):null,n)});var M=b(require("react"));var W=require("@emotion/react"),Pt=W.css`
|
|
953
|
+
border-bottom: 1px solid var(--gray-400);
|
|
954
|
+
border-collapse: collapse;
|
|
955
|
+
min-width: 100%;
|
|
956
|
+
table-layout: auto;
|
|
957
|
+
`,Lt=W.css`
|
|
958
|
+
background: var(--gray-100);
|
|
959
|
+
color: var(--brand-secondary-1);
|
|
960
|
+
text-align: left;
|
|
961
|
+
`,Bt=W.css`
|
|
962
|
+
border-bottom: 1px solid var(--gray-200);
|
|
963
|
+
`,zt=W.css`
|
|
964
|
+
font-size: var(--fs-sm);
|
|
965
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
966
|
+
text-transform: uppercase;
|
|
967
|
+
font-weight: var(--fw-bold);
|
|
968
|
+
`,Ht=W.css`
|
|
969
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
970
|
+
`;var yr=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("table",{ref:r,css:Pt,...t},o)),xr=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("thead",{ref:r,css:Lt,...t},o)),wr=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("tbody",{ref:r,...t},o)),Cr=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("tfoot",{ref:r,...t},o)),Sr=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("tr",{ref:r,css:Bt,...t},o)),Ir=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("th",{ref:r,css:zt,...t},o)),Rr=M.forwardRef(({children:o,...t},r)=>(0,e.jsx)("td",{ref:r,css:Ht,...t},o));0&&(module.exports={AddButton,Button,ButtonWithMenu,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,Label,Link,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,Paragraph,ScrollableList,ScrollableListItem,ShortcutContext,ShortcutRevealer,Switch,Table,TableBody,TableCellData,TableCellHead,TableFoot,TableHead,TableRow,Textarea,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});
|