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