@uniformdev/design-system 16.0.1-alpha.128 → 16.0.1-alpha.143
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 +165 -178
- package/dist/index.d.ts +46 -4
- package/dist/index.js +164 -177
- package/package.json +9 -9
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
|
+
"use strict";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,9 +145,17 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
187
145
|
pre {
|
|
188
146
|
white-space: pre;
|
|
189
147
|
}
|
|
190
|
-
|
|
148
|
+
|
|
149
|
+
*:where(ul, ol) {
|
|
150
|
+
all: unset;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
ul, ol {
|
|
154
|
+
list-style: none;
|
|
155
|
+
}
|
|
156
|
+
`}}));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
157
|
position: relative;
|
|
192
|
-
`,
|
|
158
|
+
`,h=g.css`
|
|
193
159
|
display: flex;
|
|
194
160
|
font-weight: var(--fw-bold);
|
|
195
161
|
margin: 0 0 var(--spacing-xs);
|
|
@@ -226,25 +192,25 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
226
192
|
}
|
|
227
193
|
`,R=g.css`
|
|
228
194
|
border-color: var(--brand-secondary-5);
|
|
229
|
-
|
|
195
|
+
`,$=g.css`
|
|
230
196
|
align-items: center;
|
|
231
197
|
display: flex;
|
|
232
198
|
position: absolute;
|
|
233
199
|
inset: 0 var(--spacing-base) 0 auto;
|
|
234
200
|
pointer-event: one;
|
|
235
|
-
`,
|
|
201
|
+
`,K=g.css`
|
|
236
202
|
padding-right: var(--spacing-2xl);
|
|
237
|
-
|
|
203
|
+
`,Y=g.css`
|
|
238
204
|
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
|
|
239
205
|
background-position: right var(--spacing-sm) center;
|
|
240
206
|
background-repeat: no-repeat;
|
|
241
207
|
background-size: 1rem;
|
|
242
208
|
padding-right: var(--spacing-xl);
|
|
243
|
-
`,
|
|
209
|
+
`,Ce=g.css`
|
|
244
210
|
color: var(--brand-secondary-1);
|
|
245
211
|
height: 1.25rem;
|
|
246
212
|
width: 1.25rem;
|
|
247
|
-
`,
|
|
213
|
+
`,Se=g.css`
|
|
248
214
|
align-items: center;
|
|
249
215
|
cursor: pointer;
|
|
250
216
|
display: inline-flex;
|
|
@@ -252,7 +218,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
252
218
|
margin: var(--spacing-sm) 0;
|
|
253
219
|
flex-wrap: wrap;
|
|
254
220
|
font-weight: var(--fw-regular);
|
|
255
|
-
`,
|
|
221
|
+
`,Ie=g.css`
|
|
256
222
|
border: 1px solid var(--brand-secondary-1);
|
|
257
223
|
background: var(--white);
|
|
258
224
|
width: var(--spacing-md);
|
|
@@ -283,21 +249,21 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
283
249
|
color: var(--gray-300);
|
|
284
250
|
border-color: var(--gray-300);
|
|
285
251
|
}
|
|
286
|
-
`,
|
|
252
|
+
`,Re=g.css`
|
|
287
253
|
font-weight: var(--fw-medium);
|
|
288
|
-
`,
|
|
254
|
+
`,Te=g.css`
|
|
289
255
|
cursor: not-allowed;
|
|
290
256
|
color: var(--gray-400);
|
|
291
|
-
`,
|
|
257
|
+
`,Me=g.css`
|
|
292
258
|
display: flex;
|
|
293
259
|
flex-direction: column;
|
|
294
260
|
flex-basis: 100%;
|
|
295
261
|
padding-left: var(--spacing-lg);
|
|
296
262
|
margin-top: -0.5rem;
|
|
297
263
|
line-height: 1.15;
|
|
298
|
-
`,
|
|
264
|
+
`,ke=g.css`
|
|
299
265
|
${k}
|
|
300
|
-
`;var
|
|
266
|
+
`;var Pe=require("@emotion/react"),X=Pe.css`
|
|
301
267
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
302
268
|
/*
|
|
303
269
|
#d1d5db = bg-gray-300
|
|
@@ -323,15 +289,15 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
323
289
|
&::-webkit-scrollbar-thumb:hover {
|
|
324
290
|
background: var(--gray-500);
|
|
325
291
|
}
|
|
326
|
-
`;var
|
|
292
|
+
`;var _=require("@emotion/react"),q=_.css`
|
|
327
293
|
display: block;
|
|
328
|
-
`,_
|
|
294
|
+
`,J=_.css`
|
|
329
295
|
background: transparent;
|
|
330
296
|
color: var(--brand-secondary-1);
|
|
331
|
-
`,
|
|
297
|
+
`,Q=_.css`
|
|
332
298
|
background: var(--brand-secondary-1);
|
|
333
299
|
color: var(--white);
|
|
334
|
-
`;var
|
|
300
|
+
`;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
301
|
align-items: center;
|
|
336
302
|
border: 1px solid transparent;
|
|
337
303
|
cursor: pointer;
|
|
@@ -355,7 +321,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
355
321
|
&:disabled {
|
|
356
322
|
cursor: not-allowed;
|
|
357
323
|
}
|
|
358
|
-
`,
|
|
324
|
+
`,Be=P.css`
|
|
359
325
|
background: var(--brand-secondary-1);
|
|
360
326
|
color: var(--white);
|
|
361
327
|
|
|
@@ -363,7 +329,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
363
329
|
background: var(--gray-500);
|
|
364
330
|
color: var(--white);
|
|
365
331
|
}
|
|
366
|
-
`,
|
|
332
|
+
`,ze=P.css`
|
|
367
333
|
background: var(--brand-secondary-5);
|
|
368
334
|
color: var(--white);
|
|
369
335
|
|
|
@@ -371,7 +337,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
371
337
|
background: var(--gray-500);
|
|
372
338
|
color: var(--white);
|
|
373
339
|
}
|
|
374
|
-
`,
|
|
340
|
+
`,He=P.css`
|
|
375
341
|
background: var(--brand-secondary-2);
|
|
376
342
|
color: var(--brand-secondary-1);
|
|
377
343
|
|
|
@@ -379,7 +345,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
379
345
|
background: var(--brand-secondary-2);
|
|
380
346
|
color: var(--gray-400);
|
|
381
347
|
}
|
|
382
|
-
`,
|
|
348
|
+
`,Ee=P.css`
|
|
383
349
|
background: transparent;
|
|
384
350
|
color: var(--brand-secondary-3);
|
|
385
351
|
|
|
@@ -392,7 +358,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
392
358
|
border-color: var(--gray-400);
|
|
393
359
|
color: var(--gray-400);
|
|
394
360
|
}
|
|
395
|
-
`,
|
|
361
|
+
`,Oe=P.css`
|
|
396
362
|
background: var(--brand-secondary-3);
|
|
397
363
|
color: var(--white);
|
|
398
364
|
|
|
@@ -400,10 +366,10 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
400
366
|
background: var(--gray-500);
|
|
401
367
|
color: var(--white);
|
|
402
368
|
}
|
|
403
|
-
`;var
|
|
369
|
+
`;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
370
|
display: hidden;
|
|
405
371
|
|
|
406
|
-
${
|
|
372
|
+
${ie("sm")} {
|
|
407
373
|
display: block;
|
|
408
374
|
}
|
|
409
375
|
|
|
@@ -411,30 +377,30 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
411
377
|
display: block;
|
|
412
378
|
vertical-align: middle;
|
|
413
379
|
}
|
|
414
|
-
`,
|
|
380
|
+
`,Ze=E.css`
|
|
415
381
|
color: var(--brand-secondary-3);
|
|
416
|
-
`,
|
|
382
|
+
`,Fe=E.css`
|
|
417
383
|
color: var(--brand-secondary-5);
|
|
418
|
-
`,
|
|
384
|
+
`,Ne=E.css`
|
|
419
385
|
color: var(--gray-500);
|
|
420
|
-
`,
|
|
386
|
+
`,Ue=E.css`
|
|
421
387
|
color: currentColor;
|
|
422
|
-
`;var
|
|
388
|
+
`;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
389
|
color: var(--gray-500);
|
|
424
390
|
display: block;
|
|
425
391
|
font-size: var(--fs-sm);
|
|
426
392
|
margin: var(--spacing-xs) 0;
|
|
427
393
|
max-width: var(--prose);
|
|
428
|
-
`;var C=({children:o})=>(0,e.jsx)("small",{css:
|
|
394
|
+
`;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
395
|
align-items: center;
|
|
430
396
|
color: var(--brand-secondary-5);
|
|
431
397
|
display: flex;
|
|
432
398
|
gap: var(--spacing-sm);
|
|
433
399
|
margin: var(--spacing-xs) 0;
|
|
434
|
-
`;var S=({message:o,testId:t})=>o?(0,e.jsx)("span",{css:
|
|
400
|
+
`;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
401
|
margin-inline: auto;
|
|
436
402
|
max-width: fit-content;
|
|
437
|
-
`,
|
|
403
|
+
`,je=O.css`
|
|
438
404
|
align-items: center;
|
|
439
405
|
background: var(--brand-secondary-3);
|
|
440
406
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -457,7 +423,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
457
423
|
&:focus {
|
|
458
424
|
outline: 2px solid var(--brand-secondary-1);
|
|
459
425
|
}
|
|
460
|
-
`,
|
|
426
|
+
`,eo=O.css`
|
|
461
427
|
background: var(--white);
|
|
462
428
|
border: 1px solid var(--brand-secondary-3);
|
|
463
429
|
border-top: none;
|
|
@@ -467,7 +433,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
467
433
|
position: absolute;
|
|
468
434
|
inset: auto 0;
|
|
469
435
|
transform: translateY(-0.2rem);
|
|
470
|
-
`,
|
|
436
|
+
`,oo=O.css`
|
|
471
437
|
cursor: pointer;
|
|
472
438
|
display: block;
|
|
473
439
|
font-size: var(--fs-sm);
|
|
@@ -482,24 +448,25 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
482
448
|
&:hover {
|
|
483
449
|
background: var(--gray-50);
|
|
484
450
|
}
|
|
485
|
-
`,
|
|
451
|
+
`,to=O.css`
|
|
486
452
|
position: absolute;
|
|
487
453
|
overflow: hidden;
|
|
488
454
|
height: 1px;
|
|
489
455
|
width: 1px;
|
|
490
456
|
clip: rect(0, 0, 0, 0);
|
|
491
457
|
padding: 0;
|
|
492
|
-
`;var
|
|
458
|
+
`;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
459
|
max-width: fit-content;
|
|
494
460
|
${typeof o=="object"?o:void 0}
|
|
495
|
-
`:
|
|
461
|
+
`: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
462
|
border: 1px solid var(--gray-500);
|
|
497
463
|
border-radius: var(--rounded-base);
|
|
498
464
|
outline: none;
|
|
499
465
|
overflow: hidden;
|
|
500
466
|
z-index: 50;
|
|
501
|
-
`;var
|
|
467
|
+
`;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
468
|
background: var(--white);
|
|
469
|
+
border: none;
|
|
503
470
|
border-top: 1px solid var(--gray-500);
|
|
504
471
|
color: var(--brand-secondary-1);
|
|
505
472
|
display: flex;
|
|
@@ -523,7 +490,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
523
490
|
&:hover {
|
|
524
491
|
background: var(--gray-200);
|
|
525
492
|
}
|
|
526
|
-
`,
|
|
493
|
+
`,po=ue.css`
|
|
527
494
|
align-items: center;
|
|
528
495
|
display: flex;
|
|
529
496
|
justify-content: space-between;
|
|
@@ -534,7 +501,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
534
501
|
width: var(--spacing-base);
|
|
535
502
|
height: var(--spacing-base);
|
|
536
503
|
}
|
|
537
|
-
`;var
|
|
504
|
+
`;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
505
|
--caution-desc: rgb(161, 98, 7);
|
|
539
506
|
--caution-icon: rgb(250, 204, 21);
|
|
540
507
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -562,77 +529,77 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
562
529
|
|
|
563
530
|
border-radius: var(--rounded-base);
|
|
564
531
|
padding: var(--spacing-base);
|
|
565
|
-
`,
|
|
532
|
+
`,xo=B.css`
|
|
566
533
|
display: flex;
|
|
567
534
|
gap: var(--spacing-base);
|
|
568
|
-
`,
|
|
535
|
+
`,wo=B.css`
|
|
569
536
|
flex-shrink: 0;
|
|
570
|
-
`,
|
|
537
|
+
`,Co=B.css`
|
|
571
538
|
font-size: var(--fs-sm);
|
|
572
539
|
font-weight: var(--fw-bold);
|
|
573
540
|
margin: 0 0 var(--spacing-sm);
|
|
574
|
-
`,
|
|
541
|
+
`,So=B.css`
|
|
575
542
|
font-size: var(--fs-sm);
|
|
576
|
-
`,
|
|
543
|
+
`,Io=B.css`
|
|
577
544
|
width: 1.25rem;
|
|
578
545
|
height: 1.25rem;
|
|
579
|
-
`;var
|
|
546
|
+
`;var rr={caution:{icon:me,descriptionColor:c.css`
|
|
580
547
|
color: var(--caution-desc);
|
|
581
|
-
`,iconColor:
|
|
548
|
+
`,iconColor:c.css`
|
|
582
549
|
color: var(--caution-icon);
|
|
583
|
-
`,titleColor:
|
|
550
|
+
`,titleColor:c.css`
|
|
584
551
|
color: var(--caution-title);
|
|
585
|
-
`,containerColor:
|
|
552
|
+
`,containerColor:c.css`
|
|
586
553
|
background-color: var(--caution-container);
|
|
587
|
-
`},danger:{icon:
|
|
554
|
+
`},danger:{icon:fo,descriptionColor:c.css`
|
|
588
555
|
color: var(--danger-desc);
|
|
589
|
-
`,iconColor:
|
|
556
|
+
`,iconColor:c.css`
|
|
590
557
|
color: var(--danger-icon);
|
|
591
|
-
`,titleColor:
|
|
558
|
+
`,titleColor:c.css`
|
|
592
559
|
color: var(--danger-title);
|
|
593
|
-
`,containerColor:
|
|
560
|
+
`,containerColor:c.css`
|
|
594
561
|
background-color: var(--danger-container);
|
|
595
|
-
`},error:{icon:
|
|
562
|
+
`},error:{icon:me,descriptionColor:c.css`
|
|
596
563
|
color: var(--danger-desc);
|
|
597
|
-
`,iconColor:
|
|
564
|
+
`,iconColor:c.css`
|
|
598
565
|
color: var(--danger-icon);
|
|
599
|
-
`,titleColor:
|
|
566
|
+
`,titleColor:c.css`
|
|
600
567
|
color: var(--danger-title);
|
|
601
|
-
`,containerColor:
|
|
568
|
+
`,containerColor:c.css`
|
|
602
569
|
background-color: var(--danger-container);
|
|
603
|
-
`},info:{icon:
|
|
570
|
+
`},info:{icon:go,descriptionColor:c.css`
|
|
604
571
|
color: var(--info-desc);
|
|
605
|
-
`,iconColor:
|
|
572
|
+
`,iconColor:c.css`
|
|
606
573
|
color: var(--info-icon);
|
|
607
|
-
`,titleColor:
|
|
574
|
+
`,titleColor:c.css`
|
|
608
575
|
color: var(--info-title);
|
|
609
|
-
`,containerColor:
|
|
576
|
+
`,containerColor:c.css`
|
|
610
577
|
background-color: var(--info-container);
|
|
611
|
-
`},note:{icon:
|
|
578
|
+
`},note:{icon:bo,descriptionColor:c.css`
|
|
612
579
|
color: var(--note-desc);
|
|
613
|
-
`,iconColor:
|
|
580
|
+
`,iconColor:c.css`
|
|
614
581
|
color: var(--note-icon);
|
|
615
|
-
`,titleColor:
|
|
582
|
+
`,titleColor:c.css`
|
|
616
583
|
color: var(--note-title);
|
|
617
|
-
`,containerColor:
|
|
584
|
+
`,containerColor:c.css`
|
|
618
585
|
background-color: var(--note-container);
|
|
619
|
-
`},success:{icon:
|
|
586
|
+
`},success:{icon:ho,descriptionColor:c.css`
|
|
620
587
|
color: var(--success-desc);
|
|
621
|
-
`,iconColor:
|
|
588
|
+
`,iconColor:c.css`
|
|
622
589
|
color: var(--success-icon);
|
|
623
|
-
`,titleColor:
|
|
590
|
+
`,titleColor:c.css`
|
|
624
591
|
color: var(--success-title);
|
|
625
|
-
`,containerColor:
|
|
592
|
+
`,containerColor:c.css`
|
|
626
593
|
background-color: var(--success-container);
|
|
627
|
-
`},tip:{icon:
|
|
594
|
+
`},tip:{icon:vo,descriptionColor:c.css`
|
|
628
595
|
color: var(--success-desc);
|
|
629
|
-
`,iconColor:
|
|
596
|
+
`,iconColor:c.css`
|
|
630
597
|
color: var(--success-icon);
|
|
631
|
-
`,titleColor:
|
|
598
|
+
`,titleColor:c.css`
|
|
632
599
|
color: var(--success-title);
|
|
633
|
-
`,containerColor:
|
|
600
|
+
`,containerColor:c.css`
|
|
634
601
|
background-color: var(--success-container);
|
|
635
|
-
`}},
|
|
602
|
+
`}},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
603
|
0%, 100% {
|
|
637
604
|
opacity: 1.0;
|
|
638
605
|
transform: translateY(0);
|
|
@@ -648,14 +615,14 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
648
615
|
opacity: 0.2;
|
|
649
616
|
transform: translateY(-5px);
|
|
650
617
|
}
|
|
651
|
-
`,
|
|
618
|
+
`,Ro=Z.css`
|
|
652
619
|
display: inline-flex;
|
|
653
620
|
justify-content: center;
|
|
654
|
-
`,
|
|
621
|
+
`,ee=Z.css`
|
|
655
622
|
background-color: var(--gray-700);
|
|
656
623
|
display: block;
|
|
657
624
|
border-radius: var(--rounded-full);
|
|
658
|
-
animation: ${
|
|
625
|
+
animation: ${ar} 0.75s infinite ease-in-out;
|
|
659
626
|
width: 8px;
|
|
660
627
|
height: 8px;
|
|
661
628
|
margin: 0 var(--spacing-xs);
|
|
@@ -672,53 +639,53 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
672
639
|
&:nth-of-type(3) {
|
|
673
640
|
animation-delay: 0.6s;
|
|
674
641
|
}
|
|
675
|
-
`;var
|
|
642
|
+
`;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
643
|
align-items: center;
|
|
677
644
|
position: absolute;
|
|
678
645
|
inset: 0 0;
|
|
679
646
|
overflow: hidden;
|
|
680
647
|
z-index: 9999;
|
|
681
648
|
justify-content: center;
|
|
682
|
-
`,
|
|
649
|
+
`,Mo=z.css`
|
|
683
650
|
display: flex;
|
|
684
|
-
`,
|
|
651
|
+
`,ko=z.css`
|
|
685
652
|
display: none;
|
|
686
|
-
`,
|
|
653
|
+
`,Po=z.css`
|
|
687
654
|
background: var(--white);
|
|
688
655
|
opacity: 0.5;
|
|
689
656
|
position: absolute;
|
|
690
657
|
inset: 0 0;
|
|
691
|
-
`,
|
|
658
|
+
`,Lo=z.css`
|
|
692
659
|
align-items: center;
|
|
693
660
|
display: flex;
|
|
694
661
|
flex-direction: column;
|
|
695
|
-
`,
|
|
662
|
+
`,Bo=z.css`
|
|
696
663
|
color: var(--gray-500);
|
|
697
664
|
margin: var(--spacing-base) 0 0;
|
|
698
|
-
`;var
|
|
665
|
+
`;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
666
|
position: relative;
|
|
700
|
-
`},(0,e.jsx)("div",{css:
|
|
667
|
+
`},(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
668
|
font-family: var(--ff-heading);
|
|
702
669
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
703
670
|
font-weight: var(--fw-bold);
|
|
704
671
|
margin-bottom: var(--spacing-base);
|
|
705
|
-
`,
|
|
672
|
+
`,Oo=I.css`
|
|
706
673
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
707
|
-
`,
|
|
674
|
+
`,Vo=I.css`
|
|
708
675
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
709
|
-
`,
|
|
676
|
+
`,Ao=I.css`
|
|
710
677
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
711
|
-
`,
|
|
678
|
+
`,Do=I.css`
|
|
712
679
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
713
|
-
`,
|
|
680
|
+
`,Go=I.css`
|
|
714
681
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
715
|
-
`,
|
|
682
|
+
`,Wo=I.css`
|
|
716
683
|
font-weight: var(--fw-bold);
|
|
717
684
|
font-family: var(--ff-base);
|
|
718
685
|
margin-bottom: var(--spacing-base);
|
|
719
|
-
`,
|
|
686
|
+
`,Zo=I.css`
|
|
720
687
|
line-height: 1.35;
|
|
721
|
-
`;var
|
|
688
|
+
`;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
689
|
font-size: var(--fs-base);
|
|
723
690
|
line-height: 1.5;
|
|
724
691
|
margin-bottom: var(--spacing-base);
|
|
@@ -726,31 +693,31 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
726
693
|
&:last-of-type {
|
|
727
694
|
margin-bottom: 0;
|
|
728
695
|
}
|
|
729
|
-
`;var
|
|
696
|
+
`;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
697
|
display: inline-flex;
|
|
731
698
|
text-decoration: underline;
|
|
732
699
|
|
|
733
700
|
&:hover {
|
|
734
701
|
text-decoration: none;
|
|
735
702
|
}
|
|
736
|
-
|
|
703
|
+
`,$o=F.css`
|
|
737
704
|
color: var(--brand-secondary-3);
|
|
738
|
-
`,
|
|
705
|
+
`,Ko=F.css`
|
|
739
706
|
color: var(--brand-secondary-5);
|
|
740
|
-
`,
|
|
707
|
+
`,Yo=F.css`
|
|
741
708
|
color: currentColor;
|
|
742
|
-
`;var
|
|
709
|
+
`;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
710
|
position: relative;
|
|
744
|
-
`,
|
|
711
|
+
`,qo=ge.css`
|
|
745
712
|
background: var(--gray-50);
|
|
746
713
|
border-top: 1px solid var(--gray-200);
|
|
747
714
|
border-bottom: 1px solid var(--gray-200);
|
|
748
715
|
max-height: 24rem;
|
|
749
716
|
overflow-y: auto;
|
|
750
717
|
padding: var(--spacing-sm);
|
|
751
|
-
`;var
|
|
752
|
-
${
|
|
753
|
-
`},o):null,(0,e.jsx)("div",{css:[
|
|
718
|
+
`;var dr=({label:o,children:t})=>(0,e.jsx)("div",{css:_o},o?(0,e.jsx)("span",{css:Jo.css`
|
|
719
|
+
${h}
|
|
720
|
+
`},o):null,(0,e.jsx)("div",{css:[qo,X]},t));var oe=require("@emotion/react"),Qo=oe.css`
|
|
754
721
|
align-items: center;
|
|
755
722
|
background: var(--white);
|
|
756
723
|
border-radius: var(--rounded-base);
|
|
@@ -765,9 +732,9 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
765
732
|
&:last-of-type {
|
|
766
733
|
margin-block: 0;
|
|
767
734
|
}
|
|
768
|
-
`,
|
|
735
|
+
`,jo=oe.css`
|
|
769
736
|
border-color: var(--brand-secondary-3);
|
|
770
|
-
`,
|
|
737
|
+
`,et=oe.css`
|
|
771
738
|
align-items: center;
|
|
772
739
|
display: flex;
|
|
773
740
|
justify-content: space-between;
|
|
@@ -777,7 +744,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
777
744
|
&:focus {
|
|
778
745
|
outline: none;
|
|
779
746
|
}
|
|
780
|
-
`;var
|
|
747
|
+
`;var fe=require("@emotion/react");var N=require("@emotion/react"),fa=N.keyframes`
|
|
781
748
|
0%,
|
|
782
749
|
100% {
|
|
783
750
|
transform: scale(1);
|
|
@@ -787,7 +754,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
787
754
|
transform: scale(1.15);
|
|
788
755
|
opacity: 1;
|
|
789
756
|
}
|
|
790
|
-
`,
|
|
757
|
+
`,ot=N.keyframes`
|
|
791
758
|
0% {
|
|
792
759
|
opacity: 0;
|
|
793
760
|
transform: translateY(10px);
|
|
@@ -796,7 +763,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
796
763
|
opacity: 1;
|
|
797
764
|
transform: translateY(0);
|
|
798
765
|
}
|
|
799
|
-
`,
|
|
766
|
+
`,ba=N.keyframes`
|
|
800
767
|
0% {
|
|
801
768
|
opacity: 1;
|
|
802
769
|
transform: translateY(0);
|
|
@@ -805,20 +772,20 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
805
772
|
opacity: 0;
|
|
806
773
|
transform: translateY(10px);
|
|
807
774
|
}
|
|
808
|
-
`,
|
|
775
|
+
`,va=N.keyframes`
|
|
809
776
|
0% {
|
|
810
777
|
opacity: 0;
|
|
811
778
|
}
|
|
812
779
|
100% {
|
|
813
780
|
opacity: 1;
|
|
814
781
|
}
|
|
815
|
-
`;var
|
|
782
|
+
`;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
783
|
color: var(--brand-secondary-3);
|
|
817
784
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
818
|
-
${t?
|
|
819
|
-
animation: ${
|
|
785
|
+
${t?fe.css`
|
|
786
|
+
animation: ${ot} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
820
787
|
`:"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
|
|
788
|
+
`},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));var mt=require("react-icons/cg");var y=require("@emotion/react"),tt=y.css`
|
|
822
789
|
align-items: center;
|
|
823
790
|
border: 1px solid transparent;
|
|
824
791
|
color: var(--white);
|
|
@@ -837,56 +804,58 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
837
804
|
&:focus {
|
|
838
805
|
border-color: var(--gray-700);
|
|
839
806
|
}
|
|
840
|
-
`,
|
|
807
|
+
`,rt=y.css`
|
|
808
|
+
border: 1px solid transparent;
|
|
809
|
+
background: transparent;
|
|
841
810
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
842
811
|
font-weight: var(--fw-medium);
|
|
843
812
|
letter-spacing: 0.025rem;
|
|
844
813
|
line-height: 1.25;
|
|
845
|
-
`,
|
|
814
|
+
`,nt=y.css`
|
|
846
815
|
padding: var(--spacing-sm);
|
|
847
816
|
border-left: 1px solid currentColor;
|
|
848
|
-
`,
|
|
817
|
+
`,at=y.css`
|
|
849
818
|
background: var(--brand-secondary-1);
|
|
850
819
|
color: var(--white);
|
|
851
|
-
`,
|
|
820
|
+
`,it=y.css`
|
|
852
821
|
background: var(--gray-500);
|
|
853
822
|
color: var(--white);
|
|
854
|
-
`,
|
|
823
|
+
`,st=y.css`
|
|
855
824
|
background: var(--brand-secondary-5);
|
|
856
825
|
color: var(--white);
|
|
857
|
-
`,
|
|
826
|
+
`,lt=y.css`
|
|
858
827
|
background: var(--gray-500);
|
|
859
828
|
color: var(--white);
|
|
860
|
-
`,
|
|
829
|
+
`,ct=y.css`
|
|
861
830
|
background: var(--brand-secondary-2);
|
|
862
831
|
color: var(--brand-secondary-1);
|
|
863
|
-
`,
|
|
832
|
+
`,pt=y.css`
|
|
864
833
|
background: var(--brand-secondary-2);
|
|
865
834
|
color: var(--gray-400);
|
|
866
|
-
`,
|
|
835
|
+
`,dt=y.css`
|
|
867
836
|
background: transparent;
|
|
868
837
|
color: var(--brand-secondary-3);
|
|
869
838
|
|
|
870
839
|
&:hover {
|
|
871
840
|
border-color: var(--brand-secondary-3);
|
|
872
841
|
}
|
|
873
|
-
`,
|
|
842
|
+
`,ut=y.css`
|
|
874
843
|
background: transparent;
|
|
875
844
|
border-color: var(--gray-400);
|
|
876
845
|
color: var(--gray-400);
|
|
877
|
-
`;var
|
|
846
|
+
`;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
847
|
position: absolute;
|
|
879
|
-
`,
|
|
848
|
+
`,ft=te.css`
|
|
880
849
|
display: flex;
|
|
881
850
|
gap: var(--spacing-sm);
|
|
882
851
|
font-size: var(--fs-xs);
|
|
883
|
-
`,
|
|
852
|
+
`,bt=te.css`
|
|
884
853
|
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
885
854
|
border-radius: var(--rounded-base);
|
|
886
855
|
border: 1px solid var(--gray-600);
|
|
887
856
|
box-shadow: var(--shadow-base);
|
|
888
857
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
889
|
-
`;var
|
|
858
|
+
`;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
859
|
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
891
860
|
align-items: center;
|
|
892
861
|
box-shadow: var(--shadow-base);
|
|
@@ -908,10 +877,10 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
908
877
|
& svg {
|
|
909
878
|
color: var(--brand-secondary-5);
|
|
910
879
|
}
|
|
911
|
-
`;var
|
|
880
|
+
`;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
881
|
top: -2rem;
|
|
913
882
|
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
|
|
883
|
+
`}):null,(0,e.jsx)("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),(0,e.jsx)("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),(0,e.jsx)("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));var ne=b(require("react"));var G=require("@emotion/react"),It=G.css`
|
|
915
884
|
cursor: pointer;
|
|
916
885
|
display: inline-block;
|
|
917
886
|
position: relative;
|
|
@@ -919,7 +888,7 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
919
888
|
transition: var(--duration-fast) var(--timing-ease-out);
|
|
920
889
|
vertical-align: middle;
|
|
921
890
|
user-select: none;
|
|
922
|
-
`,
|
|
891
|
+
`,Rt=G.css`
|
|
923
892
|
appearance: none;
|
|
924
893
|
border-radius: var(--rounded-full);
|
|
925
894
|
background-color: var(--white);
|
|
@@ -956,14 +925,14 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
956
925
|
&:disabled {
|
|
957
926
|
cursor: not-allowed;
|
|
958
927
|
}
|
|
959
|
-
`,
|
|
928
|
+
`,Tt=G.css`
|
|
960
929
|
opacity: var(--opacity-50);
|
|
961
930
|
cursor: not-allowed;
|
|
962
931
|
|
|
963
932
|
& > :before {
|
|
964
933
|
cursor: not-allowed;
|
|
965
934
|
}
|
|
966
|
-
`,
|
|
935
|
+
`,Mt=G.css`
|
|
967
936
|
align-items: center;
|
|
968
937
|
color: var(--brand-secondary-1);
|
|
969
938
|
display: inline-flex;
|
|
@@ -984,8 +953,26 @@ var kt=Object.create;var W=Object.defineProperty;var Lt=Object.getOwnPropertyDes
|
|
|
984
953
|
left: 0;
|
|
985
954
|
top: 0;
|
|
986
955
|
}
|
|
987
|
-
`,
|
|
956
|
+
`,kt=G.css`
|
|
988
957
|
color: var(--gray-500);
|
|
989
958
|
font-size: var(--fs-sm);
|
|
990
959
|
padding-inline: var(--spacing-2xl) 0;
|
|
991
|
-
`;var
|
|
960
|
+
`;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`
|
|
961
|
+
border-bottom: 1px solid var(--gray-400);
|
|
962
|
+
border-collapse: collapse;
|
|
963
|
+
min-width: 100%;
|
|
964
|
+
table-layout: auto;
|
|
965
|
+
`,Lt=W.css`
|
|
966
|
+
background: var(--gray-100);
|
|
967
|
+
color: var(--brand-secondary-1);
|
|
968
|
+
text-align: left;
|
|
969
|
+
`,Bt=W.css`
|
|
970
|
+
border-bottom: 1px solid var(--gray-200);
|
|
971
|
+
`,zt=W.css`
|
|
972
|
+
font-size: var(--fs-sm);
|
|
973
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
974
|
+
text-transform: uppercase;
|
|
975
|
+
font-weight: var(--fw-bold);
|
|
976
|
+
`,Ht=W.css`
|
|
977
|
+
padding: var(--spacing-base) var(--spacing-md);
|
|
978
|
+
`;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});
|