@uniformdev/design-system 13.0.1-alpha.278 → 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 +148 -110
- package/dist/index.d.ts +236 -154
- package/dist/index.js +149 -111
- package/package.json +2 -2
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 Go=Object.create;var O=Object.defineProperty;var Fo=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 Go=Object.create;var O=Object.defineProperty;var Fo=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);
|
|
@@ -167,7 +174,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
167
174
|
pre {
|
|
168
175
|
white-space: pre;
|
|
169
176
|
}
|
|
170
|
-
`}}));var f=require("@emotion/react"),L=f.css`
|
|
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`
|
|
171
178
|
position: relative;
|
|
172
179
|
`,h=f.css`
|
|
173
180
|
display: flex;
|
|
@@ -206,13 +213,13 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
206
213
|
}
|
|
207
214
|
`,I=f.css`
|
|
208
215
|
border-color: var(--brand-secondary-5);
|
|
209
|
-
`,
|
|
216
|
+
`,D=f.css`
|
|
210
217
|
align-items: center;
|
|
211
218
|
display: flex;
|
|
212
219
|
position: absolute;
|
|
213
220
|
inset: 0 var(--spacing-base) 0 auto;
|
|
214
221
|
pointer-event: one;
|
|
215
|
-
`,
|
|
222
|
+
`,W=f.css`
|
|
216
223
|
padding-right: var(--spacing-2xl);
|
|
217
224
|
`,Z=f.css`
|
|
218
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");
|
|
@@ -220,18 +227,18 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
220
227
|
background-repeat: no-repeat;
|
|
221
228
|
background-size: 1rem;
|
|
222
229
|
padding-right: var(--spacing-xl);
|
|
223
|
-
`,
|
|
230
|
+
`,de=f.css`
|
|
224
231
|
color: var(--brand-secondary-1);
|
|
225
232
|
height: 1.25rem;
|
|
226
233
|
width: 1.25rem;
|
|
227
|
-
`,
|
|
234
|
+
`,ue=f.css`
|
|
228
235
|
align-items: center;
|
|
229
236
|
cursor: pointer;
|
|
230
237
|
display: inline-flex;
|
|
231
238
|
gap: var(--spacing-sm);
|
|
232
239
|
margin: var(--spacing-sm) 0;
|
|
233
240
|
flex-wrap: wrap;
|
|
234
|
-
`,
|
|
241
|
+
`,me=f.css`
|
|
235
242
|
border: 1px solid var(--brand-secondary-1);
|
|
236
243
|
background: var(--white);
|
|
237
244
|
width: var(--spacing-md);
|
|
@@ -262,21 +269,21 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
262
269
|
color: var(--gray-300);
|
|
263
270
|
border-color: var(--gray-300);
|
|
264
271
|
}
|
|
265
|
-
`,
|
|
266
|
-
font-weight: var(--
|
|
267
|
-
`,
|
|
272
|
+
`,ge=f.css`
|
|
273
|
+
font-weight: var(--fw-medium);
|
|
274
|
+
`,fe=f.css`
|
|
268
275
|
cursor: not-allowed;
|
|
269
276
|
color: var(--gray-400);
|
|
270
|
-
`,
|
|
277
|
+
`,ve=f.css`
|
|
271
278
|
display: flex;
|
|
272
279
|
flex-direction: column;
|
|
273
280
|
flex-basis: 100%;
|
|
274
281
|
padding-left: var(--spacing-lg);
|
|
275
282
|
margin-top: -0.5rem;
|
|
276
283
|
line-height: 1.15;
|
|
277
|
-
`,
|
|
284
|
+
`,be=f.css`
|
|
278
285
|
${M}
|
|
279
|
-
`;var
|
|
286
|
+
`;var he=require("@emotion/react"),F=he.css`
|
|
280
287
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
281
288
|
/*
|
|
282
289
|
#d1d5db = bg-gray-300
|
|
@@ -302,15 +309,15 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
302
309
|
&::-webkit-scrollbar-thumb:hover {
|
|
303
310
|
background: var(--gray-500);
|
|
304
311
|
}
|
|
305
|
-
`;var
|
|
312
|
+
`;var N=require("@emotion/react"),$=N.css`
|
|
306
313
|
display: block;
|
|
307
|
-
`,N
|
|
314
|
+
`,U=N.css`
|
|
308
315
|
background: transparent;
|
|
309
316
|
color: var(--brand-secondary-1);
|
|
310
|
-
`,
|
|
317
|
+
`,Y=N.css`
|
|
311
318
|
background: var(--brand-secondary-1);
|
|
312
319
|
color: var(--white);
|
|
313
|
-
`;var
|
|
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`
|
|
314
321
|
align-items: center;
|
|
315
322
|
border: 1px solid transparent;
|
|
316
323
|
cursor: pointer;
|
|
@@ -334,7 +341,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
334
341
|
&:disabled {
|
|
335
342
|
cursor: not-allowed;
|
|
336
343
|
}
|
|
337
|
-
`,
|
|
344
|
+
`,xe=R.css`
|
|
338
345
|
background: var(--brand-secondary-1);
|
|
339
346
|
color: var(--white);
|
|
340
347
|
|
|
@@ -342,7 +349,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
342
349
|
background: var(--gray-500);
|
|
343
350
|
color: var(--white);
|
|
344
351
|
}
|
|
345
|
-
`,
|
|
352
|
+
`,we=R.css`
|
|
346
353
|
background: var(--brand-secondary-5);
|
|
347
354
|
color: var(--white);
|
|
348
355
|
|
|
@@ -350,7 +357,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
350
357
|
background: var(--gray-500);
|
|
351
358
|
color: var(--white);
|
|
352
359
|
}
|
|
353
|
-
`,
|
|
360
|
+
`,Ce=R.css`
|
|
354
361
|
background: var(--brand-secondary-2);
|
|
355
362
|
color: var(--brand-secondary-1);
|
|
356
363
|
|
|
@@ -358,7 +365,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
358
365
|
background: var(--brand-secondary-2);
|
|
359
366
|
color: var(--gray-400);
|
|
360
367
|
}
|
|
361
|
-
`,
|
|
368
|
+
`,Ie=R.css`
|
|
362
369
|
background: transparent;
|
|
363
370
|
color: var(--brand-secondary-3);
|
|
364
371
|
|
|
@@ -371,7 +378,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
371
378
|
border-color: var(--gray-400);
|
|
372
379
|
color: var(--gray-400);
|
|
373
380
|
}
|
|
374
|
-
`,
|
|
381
|
+
`,Se=R.css`
|
|
375
382
|
background: var(--brand-secondary-3);
|
|
376
383
|
color: var(--white);
|
|
377
384
|
|
|
@@ -379,10 +386,10 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
379
386
|
background: var(--gray-500);
|
|
380
387
|
color: var(--white);
|
|
381
388
|
}
|
|
382
|
-
`;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`
|
|
383
390
|
display: hidden;
|
|
384
391
|
|
|
385
|
-
${
|
|
392
|
+
${J("sm")} {
|
|
386
393
|
display: block;
|
|
387
394
|
}
|
|
388
395
|
|
|
@@ -390,30 +397,30 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
390
397
|
display: block;
|
|
391
398
|
vertical-align: middle;
|
|
392
399
|
}
|
|
393
|
-
`,
|
|
400
|
+
`,Le=B.css`
|
|
394
401
|
color: var(--brand-secondary-3);
|
|
395
|
-
`,
|
|
402
|
+
`,Be=B.css`
|
|
396
403
|
color: var(--brand-secondary-5);
|
|
397
|
-
`,
|
|
404
|
+
`,ze=B.css`
|
|
398
405
|
color: var(--gray-500);
|
|
399
|
-
`,
|
|
406
|
+
`,Ee=B.css`
|
|
400
407
|
color: currentColor;
|
|
401
|
-
`;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`
|
|
402
409
|
color: var(--gray-500);
|
|
403
410
|
display: block;
|
|
404
|
-
font-size: var(--fs-
|
|
405
|
-
margin: var(--spacing-
|
|
411
|
+
font-size: var(--fs-sm);
|
|
412
|
+
margin: var(--spacing-xs) 0;
|
|
406
413
|
max-width: var(--prose);
|
|
407
|
-
`;var x=({children:o})=>(0,e.jsx)("small",{css:
|
|
408
|
-
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;
|
|
409
416
|
color: var(--brand-secondary-5);
|
|
410
417
|
display: flex;
|
|
411
418
|
gap: var(--spacing-sm);
|
|
412
419
|
margin: var(--spacing-xs) 0;
|
|
413
|
-
`;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`
|
|
414
421
|
margin-inline: auto;
|
|
415
422
|
max-width: fit-content;
|
|
416
|
-
`,
|
|
423
|
+
`,Ne=z.css`
|
|
417
424
|
align-items: center;
|
|
418
425
|
background: var(--brand-secondary-3);
|
|
419
426
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -436,7 +443,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
436
443
|
&:focus {
|
|
437
444
|
outline: 2px solid var(--brand-secondary-1);
|
|
438
445
|
}
|
|
439
|
-
|
|
446
|
+
`,$e=z.css`
|
|
440
447
|
background: var(--white);
|
|
441
448
|
border: 1px solid var(--brand-secondary-3);
|
|
442
449
|
border-top: none;
|
|
@@ -446,7 +453,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
446
453
|
position: absolute;
|
|
447
454
|
inset: auto 0;
|
|
448
455
|
transform: translateY(-0.2rem);
|
|
449
|
-
|
|
456
|
+
`,Ue=z.css`
|
|
450
457
|
cursor: pointer;
|
|
451
458
|
display: block;
|
|
452
459
|
font-size: var(--fs-sm);
|
|
@@ -461,23 +468,23 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
461
468
|
&:hover {
|
|
462
469
|
background: var(--gray-50);
|
|
463
470
|
}
|
|
464
|
-
`,
|
|
471
|
+
`,Ye=z.css`
|
|
465
472
|
position: absolute;
|
|
466
473
|
overflow: hidden;
|
|
467
474
|
height: 1px;
|
|
468
475
|
width: 1px;
|
|
469
476
|
clip: rect(0, 0, 0, 0);
|
|
470
477
|
padding: 0;
|
|
471
|
-
`;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`
|
|
472
479
|
max-width: fit-content;
|
|
473
480
|
${typeof o=="object"?o:void 0}
|
|
474
|
-
`:
|
|
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`
|
|
475
482
|
border: 1px solid var(--gray-500);
|
|
476
483
|
border-radius: var(--rounded-base);
|
|
477
484
|
outline: none;
|
|
478
485
|
overflow: hidden;
|
|
479
486
|
z-index: 50;
|
|
480
|
-
`;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`
|
|
481
488
|
background: var(--white);
|
|
482
489
|
border-top: 1px solid var(--gray-500);
|
|
483
490
|
color: var(--brand-secondary-1);
|
|
@@ -502,7 +509,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
502
509
|
&:hover {
|
|
503
510
|
background: var(--gray-200);
|
|
504
511
|
}
|
|
505
|
-
`,
|
|
512
|
+
`,je=re.css`
|
|
506
513
|
align-items: center;
|
|
507
514
|
display: flex;
|
|
508
515
|
justify-content: space-between;
|
|
@@ -513,7 +520,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
513
520
|
width: var(--spacing-base);
|
|
514
521
|
height: var(--spacing-base);
|
|
515
522
|
}
|
|
516
|
-
`;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`
|
|
517
524
|
--caution-desc: rgb(161, 98, 7);
|
|
518
525
|
--caution-icon: rgb(250, 204, 21);
|
|
519
526
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -541,77 +548,77 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
541
548
|
|
|
542
549
|
border-radius: var(--rounded-base);
|
|
543
550
|
padding: var(--spacing-base);
|
|
544
|
-
`,
|
|
551
|
+
`,co=T.css`
|
|
545
552
|
display: flex;
|
|
546
553
|
gap: var(--spacing-base);
|
|
547
|
-
`,
|
|
554
|
+
`,lo=T.css`
|
|
548
555
|
flex-shrink: 0;
|
|
549
|
-
`,
|
|
556
|
+
`,po=T.css`
|
|
550
557
|
font-size: var(--fs-sm);
|
|
551
558
|
font-weight: var(--fw-bold);
|
|
552
559
|
margin: 0 0 var(--spacing-sm);
|
|
553
|
-
`,
|
|
560
|
+
`,uo=T.css`
|
|
554
561
|
font-size: var(--fs-sm);
|
|
555
|
-
`,
|
|
562
|
+
`,mo=T.css`
|
|
556
563
|
width: 1.25rem;
|
|
557
564
|
height: 1.25rem;
|
|
558
|
-
`;var
|
|
565
|
+
`;var gr={caution:{icon:ae,descriptionColor:c.css`
|
|
559
566
|
color: var(--caution-desc);
|
|
560
|
-
`,iconColor:
|
|
567
|
+
`,iconColor:c.css`
|
|
561
568
|
color: var(--caution-icon);
|
|
562
|
-
`,titleColor:
|
|
569
|
+
`,titleColor:c.css`
|
|
563
570
|
color: var(--caution-title);
|
|
564
|
-
`,containerColor:
|
|
571
|
+
`,containerColor:c.css`
|
|
565
572
|
background-color: var(--caution-container);
|
|
566
|
-
`},danger:{icon:
|
|
573
|
+
`},danger:{icon:to,descriptionColor:c.css`
|
|
567
574
|
color: var(--danger-desc);
|
|
568
|
-
`,iconColor:
|
|
575
|
+
`,iconColor:c.css`
|
|
569
576
|
color: var(--danger-icon);
|
|
570
|
-
`,titleColor:
|
|
577
|
+
`,titleColor:c.css`
|
|
571
578
|
color: var(--danger-title);
|
|
572
|
-
`,containerColor:
|
|
579
|
+
`,containerColor:c.css`
|
|
573
580
|
background-color: var(--danger-container);
|
|
574
|
-
`},error:{icon:
|
|
581
|
+
`},error:{icon:ae,descriptionColor:c.css`
|
|
575
582
|
color: var(--danger-desc);
|
|
576
|
-
`,iconColor:
|
|
583
|
+
`,iconColor:c.css`
|
|
577
584
|
color: var(--danger-icon);
|
|
578
|
-
`,titleColor:
|
|
585
|
+
`,titleColor:c.css`
|
|
579
586
|
color: var(--danger-title);
|
|
580
|
-
`,containerColor:
|
|
587
|
+
`,containerColor:c.css`
|
|
581
588
|
background-color: var(--danger-container);
|
|
582
|
-
`},info:{icon:
|
|
589
|
+
`},info:{icon:ro,descriptionColor:c.css`
|
|
583
590
|
color: var(--info-desc);
|
|
584
|
-
`,iconColor:
|
|
591
|
+
`,iconColor:c.css`
|
|
585
592
|
color: var(--info-icon);
|
|
586
|
-
`,titleColor:
|
|
593
|
+
`,titleColor:c.css`
|
|
587
594
|
color: var(--info-title);
|
|
588
|
-
`,containerColor:
|
|
595
|
+
`,containerColor:c.css`
|
|
589
596
|
background-color: var(--info-container);
|
|
590
|
-
`},note:{icon:
|
|
597
|
+
`},note:{icon:no,descriptionColor:c.css`
|
|
591
598
|
color: var(--note-desc);
|
|
592
|
-
`,iconColor:
|
|
599
|
+
`,iconColor:c.css`
|
|
593
600
|
color: var(--note-icon);
|
|
594
|
-
`,titleColor:
|
|
601
|
+
`,titleColor:c.css`
|
|
595
602
|
color: var(--note-title);
|
|
596
|
-
`,containerColor:
|
|
603
|
+
`,containerColor:c.css`
|
|
597
604
|
background-color: var(--note-container);
|
|
598
|
-
`},success:{icon:
|
|
605
|
+
`},success:{icon:io,descriptionColor:c.css`
|
|
599
606
|
color: var(--success-desc);
|
|
600
|
-
`,iconColor:
|
|
607
|
+
`,iconColor:c.css`
|
|
601
608
|
color: var(--success-icon);
|
|
602
|
-
`,titleColor:
|
|
609
|
+
`,titleColor:c.css`
|
|
603
610
|
color: var(--success-title);
|
|
604
|
-
`,containerColor:
|
|
611
|
+
`,containerColor:c.css`
|
|
605
612
|
background-color: var(--success-container);
|
|
606
|
-
`},tip:{icon:
|
|
613
|
+
`},tip:{icon:ao,descriptionColor:c.css`
|
|
607
614
|
color: var(--success-desc);
|
|
608
|
-
`,iconColor:
|
|
615
|
+
`,iconColor:c.css`
|
|
609
616
|
color: var(--success-icon);
|
|
610
|
-
`,titleColor:
|
|
617
|
+
`,titleColor:c.css`
|
|
611
618
|
color: var(--success-title);
|
|
612
|
-
`,containerColor:
|
|
619
|
+
`,containerColor:c.css`
|
|
613
620
|
background-color: var(--success-container);
|
|
614
|
-
`}},
|
|
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`
|
|
615
622
|
0%, 100% {
|
|
616
623
|
opacity: 1.0;
|
|
617
624
|
transform: translateY(0);
|
|
@@ -627,14 +634,14 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
627
634
|
opacity: 0.2;
|
|
628
635
|
transform: translateY(-5px);
|
|
629
636
|
}
|
|
630
|
-
`,
|
|
637
|
+
`,go=V.css`
|
|
631
638
|
display: inline-flex;
|
|
632
639
|
justify-content: center;
|
|
633
|
-
`,
|
|
640
|
+
`,_=V.css`
|
|
634
641
|
background-color: var(--gray-700);
|
|
635
642
|
display: block;
|
|
636
643
|
border-radius: var(--rounded-full);
|
|
637
|
-
animation: ${
|
|
644
|
+
animation: ${vr} 0.75s infinite ease-in-out;
|
|
638
645
|
width: 8px;
|
|
639
646
|
height: 8px;
|
|
640
647
|
margin: 0 var(--spacing-xs);
|
|
@@ -651,53 +658,53 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
651
658
|
&:nth-of-type(3) {
|
|
652
659
|
animation-delay: 0.6s;
|
|
653
660
|
}
|
|
654
|
-
`;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`
|
|
655
662
|
align-items: center;
|
|
656
663
|
position: absolute;
|
|
657
664
|
inset: 0 0;
|
|
658
665
|
overflow: hidden;
|
|
659
666
|
z-index: 9999;
|
|
660
667
|
justify-content: center;
|
|
661
|
-
`,
|
|
668
|
+
`,vo=k.css`
|
|
662
669
|
display: flex;
|
|
663
|
-
`,
|
|
670
|
+
`,bo=k.css`
|
|
664
671
|
display: none;
|
|
665
|
-
`,
|
|
672
|
+
`,ho=k.css`
|
|
666
673
|
background: var(--white);
|
|
667
674
|
opacity: 0.5;
|
|
668
675
|
position: absolute;
|
|
669
676
|
inset: 0 0;
|
|
670
|
-
`,
|
|
677
|
+
`,yo=k.css`
|
|
671
678
|
align-items: center;
|
|
672
679
|
display: flex;
|
|
673
680
|
flex-direction: column;
|
|
674
|
-
`,
|
|
681
|
+
`,xo=k.css`
|
|
675
682
|
color: var(--gray-500);
|
|
676
683
|
margin: var(--spacing-base) 0 0;
|
|
677
|
-
`;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`
|
|
678
685
|
position: relative;
|
|
679
|
-
`},(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`
|
|
680
687
|
font-family: var(--ff-heading);
|
|
681
688
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
682
689
|
font-weight: var(--fw-bold);
|
|
683
690
|
margin-bottom: var(--spacing-base);
|
|
684
|
-
`,
|
|
691
|
+
`,So=C.css`
|
|
685
692
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
686
|
-
`,
|
|
693
|
+
`,Mo=C.css`
|
|
687
694
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
688
|
-
`,
|
|
695
|
+
`,Ro=C.css`
|
|
689
696
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
690
|
-
`,
|
|
697
|
+
`,Po=C.css`
|
|
691
698
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
692
|
-
`,
|
|
699
|
+
`,To=C.css`
|
|
693
700
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
694
|
-
`,
|
|
701
|
+
`,ko=C.css`
|
|
695
702
|
font-weight: var(--fw-bold);
|
|
696
703
|
font-family: var(--ff-base);
|
|
697
704
|
margin-bottom: var(--spacing-base);
|
|
698
|
-
`,
|
|
705
|
+
`,Lo=C.css`
|
|
699
706
|
line-height: 1.35;
|
|
700
|
-
`;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`
|
|
701
708
|
font-size: var(--fs-base);
|
|
702
709
|
line-height: 1.5;
|
|
703
710
|
margin-bottom: var(--spacing-base);
|
|
@@ -705,18 +712,18 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
705
712
|
&:last-of-type {
|
|
706
713
|
margin-bottom: 0;
|
|
707
714
|
}
|
|
708
|
-
`;var
|
|
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`
|
|
709
716
|
position: relative;
|
|
710
|
-
`,
|
|
717
|
+
`,Ho=ie.css`
|
|
711
718
|
background: var(--gray-50);
|
|
712
719
|
border-top: 1px solid var(--gray-200);
|
|
713
720
|
border-bottom: 1px solid var(--gray-200);
|
|
714
721
|
max-height: 24rem;
|
|
715
722
|
overflow-y: auto;
|
|
716
723
|
padding: var(--spacing-sm);
|
|
717
|
-
`;var
|
|
724
|
+
`;var wr=({label:o,children:r})=>(0,e.jsx)("div",{css:Eo},o?(0,e.jsx)("span",{css:Oo.css`
|
|
718
725
|
${h}
|
|
719
|
-
`},o):null,(0,e.jsx)("div",{css:[
|
|
726
|
+
`},o):null,(0,e.jsx)("div",{css:[Ho,F]},r));var q=require("@emotion/react"),Vo=q.css`
|
|
720
727
|
align-items: center;
|
|
721
728
|
background: var(--white);
|
|
722
729
|
border-radius: var(--rounded-base);
|
|
@@ -731,9 +738,9 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
731
738
|
&:last-of-type {
|
|
732
739
|
margin-block: 0;
|
|
733
740
|
}
|
|
734
|
-
`,
|
|
741
|
+
`,Go=q.css`
|
|
735
742
|
border-color: var(--brand-secondary-3);
|
|
736
|
-
`,
|
|
743
|
+
`,Ao=q.css`
|
|
737
744
|
align-items: center;
|
|
738
745
|
display: flex;
|
|
739
746
|
justify-content: space-between;
|
|
@@ -743,7 +750,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
743
750
|
&:focus {
|
|
744
751
|
outline: none;
|
|
745
752
|
}
|
|
746
|
-
`;var
|
|
753
|
+
`;var se=require("@emotion/react");var G=require("@emotion/react"),tn=G.keyframes`
|
|
747
754
|
0%,
|
|
748
755
|
100% {
|
|
749
756
|
transform: scale(1);
|
|
@@ -753,7 +760,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
753
760
|
transform: scale(1.15);
|
|
754
761
|
opacity: 1;
|
|
755
762
|
}
|
|
756
|
-
`,
|
|
763
|
+
`,Do=G.keyframes`
|
|
757
764
|
0% {
|
|
758
765
|
opacity: 0;
|
|
759
766
|
transform: translateY(10px);
|
|
@@ -762,7 +769,7 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
762
769
|
opacity: 1;
|
|
763
770
|
transform: translateY(0);
|
|
764
771
|
}
|
|
765
|
-
`,
|
|
772
|
+
`,nn=G.keyframes`
|
|
766
773
|
0% {
|
|
767
774
|
opacity: 1;
|
|
768
775
|
transform: translateY(0);
|
|
@@ -771,17 +778,48 @@ var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDes
|
|
|
771
778
|
opacity: 0;
|
|
772
779
|
transform: translateY(10px);
|
|
773
780
|
}
|
|
774
|
-
`,
|
|
781
|
+
`,an=G.keyframes`
|
|
775
782
|
0% {
|
|
776
783
|
opacity: 0;
|
|
777
784
|
}
|
|
778
785
|
100% {
|
|
779
786
|
opacity: 1;
|
|
780
787
|
}
|
|
781
|
-
`;var
|
|
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`
|
|
782
789
|
color: var(--brand-secondary-3);
|
|
783
790
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
784
|
-
${r?
|
|
785
|
-
animation: ${
|
|
791
|
+
${r?se.css`
|
|
792
|
+
animation: ${Do} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
786
793
|
`:"opacity: 0;"}
|
|
787
|
-
`},(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"}))));
|
|
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});
|