@uniformdev/design-system 13.0.1-alpha.96 → 16.0.0
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 +246 -103
- package/dist/index.d.ts +374 -107
- package/dist/index.js +225 -82
- package/package.json +20 -16
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDescriptor;var _o=Object.getOwnPropertyNames;var qo=Object.getPrototypeOf,Jo=Object.prototype.hasOwnProperty;var Qo=(o,r)=>{for(var t in r)A(o,t,{get:r[t],enumerable:!0})},ce=(o,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of _o(r))!Jo.call(o,n)&&n!==t&&A(o,n,{get:()=>r[n],enumerable:!(a=Ko(r,n))||a.enumerable});return o};var b=(o,r,t)=>(t=o!=null?Yo(qo(o)):{},ce(r||!o||!o.__esModule?A(t,"default",{value:o,enumerable:!0}):t,o)),Xo=o=>ce(A({},"__esModule",{value:!0}),o);var Sr={};Qo(Sr,{Button:()=>rr,ButtonWithMenu:()=>Ir,Callout:()=>fr,Caption:()=>x,ErrorMessage:()=>w,Heading:()=>yr,Icon:()=>P,IconsProvider:()=>tr,Input:()=>X,InputComboBox:()=>sr,InputInlineSelect:()=>cr,InputKeywordSearch:()=>lr,InputSelect:()=>pr,InputToggle:()=>dr,LoadingIcon:()=>Co,LoadingIndicator:()=>br,LoadingOverlay:()=>hr,Menu:()=>oe,MenuContext:()=>j,MenuItem:()=>mr,Paragraph:()=>xr,ScrollableList:()=>wr,ScrollableListItem:()=>Cr,Textarea:()=>ur,Theme:()=>jo,UniformBadge:()=>er,UniformLogo:()=>or,breakpoints:()=>pe,input:()=>M,inputError:()=>I,inputSelect:()=>Z,labelText:()=>h,mq:()=>J,scrollbarStyles:()=>F,useIconContext:()=>Q,useMenuContext:()=>ee});module.exports=Xo(Sr);var e=require("@emotion/react"),d=b(require("react"));var le=b(require("react")),jo=({disableReset:o=!1})=>(0,e.jsx)(le.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",{dangerouslySetInnerHTML:{__html:`
|
|
2
2
|
/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
|
|
3
3
|
|
|
4
4
|
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
|
|
@@ -36,7 +36,13 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
36
36
|
/* Revert the 'white-space' property for textarea elements on Safari */
|
|
37
37
|
textarea {
|
|
38
38
|
white-space: revert;
|
|
39
|
-
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* Allow dragging elements with a draggable=true attribute */
|
|
42
|
+
[draggable="true"] {
|
|
43
|
+
-webkit-user-drag: element;
|
|
44
|
+
}
|
|
45
|
+
`}}),(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
40
46
|
:root {
|
|
41
47
|
--brand-primary-1: #438fd5; /* bright blue */
|
|
42
48
|
--brand-primary-2: #f4220b; /* red */
|
|
@@ -125,6 +131,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
125
131
|
|
|
126
132
|
/* opacity */
|
|
127
133
|
--opacity-75: 0.75;
|
|
134
|
+
--opacity-100: 1.0;
|
|
128
135
|
|
|
129
136
|
/* animation function times */
|
|
130
137
|
--timing-ease-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -144,7 +151,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
144
151
|
line-height: 1.5rem;
|
|
145
152
|
}
|
|
146
153
|
|
|
147
|
-
a {
|
|
154
|
+
a, button {
|
|
148
155
|
cursor: pointer;
|
|
149
156
|
}
|
|
150
157
|
|
|
@@ -163,21 +170,27 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
163
170
|
display: block;
|
|
164
171
|
vertical-align: middle;
|
|
165
172
|
}
|
|
166
|
-
|
|
173
|
+
|
|
174
|
+
pre {
|
|
175
|
+
white-space: pre;
|
|
176
|
+
}
|
|
177
|
+
`}}));var pe={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},J=o=>`@media (min-width: ${pe[o]})`;var f=require("@emotion/react"),L=f.css`
|
|
167
178
|
position: relative;
|
|
168
|
-
`,
|
|
169
|
-
display:
|
|
179
|
+
`,h=f.css`
|
|
180
|
+
display: flex;
|
|
170
181
|
font-weight: var(--fw-bold);
|
|
171
182
|
margin: 0 0 var(--spacing-xs);
|
|
172
|
-
|
|
183
|
+
align-items: center;
|
|
184
|
+
`,M=f.css`
|
|
173
185
|
appearance: none;
|
|
174
186
|
background-color: var(--white);
|
|
175
187
|
border: 1px solid var(--gray-400);
|
|
176
188
|
border-radius: var(--rounded-md);
|
|
177
189
|
color: var(--gray-700);
|
|
178
|
-
padding: var(--spacing-base);
|
|
190
|
+
padding: var(--spacing-base) var(--spacing-md) var(--spacing-base) var(--spacing-base);
|
|
179
191
|
width: 100%;
|
|
180
192
|
position: relative;
|
|
193
|
+
white-space: nowrap;
|
|
181
194
|
transition: background var(--duration-fast) var(--timing-ease-out),
|
|
182
195
|
border-color var(--duration-fast) var(--timing-ease-out),
|
|
183
196
|
color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -198,34 +211,34 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
198
211
|
color: var(--gray-300);
|
|
199
212
|
border-color: var(--gray-300);
|
|
200
213
|
}
|
|
201
|
-
`,
|
|
214
|
+
`,I=f.css`
|
|
202
215
|
border-color: var(--brand-secondary-5);
|
|
203
|
-
`,
|
|
216
|
+
`,D=f.css`
|
|
204
217
|
align-items: center;
|
|
205
218
|
display: flex;
|
|
206
219
|
position: absolute;
|
|
207
220
|
inset: 0 var(--spacing-base) 0 auto;
|
|
208
221
|
pointer-event: one;
|
|
209
|
-
`,
|
|
222
|
+
`,W=f.css`
|
|
210
223
|
padding-right: var(--spacing-2xl);
|
|
211
|
-
`,
|
|
224
|
+
`,Z=f.css`
|
|
212
225
|
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");
|
|
213
226
|
background-position: right var(--spacing-sm) center;
|
|
214
227
|
background-repeat: no-repeat;
|
|
215
228
|
background-size: 1rem;
|
|
216
229
|
padding-right: var(--spacing-xl);
|
|
217
|
-
`,
|
|
230
|
+
`,de=f.css`
|
|
218
231
|
color: var(--brand-secondary-1);
|
|
219
232
|
height: 1.25rem;
|
|
220
233
|
width: 1.25rem;
|
|
221
|
-
`,
|
|
234
|
+
`,ue=f.css`
|
|
222
235
|
align-items: center;
|
|
223
236
|
cursor: pointer;
|
|
224
237
|
display: inline-flex;
|
|
225
238
|
gap: var(--spacing-sm);
|
|
226
239
|
margin: var(--spacing-sm) 0;
|
|
227
240
|
flex-wrap: wrap;
|
|
228
|
-
`,
|
|
241
|
+
`,me=f.css`
|
|
229
242
|
border: 1px solid var(--brand-secondary-1);
|
|
230
243
|
background: var(--white);
|
|
231
244
|
width: var(--spacing-md);
|
|
@@ -256,19 +269,21 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
256
269
|
color: var(--gray-300);
|
|
257
270
|
border-color: var(--gray-300);
|
|
258
271
|
}
|
|
259
|
-
`,
|
|
260
|
-
font-weight: var(--
|
|
261
|
-
`,
|
|
272
|
+
`,ge=f.css`
|
|
273
|
+
font-weight: var(--fw-medium);
|
|
274
|
+
`,fe=f.css`
|
|
262
275
|
cursor: not-allowed;
|
|
263
276
|
color: var(--gray-400);
|
|
264
|
-
`,
|
|
277
|
+
`,ve=f.css`
|
|
265
278
|
display: flex;
|
|
266
279
|
flex-direction: column;
|
|
267
280
|
flex-basis: 100%;
|
|
268
281
|
padding-left: var(--spacing-lg);
|
|
269
282
|
margin-top: -0.5rem;
|
|
270
283
|
line-height: 1.15;
|
|
271
|
-
|
|
284
|
+
`,be=f.css`
|
|
285
|
+
${M}
|
|
286
|
+
`;var he=require("@emotion/react"),F=he.css`
|
|
272
287
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
273
288
|
/*
|
|
274
289
|
#d1d5db = bg-gray-300
|
|
@@ -294,7 +309,15 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
294
309
|
&::-webkit-scrollbar-thumb:hover {
|
|
295
310
|
background: var(--gray-500);
|
|
296
311
|
}
|
|
297
|
-
`;var
|
|
312
|
+
`;var N=require("@emotion/react"),$=N.css`
|
|
313
|
+
display: block;
|
|
314
|
+
`,U=N.css`
|
|
315
|
+
background: transparent;
|
|
316
|
+
color: var(--brand-secondary-1);
|
|
317
|
+
`,Y=N.css`
|
|
318
|
+
background: var(--brand-secondary-1);
|
|
319
|
+
color: var(--white);
|
|
320
|
+
`;var er=({theme:o="light",...r})=>(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:[$,o==="dark"?Y:U],...r},(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 or=({theme:o="light"})=>(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:[$,o==="dark"?Y:U]},(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 Me=b(require("react")),Re=require("reakit/Button");var R=require("@emotion/react"),ye=R.css`
|
|
298
321
|
align-items: center;
|
|
299
322
|
border: 1px solid transparent;
|
|
300
323
|
cursor: pointer;
|
|
@@ -318,7 +341,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
318
341
|
&:disabled {
|
|
319
342
|
cursor: not-allowed;
|
|
320
343
|
}
|
|
321
|
-
`,
|
|
344
|
+
`,xe=R.css`
|
|
322
345
|
background: var(--brand-secondary-1);
|
|
323
346
|
color: var(--white);
|
|
324
347
|
|
|
@@ -326,7 +349,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
326
349
|
background: var(--gray-500);
|
|
327
350
|
color: var(--white);
|
|
328
351
|
}
|
|
329
|
-
`,
|
|
352
|
+
`,we=R.css`
|
|
330
353
|
background: var(--brand-secondary-5);
|
|
331
354
|
color: var(--white);
|
|
332
355
|
|
|
@@ -334,7 +357,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
334
357
|
background: var(--gray-500);
|
|
335
358
|
color: var(--white);
|
|
336
359
|
}
|
|
337
|
-
`,
|
|
360
|
+
`,Ce=R.css`
|
|
338
361
|
background: var(--brand-secondary-2);
|
|
339
362
|
color: var(--brand-secondary-1);
|
|
340
363
|
|
|
@@ -342,7 +365,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
342
365
|
background: var(--brand-secondary-2);
|
|
343
366
|
color: var(--gray-400);
|
|
344
367
|
}
|
|
345
|
-
`,
|
|
368
|
+
`,Ie=R.css`
|
|
346
369
|
background: transparent;
|
|
347
370
|
color: var(--brand-secondary-3);
|
|
348
371
|
|
|
@@ -355,7 +378,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
355
378
|
border-color: var(--gray-400);
|
|
356
379
|
color: var(--gray-400);
|
|
357
380
|
}
|
|
358
|
-
`,
|
|
381
|
+
`,Se=R.css`
|
|
359
382
|
background: var(--brand-secondary-3);
|
|
360
383
|
color: var(--white);
|
|
361
384
|
|
|
@@ -363,10 +386,10 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
363
386
|
background: var(--gray-500);
|
|
364
387
|
color: var(--white);
|
|
365
388
|
}
|
|
366
|
-
`;var
|
|
389
|
+
`;var rr=Me.forwardRef(({buttonType:o="primary",size:r="md",children:t,...a},n)=>{let s={primary:xe,secondary:we,ghost:Ie,unimportant:Ce,tertiary:Se},l={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)(Re.Button,{ref:n,css:[ye,s[o],l[r]],...a},t)});var He=b(require("react"));var y=require("react"),Pe=require("param-case"),Te=(0,y.createContext)({iconsMap:{},isLoading:!0});function Q(){return(0,y.useContext)(Te)}function tr({children:o}){let[r,t]=(0,y.useState)(!0),[a,n]=(0,y.useState)({});return(0,y.useEffect)(()=>{import("react-icons/cg").then(s=>{let l=Object.entries(s).reduce((u,[p,g])=>{if(p==="default")return u;let v=nr(p);return{...u,[v]:g}},{});n(l),t(!1)})},[]),(0,e.jsx)(Te.Provider,{value:{iconsMap:a,isLoading:r}},o)}function nr(o){var r,t;return(t=(r=(0,Pe.paramCase)(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:r.join("-"))!=null?t:""}var B=require("@emotion/react");var ke=B.css`
|
|
367
390
|
display: hidden;
|
|
368
391
|
|
|
369
|
-
${
|
|
392
|
+
${J("sm")} {
|
|
370
393
|
display: block;
|
|
371
394
|
}
|
|
372
395
|
|
|
@@ -374,30 +397,30 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
374
397
|
display: block;
|
|
375
398
|
vertical-align: middle;
|
|
376
399
|
}
|
|
377
|
-
`,
|
|
400
|
+
`,Le=B.css`
|
|
378
401
|
color: var(--brand-secondary-3);
|
|
379
|
-
`,
|
|
402
|
+
`,Be=B.css`
|
|
380
403
|
color: var(--brand-secondary-5);
|
|
381
|
-
`,
|
|
404
|
+
`,ze=B.css`
|
|
382
405
|
color: var(--gray-500);
|
|
383
|
-
`,
|
|
406
|
+
`,Ee=B.css`
|
|
384
407
|
color: currentColor;
|
|
385
|
-
`;var
|
|
408
|
+
`;var ir=({icon:o,iconColor:r="green",size:t="1.5rem",...a})=>{let n=typeof o=="string",{iconsMap:s,isLoading:l}=Q(),u={green:Le,gray:ze,red:Be,currentColor:Ee};if(n&&l)return null;let p=n?s[o]:o;return n&&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:t,...a,css:[ke,u[r]]})},P=He.default.memo(ir);var Oe=require("@emotion/react"),Ve=Oe.css`
|
|
386
409
|
color: var(--gray-500);
|
|
387
410
|
display: block;
|
|
388
|
-
font-size: var(--fs-
|
|
389
|
-
margin: var(--spacing-
|
|
411
|
+
font-size: var(--fs-sm);
|
|
412
|
+
margin: var(--spacing-xs) 0;
|
|
390
413
|
max-width: var(--prose);
|
|
391
|
-
`;var
|
|
392
|
-
align-items:
|
|
414
|
+
`;var x=({children:o})=>(0,e.jsx)("small",{css:Ve},o);var De=require("react-icons/md");var Ge=require("@emotion/react"),Ae=Ge.css`
|
|
415
|
+
align-items: baseline;
|
|
393
416
|
color: var(--brand-secondary-5);
|
|
394
417
|
display: flex;
|
|
395
418
|
gap: var(--spacing-sm);
|
|
396
419
|
margin: var(--spacing-xs) 0;
|
|
397
|
-
`;var w=({message:o})=>o?(0,e.jsx)("span",{css:
|
|
420
|
+
`;var w=({message:o})=>o?(0,e.jsx)("span",{css:Ae},(0,e.jsx)(P,{icon:De.MdWarning,size:16,iconColor:"currentColor"}),o):null;var We=b(require("react"));var X=({label:o,icon:r,id:t,caption:a,showLabel:n=!0,errorMessage:s,classNameContainer:l,classNameControl:u,classNameLabel:p,...g})=>(0,e.jsx)(We.Fragment,null,n?(0,e.jsx)("label",{htmlFor:t,css:[h,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},o):null,(0,e.jsx)("div",{css:[L,typeof l=="object"?l:void 0],className:typeof l=="string"?l:""},(0,e.jsx)("input",{id:t,css:[M,typeof u=="object"?u:void 0,s?I:void 0,r?W:""],"aria-label":n?void 0:o,className:typeof u=="string"?u:"",...g}),r?(0,e.jsx)("div",{css:D},r):null),a?(0,e.jsx)(x,null,a):null,s?(0,e.jsx)(w,{message:s}):null);var Ze=b(require("react-select"));function sr(o){return(0,e.jsx)(Ze.default,{...o,styles:{...o.styles,singleValue:(r,t)=>{var a,n;return{...r,...(n=(a=o.styles)==null?void 0:a.singleValue)==null?void 0:n.call(a,r,t),color:"#828282"}},valueContainer:(r,t)=>{var a,n;return{...r,...(n=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:n.call(a,r,t),padding:"var(--spacing-base)"}},input:(r,t)=>{var a,n;return{...r,...(n=(a=o.styles)==null?void 0:a.input)==null?void 0:n.call(a,r,t),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,t)=>({...r,border:t.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:t.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}var Ke=require("@emotion/react"),_e=b(require("react")),K=require("react");var z=require("@emotion/react"),Fe=z.css`
|
|
398
421
|
margin-inline: auto;
|
|
399
422
|
max-width: fit-content;
|
|
400
|
-
`,
|
|
423
|
+
`,Ne=z.css`
|
|
401
424
|
align-items: center;
|
|
402
425
|
background: var(--brand-secondary-3);
|
|
403
426
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -420,7 +443,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
420
443
|
&:focus {
|
|
421
444
|
outline: 2px solid var(--brand-secondary-1);
|
|
422
445
|
}
|
|
423
|
-
|
|
446
|
+
`,$e=z.css`
|
|
424
447
|
background: var(--white);
|
|
425
448
|
border: 1px solid var(--brand-secondary-3);
|
|
426
449
|
border-top: none;
|
|
@@ -430,7 +453,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
430
453
|
position: absolute;
|
|
431
454
|
inset: auto 0;
|
|
432
455
|
transform: translateY(-0.2rem);
|
|
433
|
-
`,
|
|
456
|
+
`,Ue=z.css`
|
|
434
457
|
cursor: pointer;
|
|
435
458
|
display: block;
|
|
436
459
|
font-size: var(--fs-sm);
|
|
@@ -445,23 +468,23 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
445
468
|
&:hover {
|
|
446
469
|
background: var(--gray-50);
|
|
447
470
|
}
|
|
448
|
-
`,
|
|
471
|
+
`,Ye=z.css`
|
|
449
472
|
position: absolute;
|
|
450
473
|
overflow: hidden;
|
|
451
474
|
height: 1px;
|
|
452
475
|
width: 1px;
|
|
453
476
|
clip: rect(0, 0, 0, 0);
|
|
454
477
|
padding: 0;
|
|
455
|
-
`;var
|
|
478
|
+
`;var qe=require("react-icons/cg"),cr=({classNameContainer:o,options:r,value:t,onChange:a,disabled:n,...s})=>{var v;let[l,u]=(0,K.useState)(!1),p=(0,K.useRef)(null);_e.useEffect(()=>{let m=S=>{p.current&&!p.current.contains(S.target)&&u(!1)};return document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[p]);let g=r.find(m=>m.value===t);return(0,e.jsx)("div",{ref:p,css:o?Ke.css`
|
|
456
479
|
max-width: fit-content;
|
|
457
480
|
${typeof o=="object"?o:void 0}
|
|
458
|
-
`:
|
|
481
|
+
`:Fe,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${s.id}`,"aria-expanded":l,css:Ne,onClick:()=>{n||u(m=>!m)},disabled:n,...s},(0,e.jsx)("span",null,(v=g==null?void 0:g.label)!=null?v:t),n?null:(0,e.jsx)(P,{icon:qe.CgChevronDown,iconColor:"currentColor",size:24})),(0,e.jsx)("div",{id:`and-or-${s.id}`,css:[$e,l?void 0:Ye],"aria-hidden":!l},r.map(m=>(0,e.jsx)("button",{key:m.value,type:"button",css:Ue,onClick:()=>{a(m),u(S=>!S)}},m.label))))};var lr=({onSearchTextChanged:o,disabled:r=!1,placeholder:t="Keyword search",inputFieldName:a="keywordSearch",disabledFieldSubmission:n=!1,value:s})=>(0,e.jsx)(X,{type:"text",name:a,placeholder:t,showLabel:!1,value:s,icon:(0,e.jsx)("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:de},(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"&&n&&p.preventDefault()},disabled:r,"aria-label":t});var pr=({label:o,defaultOption:r,options:t,caption:a,errorMessage:n,showLabel:s=!0,labelCta:l,classNameContainer:u,classNameControl:p,classNameLabel:g,...v})=>(0,e.jsx)("div",{css:[L,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},s?(0,e.jsx)("label",{htmlFor:v.id,css:[h,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},o,l):null,(0,e.jsx)("select",{title:o,"aria-label":s?void 0:o,css:[M,Z,n?I:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...v},r?(0,e.jsx)("option",{value:""},r):null,t.map((m,S)=>(0,e.jsx)("option",{key:S,value:m.label,...m}))),a?(0,e.jsx)(x,null,a):null,n?(0,e.jsx)(w,{message:n}):null);var dr=({label:o,type:r,disabled:t,checked:a,name:n,caption:s,errorMessage:l,...u})=>(0,e.jsx)("label",{css:[ue,t?fe:void 0]},(0,e.jsx)("input",{type:r,css:me,checked:a,name:n,disabled:t,...u}),(0,e.jsx)("span",{css:ge},o),s||l?(0,e.jsx)("span",{css:ve},s?(0,e.jsx)(x,null,s):null,l?(0,e.jsx)(w,{message:l}):null):null);var Je=b(require("react"));var ur=({label:o,icon:r,id:t,caption:a,showLabel:n=!0,errorMessage:s,...l})=>(0,e.jsx)(Je.Fragment,null,n?(0,e.jsx)("label",{htmlFor:t,css:[h]},o):null,(0,e.jsx)("div",{css:[L]},(0,e.jsx)("textarea",{id:t,css:[be,s?I:void 0,r?W:""],"aria-label":n?void 0:o,...l}),r?(0,e.jsx)("div",{css:D},r):null),a?(0,e.jsx)(x,null,a):null,s?(0,e.jsx)(w,{message:s}):null);var E=b(require("react")),H=require("reakit/Menu");var Qe=require("@emotion/react"),Xe=Qe.css`
|
|
459
482
|
border: 1px solid var(--gray-500);
|
|
460
483
|
border-radius: var(--rounded-base);
|
|
461
484
|
outline: none;
|
|
462
485
|
overflow: hidden;
|
|
463
486
|
z-index: 50;
|
|
464
|
-
`;var
|
|
487
|
+
`;var j=E.createContext({}),ee=()=>E.useContext(j),oe=({menuLabel:o,menuTrigger:r,placement:t="auto",children:a})=>{let n=(0,H.useMenuState)({placement:t});return(0,e.jsx)(j.Provider,{value:n},(0,e.jsx)(H.MenuButton,{...n,ref:r.ref,...r.props},s=>E.cloneElement(r,s)),(0,e.jsx)(H.Menu,{...n,"aria-label":o,css:Xe},a))};var oo=b(require("react")),ne=require("reakit");var re=require("@emotion/react"),te=re.css`
|
|
465
488
|
background: var(--white);
|
|
466
489
|
border-top: 1px solid var(--gray-500);
|
|
467
490
|
color: var(--brand-secondary-1);
|
|
@@ -486,7 +509,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
486
509
|
&:hover {
|
|
487
510
|
background: var(--gray-200);
|
|
488
511
|
}
|
|
489
|
-
`,
|
|
512
|
+
`,je=re.css`
|
|
490
513
|
align-items: center;
|
|
491
514
|
display: flex;
|
|
492
515
|
justify-content: space-between;
|
|
@@ -497,7 +520,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
497
520
|
width: var(--spacing-base);
|
|
498
521
|
height: var(--spacing-base);
|
|
499
522
|
}
|
|
500
|
-
`;var
|
|
523
|
+
`;var mr=oo.forwardRef(({children:o,className:r,hideMenuOnClick:t=!0,icon:a,...n},s)=>{let l=ee(),u=g=>{let v={...g};if(v.onClick){let m=v.onClick;v.onClick=S=>{l.hide(),m(S)}}return v};if(typeof o=="function")return(0,e.jsx)(ne.MenuItem,{ref:s,"data-testid":"uniform-menuItem",...l,...n,css:te},g=>{let v=t?u(g):g,m=o(v);return a?eo(m,a):m});let p=t?u(n):n;return(0,e.jsx)(ne.MenuItem,{ref:s,...l,...p,css:te},a?eo(o,a):o)});function eo(o,r){return(0,e.jsx)("span",{css:je},o," ",r)}var c=require("@emotion/react");var ro=({...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"})),to=({...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"})),no=({...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"})),ao=({...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"})),ae=({...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"})),io=({...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 T=require("@emotion/react"),so=T.css`
|
|
501
524
|
--caution-desc: rgb(161, 98, 7);
|
|
502
525
|
--caution-icon: rgb(250, 204, 21);
|
|
503
526
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -525,21 +548,21 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
525
548
|
|
|
526
549
|
border-radius: var(--rounded-base);
|
|
527
550
|
padding: var(--spacing-base);
|
|
528
|
-
`,
|
|
551
|
+
`,co=T.css`
|
|
529
552
|
display: flex;
|
|
530
553
|
gap: var(--spacing-base);
|
|
531
|
-
`,
|
|
554
|
+
`,lo=T.css`
|
|
532
555
|
flex-shrink: 0;
|
|
533
|
-
`,
|
|
556
|
+
`,po=T.css`
|
|
534
557
|
font-size: var(--fs-sm);
|
|
535
558
|
font-weight: var(--fw-bold);
|
|
536
559
|
margin: 0 0 var(--spacing-sm);
|
|
537
|
-
`,
|
|
560
|
+
`,uo=T.css`
|
|
538
561
|
font-size: var(--fs-sm);
|
|
539
|
-
`,
|
|
562
|
+
`,mo=T.css`
|
|
540
563
|
width: 1.25rem;
|
|
541
564
|
height: 1.25rem;
|
|
542
|
-
`;var
|
|
565
|
+
`;var gr={caution:{icon:ae,descriptionColor:c.css`
|
|
543
566
|
color: var(--caution-desc);
|
|
544
567
|
`,iconColor:c.css`
|
|
545
568
|
color: var(--caution-icon);
|
|
@@ -547,7 +570,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
547
570
|
color: var(--caution-title);
|
|
548
571
|
`,containerColor:c.css`
|
|
549
572
|
background-color: var(--caution-container);
|
|
550
|
-
`},danger:{icon:
|
|
573
|
+
`},danger:{icon:to,descriptionColor:c.css`
|
|
551
574
|
color: var(--danger-desc);
|
|
552
575
|
`,iconColor:c.css`
|
|
553
576
|
color: var(--danger-icon);
|
|
@@ -555,7 +578,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
555
578
|
color: var(--danger-title);
|
|
556
579
|
`,containerColor:c.css`
|
|
557
580
|
background-color: var(--danger-container);
|
|
558
|
-
`},error:{icon:
|
|
581
|
+
`},error:{icon:ae,descriptionColor:c.css`
|
|
559
582
|
color: var(--danger-desc);
|
|
560
583
|
`,iconColor:c.css`
|
|
561
584
|
color: var(--danger-icon);
|
|
@@ -563,7 +586,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
563
586
|
color: var(--danger-title);
|
|
564
587
|
`,containerColor:c.css`
|
|
565
588
|
background-color: var(--danger-container);
|
|
566
|
-
`},info:{icon:
|
|
589
|
+
`},info:{icon:ro,descriptionColor:c.css`
|
|
567
590
|
color: var(--info-desc);
|
|
568
591
|
`,iconColor:c.css`
|
|
569
592
|
color: var(--info-icon);
|
|
@@ -571,7 +594,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
571
594
|
color: var(--info-title);
|
|
572
595
|
`,containerColor:c.css`
|
|
573
596
|
background-color: var(--info-container);
|
|
574
|
-
`},note:{icon
|
|
597
|
+
`},note:{icon:no,descriptionColor:c.css`
|
|
575
598
|
color: var(--note-desc);
|
|
576
599
|
`,iconColor:c.css`
|
|
577
600
|
color: var(--note-icon);
|
|
@@ -579,7 +602,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
579
602
|
color: var(--note-title);
|
|
580
603
|
`,containerColor:c.css`
|
|
581
604
|
background-color: var(--note-container);
|
|
582
|
-
`},success:{icon:
|
|
605
|
+
`},success:{icon:io,descriptionColor:c.css`
|
|
583
606
|
color: var(--success-desc);
|
|
584
607
|
`,iconColor:c.css`
|
|
585
608
|
color: var(--success-icon);
|
|
@@ -587,7 +610,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
587
610
|
color: var(--success-title);
|
|
588
611
|
`,containerColor:c.css`
|
|
589
612
|
background-color: var(--success-container);
|
|
590
|
-
`},tip:{icon:
|
|
613
|
+
`},tip:{icon:ao,descriptionColor:c.css`
|
|
591
614
|
color: var(--success-desc);
|
|
592
615
|
`,iconColor:c.css`
|
|
593
616
|
color: var(--success-icon);
|
|
@@ -595,7 +618,7 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
595
618
|
color: var(--success-title);
|
|
596
619
|
`,containerColor:c.css`
|
|
597
620
|
background-color: var(--success-container);
|
|
598
|
-
`}},
|
|
621
|
+
`}},fr=({type:o="info",title:r,children:t,className:a})=>{let n=gr[o];if(!n)return null;let s=n.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[so,n.containerColor,typeof a=="object"?a:""],className:`${typeof a=="string"?a:""}`},(0,e.jsx)("div",{css:co},(0,e.jsx)("div",{css:lo},(0,e.jsx)(s,{css:[mo,n.iconColor]})),(0,e.jsx)("div",null,r?(0,e.jsx)("h3",{css:[po,n.titleColor]},r):null,t?(0,e.jsx)("div",{css:[uo,n.descriptionColor]},t):null)))};var V=require("@emotion/react"),vr=V.keyframes`
|
|
599
622
|
0%, 100% {
|
|
600
623
|
opacity: 1.0;
|
|
601
624
|
transform: translateY(0);
|
|
@@ -611,14 +634,14 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
611
634
|
opacity: 0.2;
|
|
612
635
|
transform: translateY(-5px);
|
|
613
636
|
}
|
|
614
|
-
`,
|
|
637
|
+
`,go=V.css`
|
|
615
638
|
display: inline-flex;
|
|
616
639
|
justify-content: center;
|
|
617
|
-
`,
|
|
640
|
+
`,_=V.css`
|
|
618
641
|
background-color: var(--gray-700);
|
|
619
642
|
display: block;
|
|
620
643
|
border-radius: var(--rounded-full);
|
|
621
|
-
animation: ${
|
|
644
|
+
animation: ${vr} 0.75s infinite ease-in-out;
|
|
622
645
|
width: 8px;
|
|
623
646
|
height: 8px;
|
|
624
647
|
margin: 0 var(--spacing-xs);
|
|
@@ -635,48 +658,168 @@ var vo=Object.create;var E=Object.defineProperty;var bo=Object.getOwnPropertyDes
|
|
|
635
658
|
&:nth-of-type(3) {
|
|
636
659
|
animation-delay: 0.6s;
|
|
637
660
|
}
|
|
638
|
-
`;var
|
|
661
|
+
`;var br=()=>(0,e.jsx)("div",{css:go,role:"alert"},(0,e.jsx)("span",{css:_}),(0,e.jsx)("span",{css:_}),(0,e.jsx)("span",{css:_}));var wo=require("@emotion/react");var k=require("@emotion/react"),fo=k.css`
|
|
639
662
|
align-items: center;
|
|
640
663
|
position: absolute;
|
|
641
664
|
inset: 0 0;
|
|
642
665
|
overflow: hidden;
|
|
643
666
|
z-index: 9999;
|
|
644
667
|
justify-content: center;
|
|
645
|
-
`,
|
|
668
|
+
`,vo=k.css`
|
|
646
669
|
display: flex;
|
|
647
|
-
`,
|
|
670
|
+
`,bo=k.css`
|
|
648
671
|
display: none;
|
|
649
|
-
`,
|
|
672
|
+
`,ho=k.css`
|
|
650
673
|
background: var(--white);
|
|
651
674
|
opacity: 0.5;
|
|
652
675
|
position: absolute;
|
|
653
676
|
inset: 0 0;
|
|
654
|
-
`,
|
|
677
|
+
`,yo=k.css`
|
|
655
678
|
align-items: center;
|
|
656
679
|
display: flex;
|
|
657
680
|
flex-direction: column;
|
|
658
|
-
`,
|
|
681
|
+
`,xo=k.css`
|
|
659
682
|
color: var(--gray-500);
|
|
660
683
|
margin: var(--spacing-base) 0 0;
|
|
661
|
-
`;var
|
|
684
|
+
`;var hr=({isActive:o,statusMessage:r})=>(0,e.jsx)("div",{role:"alert",css:[fo,o?vo:bo],"aria-hidden":!o},(0,e.jsx)("div",{css:ho}),(0,e.jsx)("div",{css:wo.css`
|
|
662
685
|
position: relative;
|
|
663
|
-
`},(0,e.jsx)("div",{css:
|
|
686
|
+
`},(0,e.jsx)("div",{css:yo},(0,e.jsx)(Co,{height:128,width:128}),r?(0,e.jsx)("div",{css:xo},r):null))),Co=({height:o,width:r})=>(0,e.jsx)("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:r!=null?r: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 C=require("@emotion/react"),Io=C.css`
|
|
664
687
|
font-family: var(--ff-heading);
|
|
665
|
-
font-size: clamp(1.
|
|
666
|
-
font-weight: var(--
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
688
|
+
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
689
|
+
font-weight: var(--fw-bold);
|
|
690
|
+
margin-bottom: var(--spacing-base);
|
|
691
|
+
`,So=C.css`
|
|
692
|
+
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
693
|
+
`,Mo=C.css`
|
|
670
694
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
671
|
-
`,
|
|
695
|
+
`,Ro=C.css`
|
|
672
696
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
673
|
-
`,
|
|
697
|
+
`,Po=C.css`
|
|
674
698
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
675
|
-
`,
|
|
699
|
+
`,To=C.css`
|
|
676
700
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
677
|
-
`,
|
|
701
|
+
`,ko=C.css`
|
|
678
702
|
font-weight: var(--fw-bold);
|
|
679
703
|
font-family: var(--ff-base);
|
|
680
|
-
|
|
704
|
+
margin-bottom: var(--spacing-base);
|
|
705
|
+
`,Lo=C.css`
|
|
681
706
|
line-height: 1.35;
|
|
682
|
-
`;var
|
|
707
|
+
`;var yr=({level:o=2,children:r})=>{let t=`h${o}`,a={h1:Io,h2:So,h3:Mo,h4:Ro,h5:Po,h6:To},n=t.includes("h1")?void 0:ko;return(0,e.jsx)(t,{css:[a[t],n,Lo]},r)};var Bo=require("@emotion/react"),zo=Bo.css`
|
|
708
|
+
font-size: var(--fs-base);
|
|
709
|
+
line-height: 1.5;
|
|
710
|
+
margin-bottom: var(--spacing-base);
|
|
711
|
+
|
|
712
|
+
&:last-of-type {
|
|
713
|
+
margin-bottom: 0;
|
|
714
|
+
}
|
|
715
|
+
`;var xr=({className:o,children:r})=>(0,e.jsx)("p",{css:[zo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);var Oo=require("@emotion/react");var ie=require("@emotion/react"),Eo=ie.css`
|
|
716
|
+
position: relative;
|
|
717
|
+
`,Ho=ie.css`
|
|
718
|
+
background: var(--gray-50);
|
|
719
|
+
border-top: 1px solid var(--gray-200);
|
|
720
|
+
border-bottom: 1px solid var(--gray-200);
|
|
721
|
+
max-height: 24rem;
|
|
722
|
+
overflow-y: auto;
|
|
723
|
+
padding: var(--spacing-sm);
|
|
724
|
+
`;var wr=({label:o,children:r})=>(0,e.jsx)("div",{css:Eo},o?(0,e.jsx)("span",{css:Oo.css`
|
|
725
|
+
${h}
|
|
726
|
+
`},o):null,(0,e.jsx)("div",{css:[Ho,F]},r));var q=require("@emotion/react"),Vo=q.css`
|
|
727
|
+
align-items: center;
|
|
728
|
+
background: var(--white);
|
|
729
|
+
border-radius: var(--rounded-base);
|
|
730
|
+
box-shadow: var(--shadow-base);
|
|
731
|
+
border: 2px solid var(--gray-200);
|
|
732
|
+
display: flex;
|
|
733
|
+
padding: var(--spacing-3);
|
|
734
|
+
margin-block: 0 var(--spacing-sm);
|
|
735
|
+
min-height: 52px;
|
|
736
|
+
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
737
|
+
|
|
738
|
+
&:last-of-type {
|
|
739
|
+
margin-block: 0;
|
|
740
|
+
}
|
|
741
|
+
`,Go=q.css`
|
|
742
|
+
border-color: var(--brand-secondary-3);
|
|
743
|
+
`,Ao=q.css`
|
|
744
|
+
align-items: center;
|
|
745
|
+
display: flex;
|
|
746
|
+
justify-content: space-between;
|
|
747
|
+
width: 100%;
|
|
748
|
+
outline: none;
|
|
749
|
+
|
|
750
|
+
&:focus {
|
|
751
|
+
outline: none;
|
|
752
|
+
}
|
|
753
|
+
`;var se=require("@emotion/react");var G=require("@emotion/react"),tn=G.keyframes`
|
|
754
|
+
0%,
|
|
755
|
+
100% {
|
|
756
|
+
transform: scale(1);
|
|
757
|
+
opacity: 1;
|
|
758
|
+
}
|
|
759
|
+
50% {
|
|
760
|
+
transform: scale(1.15);
|
|
761
|
+
opacity: 1;
|
|
762
|
+
}
|
|
763
|
+
`,Do=G.keyframes`
|
|
764
|
+
0% {
|
|
765
|
+
opacity: 0;
|
|
766
|
+
transform: translateY(10px);
|
|
767
|
+
}
|
|
768
|
+
100% {
|
|
769
|
+
opacity: 1;
|
|
770
|
+
transform: translateY(0);
|
|
771
|
+
}
|
|
772
|
+
`,nn=G.keyframes`
|
|
773
|
+
0% {
|
|
774
|
+
opacity: 1;
|
|
775
|
+
transform: translateY(0);
|
|
776
|
+
}
|
|
777
|
+
100% {
|
|
778
|
+
opacity: 0;
|
|
779
|
+
transform: translateY(10px);
|
|
780
|
+
}
|
|
781
|
+
`,an=G.keyframes`
|
|
782
|
+
0% {
|
|
783
|
+
opacity: 0;
|
|
784
|
+
}
|
|
785
|
+
100% {
|
|
786
|
+
opacity: 1;
|
|
787
|
+
}
|
|
788
|
+
`;var Cr=({buttonText:o,active:r,...t})=>(0,e.jsx)("div",{css:[Vo,r?Go: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:Ao,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...t},(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":!r,css:se.css`
|
|
789
|
+
color: var(--brand-secondary-3);
|
|
790
|
+
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
791
|
+
${r?se.css`
|
|
792
|
+
animation: ${Do} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
793
|
+
`:"opacity: 0;"}
|
|
794
|
+
`},(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 Uo=require("react-icons/cg");var O=require("@emotion/react"),Wo=O.css`
|
|
795
|
+
align-items: center;
|
|
796
|
+
border: 1px solid transparent;
|
|
797
|
+
color: var(--white);
|
|
798
|
+
display: inline-flex;
|
|
799
|
+
font-size: var(--fs-sm);
|
|
800
|
+
position: relative;
|
|
801
|
+
|
|
802
|
+
&:active {
|
|
803
|
+
opacity: var(--opacity-75);
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
&:hover {
|
|
807
|
+
opacity: var(--opacity-100);
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
&:focus {
|
|
811
|
+
border-color: var(--gray-700);
|
|
812
|
+
}
|
|
813
|
+
`,Zo=O.css`
|
|
814
|
+
background: var(--brand-secondary-5);
|
|
815
|
+
`,Fo=O.css`
|
|
816
|
+
background: var(--gray-500);
|
|
817
|
+
`,No=O.css`
|
|
818
|
+
padding: var(--spacing-sm) var(--spacing-base);
|
|
819
|
+
font-weight: var(--fw-medium);
|
|
820
|
+
letter-spacing: 0.025rem;
|
|
821
|
+
line-height: 1.25;
|
|
822
|
+
`,$o=O.css`
|
|
823
|
+
padding: var(--spacing-sm);
|
|
824
|
+
border-left: 1px solid currentColor;
|
|
825
|
+
`;var Ir=({onButtonClick:o,buttonText:r,disabled:t,children:a,placement:n,...s})=>(0,e.jsx)("div",{css:[Wo,t?Fo:Zo],"data-test-id":"multioptions-button"},(0,e.jsx)("button",{type:"button",css:No,disabled:t,...s,onClick:o,"data-test-id":"multioptions-button-main"},r),(0,e.jsx)(oe,{menuLabel:"buttonMenu",placement:n,menuTrigger:(0,e.jsx)("div",{css:$o,"data-test-id":"multioptions-button-call-menu"},(0,e.jsx)(P,{icon:Uo.CgChevronDown,size:24,iconColor:"currentColor"}))},a));0&&(module.exports={Button,ButtonWithMenu,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,Paragraph,ScrollableList,ScrollableListItem,Textarea,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});
|