@uniformdev/design-system 16.0.0 → 16.0.1-alpha.221
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 +288 -122
- package/dist/index.d.ts +101 -36
- package/dist/index.js +288 -122
- package/package.json +14 -13
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Tr=Object.create;var N=Object.defineProperty;var Pr=Object.getOwnPropertyDescriptor;var Br=Object.getOwnPropertyNames;var zr=Object.getPrototypeOf,Er=Object.prototype.hasOwnProperty;var Hr=(o,r)=>{for(var t in r)N(o,t,{get:r[t],enumerable:!0})},be=(o,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Br(r))!Er.call(o,a)&&a!==t&&N(o,a,{get:()=>r[a],enumerable:!(n=Pr(r,a))||n.enumerable});return o};var v=(o,r,t)=>(t=o!=null?Tr(zr(o)):{},be(r||!o||!o.__esModule?N(t,"default",{value:o,enumerable:!0}):t,o)),Or=o=>be(N({},"__esModule",{value:!0}),o);var mt={};Hr(mt,{AddButton:()=>dt,Button:()=>Dr,ButtonWithMenu:()=>ct,Callout:()=>jr,Caption:()=>C,ErrorMessage:()=>S,Heading:()=>tt,Icon:()=>w,IconsProvider:()=>Zr,Input:()=>ie,InputComboBox:()=>Ur,InputInlineSelect:()=>$r,InputKeywordSearch:()=>Kr,InputSelect:()=>Yr,InputToggle:()=>Xr,Label:()=>P,Link:()=>at,LoadingIcon:()=>zo,LoadingIndicator:()=>ot,LoadingOverlay:()=>rt,Menu:()=>le,MenuContext:()=>se,MenuItem:()=>qr,Paragraph:()=>nt,ScrollableList:()=>it,ScrollableListItem:()=>st,ShortcutContext:()=>lt,ShortcutRevealer:()=>ve,Switch:()=>ut,Textarea:()=>_r,Theme:()=>Vr,UniformBadge:()=>Ar,UniformLogo:()=>Gr,breakpoints:()=>ye,input:()=>L,inputError:()=>R,inputSelect:()=>K,labelText:()=>b,mq:()=>ne,scrollbarStyles:()=>Y,useIconContext:()=>ae,useMenuContext:()=>ce});module.exports=Or(mt);var e=require("@emotion/react"),l=v(require("react"));var he=v(require("react")),Vr=({disableReset:o=!1})=>(0,e.jsx)(he.default.Fragment,null,(0,e.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:(0,e.jsx)("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
|
|
2
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 */
|
|
5
|
-
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
|
|
5
|
+
*:where(:not(iframe, canvas, img, svg, video, [hidden]):not(svg *)) {
|
|
6
6
|
all: unset;
|
|
7
7
|
display: revert;
|
|
8
8
|
}
|
|
@@ -130,6 +130,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
130
130
|
--z-10: 10;
|
|
131
131
|
|
|
132
132
|
/* opacity */
|
|
133
|
+
--opacity-50: 0.50;
|
|
133
134
|
--opacity-75: 0.75;
|
|
134
135
|
--opacity-100: 1.0;
|
|
135
136
|
|
|
@@ -155,6 +156,18 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
155
156
|
cursor: pointer;
|
|
156
157
|
}
|
|
157
158
|
|
|
159
|
+
fieldset {
|
|
160
|
+
border: 0;
|
|
161
|
+
padding: 0;
|
|
162
|
+
margin: 0;
|
|
163
|
+
min-width: 0;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
legend {
|
|
167
|
+
margin: 0;
|
|
168
|
+
padding: 0;
|
|
169
|
+
}
|
|
170
|
+
|
|
158
171
|
button, input, optgroup, select, textarea {
|
|
159
172
|
font-family: inherit;
|
|
160
173
|
font-size: inherit;
|
|
@@ -174,14 +187,14 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
174
187
|
pre {
|
|
175
188
|
white-space: pre;
|
|
176
189
|
}
|
|
177
|
-
`}}));var
|
|
190
|
+
`}}));var ye={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},ne=o=>`@media (min-width: ${ye[o]})`;var f=require("@emotion/react"),E=f.css`
|
|
178
191
|
position: relative;
|
|
179
|
-
`,
|
|
192
|
+
`,b=f.css`
|
|
180
193
|
display: flex;
|
|
181
194
|
font-weight: var(--fw-bold);
|
|
182
195
|
margin: 0 0 var(--spacing-xs);
|
|
183
196
|
align-items: center;
|
|
184
|
-
`,
|
|
197
|
+
`,L=f.css`
|
|
185
198
|
appearance: none;
|
|
186
199
|
background-color: var(--white);
|
|
187
200
|
border: 1px solid var(--gray-400);
|
|
@@ -211,34 +224,35 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
211
224
|
color: var(--gray-300);
|
|
212
225
|
border-color: var(--gray-300);
|
|
213
226
|
}
|
|
214
|
-
`,
|
|
227
|
+
`,R=f.css`
|
|
215
228
|
border-color: var(--brand-secondary-5);
|
|
216
|
-
`,
|
|
229
|
+
`,U=f.css`
|
|
217
230
|
align-items: center;
|
|
218
231
|
display: flex;
|
|
219
232
|
position: absolute;
|
|
220
233
|
inset: 0 var(--spacing-base) 0 auto;
|
|
221
234
|
pointer-event: one;
|
|
222
|
-
|
|
235
|
+
`,$=f.css`
|
|
223
236
|
padding-right: var(--spacing-2xl);
|
|
224
|
-
`,
|
|
237
|
+
`,K=f.css`
|
|
225
238
|
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");
|
|
226
239
|
background-position: right var(--spacing-sm) center;
|
|
227
240
|
background-repeat: no-repeat;
|
|
228
241
|
background-size: 1rem;
|
|
229
242
|
padding-right: var(--spacing-xl);
|
|
230
|
-
`,
|
|
243
|
+
`,xe=f.css`
|
|
231
244
|
color: var(--brand-secondary-1);
|
|
232
245
|
height: 1.25rem;
|
|
233
246
|
width: 1.25rem;
|
|
234
|
-
`,
|
|
247
|
+
`,we=f.css`
|
|
235
248
|
align-items: center;
|
|
236
249
|
cursor: pointer;
|
|
237
250
|
display: inline-flex;
|
|
238
251
|
gap: var(--spacing-sm);
|
|
239
252
|
margin: var(--spacing-sm) 0;
|
|
240
253
|
flex-wrap: wrap;
|
|
241
|
-
|
|
254
|
+
font-weight: var(--fw-regular);
|
|
255
|
+
`,Ce=f.css`
|
|
242
256
|
border: 1px solid var(--brand-secondary-1);
|
|
243
257
|
background: var(--white);
|
|
244
258
|
width: var(--spacing-md);
|
|
@@ -269,21 +283,21 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
269
283
|
color: var(--gray-300);
|
|
270
284
|
border-color: var(--gray-300);
|
|
271
285
|
}
|
|
272
|
-
`,
|
|
286
|
+
`,Se=f.css`
|
|
273
287
|
font-weight: var(--fw-medium);
|
|
274
|
-
`,
|
|
288
|
+
`,Ie=f.css`
|
|
275
289
|
cursor: not-allowed;
|
|
276
290
|
color: var(--gray-400);
|
|
277
|
-
`,
|
|
291
|
+
`,Re=f.css`
|
|
278
292
|
display: flex;
|
|
279
293
|
flex-direction: column;
|
|
280
294
|
flex-basis: 100%;
|
|
281
295
|
padding-left: var(--spacing-lg);
|
|
282
296
|
margin-top: -0.5rem;
|
|
283
297
|
line-height: 1.15;
|
|
284
|
-
`,
|
|
285
|
-
${
|
|
286
|
-
`;var
|
|
298
|
+
`,Me=f.css`
|
|
299
|
+
${L}
|
|
300
|
+
`;var ke=require("@emotion/react"),Y=ke.css`
|
|
287
301
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
288
302
|
/*
|
|
289
303
|
#d1d5db = bg-gray-300
|
|
@@ -309,15 +323,15 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
309
323
|
&::-webkit-scrollbar-thumb:hover {
|
|
310
324
|
background: var(--gray-500);
|
|
311
325
|
}
|
|
312
|
-
`;var
|
|
326
|
+
`;var X=require("@emotion/react"),_=X.css`
|
|
313
327
|
display: block;
|
|
314
|
-
`,
|
|
328
|
+
`,q=X.css`
|
|
315
329
|
background: transparent;
|
|
316
330
|
color: var(--brand-secondary-1);
|
|
317
|
-
`,
|
|
331
|
+
`,J=X.css`
|
|
318
332
|
background: var(--brand-secondary-1);
|
|
319
333
|
color: var(--white);
|
|
320
|
-
`;var
|
|
334
|
+
`;var Ar=({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"?J:q],...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 Gr=({theme:o="light",...r})=>(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"?J:q],...r},(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 He=v(require("react")),Oe=require("reakit/Button");var T=require("@emotion/react"),Le=T.css`
|
|
321
335
|
align-items: center;
|
|
322
336
|
border: 1px solid transparent;
|
|
323
337
|
cursor: pointer;
|
|
@@ -341,7 +355,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
341
355
|
&:disabled {
|
|
342
356
|
cursor: not-allowed;
|
|
343
357
|
}
|
|
344
|
-
`,
|
|
358
|
+
`,Te=T.css`
|
|
345
359
|
background: var(--brand-secondary-1);
|
|
346
360
|
color: var(--white);
|
|
347
361
|
|
|
@@ -349,7 +363,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
349
363
|
background: var(--gray-500);
|
|
350
364
|
color: var(--white);
|
|
351
365
|
}
|
|
352
|
-
`,
|
|
366
|
+
`,Pe=T.css`
|
|
353
367
|
background: var(--brand-secondary-5);
|
|
354
368
|
color: var(--white);
|
|
355
369
|
|
|
@@ -357,7 +371,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
357
371
|
background: var(--gray-500);
|
|
358
372
|
color: var(--white);
|
|
359
373
|
}
|
|
360
|
-
`,
|
|
374
|
+
`,Be=T.css`
|
|
361
375
|
background: var(--brand-secondary-2);
|
|
362
376
|
color: var(--brand-secondary-1);
|
|
363
377
|
|
|
@@ -365,7 +379,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
365
379
|
background: var(--brand-secondary-2);
|
|
366
380
|
color: var(--gray-400);
|
|
367
381
|
}
|
|
368
|
-
`,
|
|
382
|
+
`,ze=T.css`
|
|
369
383
|
background: transparent;
|
|
370
384
|
color: var(--brand-secondary-3);
|
|
371
385
|
|
|
@@ -378,7 +392,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
378
392
|
border-color: var(--gray-400);
|
|
379
393
|
color: var(--gray-400);
|
|
380
394
|
}
|
|
381
|
-
`,
|
|
395
|
+
`,Ee=T.css`
|
|
382
396
|
background: var(--brand-secondary-3);
|
|
383
397
|
color: var(--white);
|
|
384
398
|
|
|
@@ -386,10 +400,10 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
386
400
|
background: var(--gray-500);
|
|
387
401
|
color: var(--white);
|
|
388
402
|
}
|
|
389
|
-
`;var
|
|
403
|
+
`;var Dr=He.forwardRef(({buttonType:o="primary",size:r="md",children:t,...n},a)=>{let s={primary:Te,secondary:Pe,ghost:ze,unimportant:Be,tertiary:Ee},c={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)(Oe.Button,{ref:a,css:[Le,s[o],c[r]],...n},t)});var Ne=v(require("react"));var x=require("react"),Ve=require("param-case"),Ae=(0,x.createContext)({iconsMap:{},isLoading:!0});function ae(){return(0,x.useContext)(Ae)}function Zr({children:o}){let[r,t]=(0,x.useState)(!0),[n,a]=(0,x.useState)({});return(0,x.useEffect)(()=>{import("react-icons/cg").then(s=>{let c=Object.entries(s).reduce((u,[p,g])=>{if(p==="default")return u;let y=Fr(p);return{...u,[y]:g}},{});a(c),t(!1)})},[]),(0,e.jsx)(Ae.Provider,{value:{iconsMap:n,isLoading:r}},o)}function Fr(o){var r,t;return(t=(r=(0,Ve.paramCase)(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:r.join("-"))!=null?t:""}var H=require("@emotion/react");var Ge=H.css`
|
|
390
404
|
display: hidden;
|
|
391
405
|
|
|
392
|
-
${
|
|
406
|
+
${ne("sm")} {
|
|
393
407
|
display: block;
|
|
394
408
|
}
|
|
395
409
|
|
|
@@ -397,30 +411,30 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
397
411
|
display: block;
|
|
398
412
|
vertical-align: middle;
|
|
399
413
|
}
|
|
400
|
-
`,
|
|
414
|
+
`,De=H.css`
|
|
401
415
|
color: var(--brand-secondary-3);
|
|
402
|
-
`,
|
|
416
|
+
`,Ze=H.css`
|
|
403
417
|
color: var(--brand-secondary-5);
|
|
404
|
-
`,
|
|
418
|
+
`,Fe=H.css`
|
|
405
419
|
color: var(--gray-500);
|
|
406
|
-
`,
|
|
420
|
+
`,We=H.css`
|
|
407
421
|
color: currentColor;
|
|
408
|
-
`;var
|
|
422
|
+
`;var Nr=({icon:o,iconColor:r="green",size:t="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:s,isLoading:c}=ae(),u={green:De,gray:Fe,red:Ze,currentColor:We};if(a&&c)return null;let p=a?s[o]:o;return a&&p===void 0?(console.error(`We don't seem to have the icon you're looking for ("${o}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):(0,e.jsx)(p,{role:"img",size:t,...n,css:[Ge,u[r]]})},w=Ne.default.memo(Nr);var Ue=require("@emotion/react"),$e=Ue.css`
|
|
409
423
|
color: var(--gray-500);
|
|
410
424
|
display: block;
|
|
411
425
|
font-size: var(--fs-sm);
|
|
412
426
|
margin: var(--spacing-xs) 0;
|
|
413
427
|
max-width: var(--prose);
|
|
414
|
-
`;var
|
|
415
|
-
align-items:
|
|
428
|
+
`;var C=({children:o})=>(0,e.jsx)("small",{css:$e},o);var Xe=require("react-icons/md");var Ke=require("@emotion/react"),Ye=Ke.css`
|
|
429
|
+
align-items: center;
|
|
416
430
|
color: var(--brand-secondary-5);
|
|
417
431
|
display: flex;
|
|
418
432
|
gap: var(--spacing-sm);
|
|
419
433
|
margin: var(--spacing-xs) 0;
|
|
420
|
-
`;var
|
|
434
|
+
`;var S=({message:o})=>o?(0,e.jsx)("span",{css:Ye},(0,e.jsx)(w,{icon:Xe.MdWarning,size:16,iconColor:"currentColor"}),o):null;var _e=v(require("react"));var P=({children:o,className:r,...t})=>(0,e.jsx)("label",{css:[b,typeof r=="object"?r:void 0],className:typeof r=="string"?r:"",...t},o);var ie=({label:o,icon:r,id:t,caption:n,showLabel:a=!0,errorMessage:s,classNameContainer:c,classNameControl:u,classNameLabel:p,...g})=>(0,e.jsx)(_e.Fragment,null,a?(0,e.jsx)(P,{htmlFor:t,css:[b,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},o):null,(0,e.jsx)("div",{css:[E,typeof c=="object"?c:void 0],className:typeof c=="string"?c:""},(0,e.jsx)("input",{id:t,css:[L,typeof u=="object"?u:void 0,s?R:void 0,r?$:""],"aria-label":a?void 0:o,className:typeof u=="string"?u:"",...g}),r?(0,e.jsx)("div",{css:U},r):null),n?(0,e.jsx)(C,null,n):null,s?(0,e.jsx)(S,{message:s}):null);var qe=v(require("react-select"));function Ur(o){return(0,e.jsx)(qe.default,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(r,t)=>{var n,a;return{...r,...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,r,t),color:"#828282"}},valueContainer:(r,t)=>{var n,a;return{...r,...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,r,t),padding:"var(--spacing-base)"}},input:(r,t)=>{var n,a;return{...r,...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,r,t),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,t)=>({...r,className:"input-combobox-control",border:t.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:t.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}var ro=require("@emotion/react"),to=v(require("react")),Q=require("react");var O=require("@emotion/react"),Je=O.css`
|
|
421
435
|
margin-inline: auto;
|
|
422
436
|
max-width: fit-content;
|
|
423
|
-
`,
|
|
437
|
+
`,Qe=O.css`
|
|
424
438
|
align-items: center;
|
|
425
439
|
background: var(--brand-secondary-3);
|
|
426
440
|
border: 2px solid var(--brand-secondary-3);
|
|
@@ -443,7 +457,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
443
457
|
&:focus {
|
|
444
458
|
outline: 2px solid var(--brand-secondary-1);
|
|
445
459
|
}
|
|
446
|
-
|
|
460
|
+
`,je=O.css`
|
|
447
461
|
background: var(--white);
|
|
448
462
|
border: 1px solid var(--brand-secondary-3);
|
|
449
463
|
border-top: none;
|
|
@@ -453,7 +467,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
453
467
|
position: absolute;
|
|
454
468
|
inset: auto 0;
|
|
455
469
|
transform: translateY(-0.2rem);
|
|
456
|
-
`,
|
|
470
|
+
`,eo=O.css`
|
|
457
471
|
cursor: pointer;
|
|
458
472
|
display: block;
|
|
459
473
|
font-size: var(--fs-sm);
|
|
@@ -468,27 +482,27 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
468
482
|
&:hover {
|
|
469
483
|
background: var(--gray-50);
|
|
470
484
|
}
|
|
471
|
-
`,
|
|
485
|
+
`,oo=O.css`
|
|
472
486
|
position: absolute;
|
|
473
487
|
overflow: hidden;
|
|
474
488
|
height: 1px;
|
|
475
489
|
width: 1px;
|
|
476
490
|
clip: rect(0, 0, 0, 0);
|
|
477
491
|
padding: 0;
|
|
478
|
-
`;var
|
|
492
|
+
`;var no=require("react-icons/cg"),$r=({classNameContainer:o,options:r,value:t,onChange:n,disabled:a,...s})=>{var y;let[c,u]=(0,Q.useState)(!1),p=(0,Q.useRef)(null);to.useEffect(()=>{let m=k=>{p.current&&!p.current.contains(k.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?ro.css`
|
|
479
493
|
max-width: fit-content;
|
|
480
494
|
${typeof o=="object"?o:void 0}
|
|
481
|
-
`:
|
|
495
|
+
`:Je,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${s.id}`,"aria-expanded":c,css:Qe,onClick:()=>{a||u(m=>!m)},disabled:a,...s},(0,e.jsx)("span",null,(y=g==null?void 0:g.label)!=null?y:t),a?null:(0,e.jsx)(w,{icon:no.CgChevronDown,iconColor:"currentColor",size:24})),(0,e.jsx)("div",{id:`and-or-${s.id}`,css:[je,c?void 0:oo],"aria-hidden":!c},r.map(m=>(0,e.jsx)("button",{key:m.value,type:"button",css:eo,onClick:()=>{n(m),u(k=>!k)}},m.label))))};var Kr=({onSearchTextChanged:o,disabled:r=!1,placeholder:t="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:s})=>(0,e.jsx)(ie,{type:"text",name:n,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:xe},(0,e.jsx)("g",{clipPath:"url(#clip0)"},(0,e.jsx)("path",{d:"M11.539 0C5.48429 0 0.558105 4.74145 0.558105 10.5691C0.558105 16.3971 5.48429 21.1382 11.539 21.1382C17.594 21.1382 22.5199 16.3971 22.5199 10.5691C22.5199 4.74145 17.594 0 11.539 0ZM11.539 19.187C6.60198 19.187 2.58535 15.321 2.58535 10.5691C2.58535 5.81728 6.60198 1.95122 11.539 1.95122C16.476 1.95122 20.4926 5.81723 20.4926 10.5691C20.4926 15.321 16.476 19.187 11.539 19.187Z"}),(0,e.jsx)("path",{d:"M25.196 22.3344L19.3846 16.7409C18.9886 16.3598 18.3473 16.3598 17.9513 16.7409C17.5553 17.1217 17.5553 17.7397 17.9513 18.1205L23.7627 23.714C23.9607 23.9045 24.2199 23.9998 24.4794 23.9998C24.7385 23.9998 24.998 23.9045 25.196 23.714C25.592 23.3332 25.592 22.7153 25.196 22.3344Z"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"clip0"},(0,e.jsx)("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:p=>{o(p.currentTarget.value)},onKeyPress:p=>{p.key==="Enter"&&a&&p.preventDefault()},disabled:r,"aria-label":t});var Yr=({label:o,defaultOption:r,options:t,caption:n,errorMessage:a,showLabel:s=!0,labelCta:c,classNameContainer:u,classNameControl:p,classNameLabel:g,...y})=>(0,e.jsx)("div",{css:[E,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},s?(0,e.jsx)(l.Fragment,null,(0,e.jsx)(P,{htmlFor:y.id,css:[b,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},o,c)):null,(0,e.jsx)("select",{title:o,"aria-label":s?void 0:o,css:[L,K,a?R:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...y},r?(0,e.jsx)("option",{value:""},r):null,t.map((m,k)=>(0,e.jsx)("option",{key:k,value:m.label,...m}))),n?(0,e.jsx)(C,null,n):null,a?(0,e.jsx)(S,{message:a}):null);var Xr=({label:o,type:r,disabled:t,checked:n,name:a,caption:s,errorMessage:c,...u})=>(0,e.jsx)(P,{css:[we,t?Ie:void 0]},(0,e.jsx)("input",{type:r,css:Ce,checked:n,name:a,disabled:t,...u}),(0,e.jsx)("span",{css:Se},o),s||c?(0,e.jsx)("span",{css:Re},s?(0,e.jsx)(C,null,s):null,c?(0,e.jsx)(S,{message:c}):null):null);var ao=v(require("react"));var _r=({label:o,icon:r,id:t,caption:n,showLabel:a=!0,errorMessage:s,...c})=>(0,e.jsx)(ao.Fragment,null,a?(0,e.jsx)("label",{htmlFor:t,css:[b]},o):null,(0,e.jsx)("div",{css:[E]},(0,e.jsx)("textarea",{id:t,css:[Me,s?R:void 0,r?$:""],"aria-label":a?void 0:o,...c}),r?(0,e.jsx)("div",{css:U},r):null),n?(0,e.jsx)(C,null,n):null,s?(0,e.jsx)(S,{message:s}):null);var V=v(require("react")),A=require("reakit/Menu");var io=require("@emotion/react"),so=io.css`
|
|
482
496
|
border: 1px solid var(--gray-500);
|
|
483
497
|
border-radius: var(--rounded-base);
|
|
484
498
|
outline: none;
|
|
485
499
|
overflow: hidden;
|
|
486
500
|
z-index: 50;
|
|
487
|
-
`;var
|
|
501
|
+
`;var se=V.createContext({}),ce=()=>V.useContext(se),le=({menuLabel:o,menuTrigger:r,placement:t="auto",menuItemsContainerCssClasses:n,children:a})=>{let s=(0,A.useMenuState)({placement:t});return(0,e.jsx)(se.Provider,{value:s},(0,e.jsx)(A.MenuButton,{...s,ref:r.ref,...r.props},c=>V.cloneElement(r,c)),(0,e.jsx)(A.Menu,{...s,"aria-label":o,css:[so,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};var po=v(require("react")),uo=require("reakit");var pe=require("@emotion/react"),co=pe.css`
|
|
488
502
|
background: var(--white);
|
|
489
503
|
border-top: 1px solid var(--gray-500);
|
|
490
504
|
color: var(--brand-secondary-1);
|
|
491
|
-
display:
|
|
505
|
+
display: flex;
|
|
492
506
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
493
507
|
font-weight: var(--fw-bold);
|
|
494
508
|
width: 100%;
|
|
@@ -509,7 +523,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
509
523
|
&:hover {
|
|
510
524
|
background: var(--gray-200);
|
|
511
525
|
}
|
|
512
|
-
`,
|
|
526
|
+
`,lo=pe.css`
|
|
513
527
|
align-items: center;
|
|
514
528
|
display: flex;
|
|
515
529
|
justify-content: space-between;
|
|
@@ -520,7 +534,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
520
534
|
width: var(--spacing-base);
|
|
521
535
|
height: var(--spacing-base);
|
|
522
536
|
}
|
|
523
|
-
`;var
|
|
537
|
+
`;var qr=po.forwardRef(({children:o,className:r,hideMenuOnClick:t=!0,icon:n,...a},s)=>{let c=ce(),p=t?(y=>{let m={...y};if(m.onClick){let k=m.onClick;m.onClick=Lr=>{c.hide(),k(Lr)}}return m})(a):a,g=typeof o=="function"?o(p):o;return(0,e.jsx)(uo.MenuItem,{ref:s,"data-testid":"uniform-menuItem",...c,...p,css:[co,typeof r=="object"?r:void 0],className:typeof r=="string"?r:void 0},n?Jr(g,n):g)});function Jr(o,r){return(0,e.jsx)("span",{css:lo},o," ",r)}var d=require("@emotion/react");var mo=({...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"})),go=({...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"})),fo=({...o})=>(0,e.jsx)("svg",{role:"img","data-img":"note",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},(0,e.jsx)("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),vo=({...o})=>(0,e.jsx)("svg",{role:"img","data-img":"tip",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},(0,e.jsx)("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),de=({...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"})),bo=({...o})=>(0,e.jsx)("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));var B=require("@emotion/react"),ho=B.css`
|
|
524
538
|
--caution-desc: rgb(161, 98, 7);
|
|
525
539
|
--caution-icon: rgb(250, 204, 21);
|
|
526
540
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -548,77 +562,77 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
548
562
|
|
|
549
563
|
border-radius: var(--rounded-base);
|
|
550
564
|
padding: var(--spacing-base);
|
|
551
|
-
`,
|
|
565
|
+
`,yo=B.css`
|
|
552
566
|
display: flex;
|
|
553
567
|
gap: var(--spacing-base);
|
|
554
|
-
`,
|
|
568
|
+
`,xo=B.css`
|
|
555
569
|
flex-shrink: 0;
|
|
556
|
-
`,
|
|
570
|
+
`,wo=B.css`
|
|
557
571
|
font-size: var(--fs-sm);
|
|
558
572
|
font-weight: var(--fw-bold);
|
|
559
573
|
margin: 0 0 var(--spacing-sm);
|
|
560
|
-
`,
|
|
574
|
+
`,Co=B.css`
|
|
561
575
|
font-size: var(--fs-sm);
|
|
562
|
-
`,
|
|
576
|
+
`,So=B.css`
|
|
563
577
|
width: 1.25rem;
|
|
564
578
|
height: 1.25rem;
|
|
565
|
-
`;var
|
|
579
|
+
`;var Qr={caution:{icon:de,descriptionColor:d.css`
|
|
566
580
|
color: var(--caution-desc);
|
|
567
|
-
`,iconColor:
|
|
581
|
+
`,iconColor:d.css`
|
|
568
582
|
color: var(--caution-icon);
|
|
569
|
-
`,titleColor:
|
|
583
|
+
`,titleColor:d.css`
|
|
570
584
|
color: var(--caution-title);
|
|
571
|
-
`,containerColor:
|
|
585
|
+
`,containerColor:d.css`
|
|
572
586
|
background-color: var(--caution-container);
|
|
573
|
-
`},danger:{icon:
|
|
587
|
+
`},danger:{icon:go,descriptionColor:d.css`
|
|
574
588
|
color: var(--danger-desc);
|
|
575
|
-
`,iconColor:
|
|
589
|
+
`,iconColor:d.css`
|
|
576
590
|
color: var(--danger-icon);
|
|
577
|
-
`,titleColor:
|
|
591
|
+
`,titleColor:d.css`
|
|
578
592
|
color: var(--danger-title);
|
|
579
|
-
`,containerColor:
|
|
593
|
+
`,containerColor:d.css`
|
|
580
594
|
background-color: var(--danger-container);
|
|
581
|
-
`},error:{icon:
|
|
595
|
+
`},error:{icon:de,descriptionColor:d.css`
|
|
582
596
|
color: var(--danger-desc);
|
|
583
|
-
`,iconColor:
|
|
597
|
+
`,iconColor:d.css`
|
|
584
598
|
color: var(--danger-icon);
|
|
585
|
-
`,titleColor:
|
|
599
|
+
`,titleColor:d.css`
|
|
586
600
|
color: var(--danger-title);
|
|
587
|
-
`,containerColor:
|
|
601
|
+
`,containerColor:d.css`
|
|
588
602
|
background-color: var(--danger-container);
|
|
589
|
-
`},info:{icon:
|
|
603
|
+
`},info:{icon:mo,descriptionColor:d.css`
|
|
590
604
|
color: var(--info-desc);
|
|
591
|
-
`,iconColor:
|
|
605
|
+
`,iconColor:d.css`
|
|
592
606
|
color: var(--info-icon);
|
|
593
|
-
`,titleColor:
|
|
607
|
+
`,titleColor:d.css`
|
|
594
608
|
color: var(--info-title);
|
|
595
|
-
`,containerColor:
|
|
609
|
+
`,containerColor:d.css`
|
|
596
610
|
background-color: var(--info-container);
|
|
597
|
-
`},note:{icon:
|
|
611
|
+
`},note:{icon:fo,descriptionColor:d.css`
|
|
598
612
|
color: var(--note-desc);
|
|
599
|
-
`,iconColor:
|
|
613
|
+
`,iconColor:d.css`
|
|
600
614
|
color: var(--note-icon);
|
|
601
|
-
`,titleColor:
|
|
615
|
+
`,titleColor:d.css`
|
|
602
616
|
color: var(--note-title);
|
|
603
|
-
`,containerColor:
|
|
617
|
+
`,containerColor:d.css`
|
|
604
618
|
background-color: var(--note-container);
|
|
605
|
-
`},success:{icon:
|
|
619
|
+
`},success:{icon:bo,descriptionColor:d.css`
|
|
606
620
|
color: var(--success-desc);
|
|
607
|
-
`,iconColor:
|
|
621
|
+
`,iconColor:d.css`
|
|
608
622
|
color: var(--success-icon);
|
|
609
|
-
`,titleColor:
|
|
623
|
+
`,titleColor:d.css`
|
|
610
624
|
color: var(--success-title);
|
|
611
|
-
`,containerColor:
|
|
625
|
+
`,containerColor:d.css`
|
|
612
626
|
background-color: var(--success-container);
|
|
613
|
-
`},tip:{icon:
|
|
627
|
+
`},tip:{icon:vo,descriptionColor:d.css`
|
|
614
628
|
color: var(--success-desc);
|
|
615
|
-
`,iconColor:
|
|
629
|
+
`,iconColor:d.css`
|
|
616
630
|
color: var(--success-icon);
|
|
617
|
-
`,titleColor:
|
|
631
|
+
`,titleColor:d.css`
|
|
618
632
|
color: var(--success-title);
|
|
619
|
-
`,containerColor:
|
|
633
|
+
`,containerColor:d.css`
|
|
620
634
|
background-color: var(--success-container);
|
|
621
|
-
`}},
|
|
635
|
+
`}},jr=({type:o="info",title:r,children:t,className:n})=>{let a=Qr[o];if(!a)return null;let s=a.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[ho,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},(0,e.jsx)("div",{css:yo},(0,e.jsx)("div",{css:xo},(0,e.jsx)(s,{css:[So,a.iconColor]})),(0,e.jsx)("div",null,r?(0,e.jsx)("h3",{css:[wo,a.titleColor]},r):null,t?(0,e.jsx)("div",{css:[Co,a.descriptionColor]},t):null)))};var Z=require("@emotion/react"),et=Z.keyframes`
|
|
622
636
|
0%, 100% {
|
|
623
637
|
opacity: 1.0;
|
|
624
638
|
transform: translateY(0);
|
|
@@ -634,14 +648,14 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
634
648
|
opacity: 0.2;
|
|
635
649
|
transform: translateY(-5px);
|
|
636
650
|
}
|
|
637
|
-
`,
|
|
651
|
+
`,Io=Z.css`
|
|
638
652
|
display: inline-flex;
|
|
639
653
|
justify-content: center;
|
|
640
|
-
`,
|
|
654
|
+
`,j=Z.css`
|
|
641
655
|
background-color: var(--gray-700);
|
|
642
656
|
display: block;
|
|
643
657
|
border-radius: var(--rounded-full);
|
|
644
|
-
animation: ${
|
|
658
|
+
animation: ${et} 0.75s infinite ease-in-out;
|
|
645
659
|
width: 8px;
|
|
646
660
|
height: 8px;
|
|
647
661
|
margin: 0 var(--spacing-xs);
|
|
@@ -658,53 +672,53 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
658
672
|
&:nth-of-type(3) {
|
|
659
673
|
animation-delay: 0.6s;
|
|
660
674
|
}
|
|
661
|
-
`;var
|
|
675
|
+
`;var ot=()=>(0,e.jsx)("div",{css:Io,role:"alert"},(0,e.jsx)("span",{css:j}),(0,e.jsx)("span",{css:j}),(0,e.jsx)("span",{css:j}));var Bo=require("@emotion/react");var z=require("@emotion/react"),Ro=z.css`
|
|
662
676
|
align-items: center;
|
|
663
677
|
position: absolute;
|
|
664
678
|
inset: 0 0;
|
|
665
679
|
overflow: hidden;
|
|
666
680
|
z-index: 9999;
|
|
667
681
|
justify-content: center;
|
|
668
|
-
`,
|
|
682
|
+
`,Mo=z.css`
|
|
669
683
|
display: flex;
|
|
670
|
-
`,
|
|
684
|
+
`,ko=z.css`
|
|
671
685
|
display: none;
|
|
672
|
-
`,
|
|
686
|
+
`,Lo=z.css`
|
|
673
687
|
background: var(--white);
|
|
674
688
|
opacity: 0.5;
|
|
675
689
|
position: absolute;
|
|
676
690
|
inset: 0 0;
|
|
677
|
-
`,
|
|
691
|
+
`,To=z.css`
|
|
678
692
|
align-items: center;
|
|
679
693
|
display: flex;
|
|
680
694
|
flex-direction: column;
|
|
681
|
-
`,
|
|
695
|
+
`,Po=z.css`
|
|
682
696
|
color: var(--gray-500);
|
|
683
697
|
margin: var(--spacing-base) 0 0;
|
|
684
|
-
`;var
|
|
698
|
+
`;var rt=({isActive:o,statusMessage:r})=>(0,e.jsx)("div",{role:"alert",css:[Ro,o?Mo:ko],"aria-hidden":!o},(0,e.jsx)("div",{css:Lo}),(0,e.jsx)("div",{css:Bo.css`
|
|
685
699
|
position: relative;
|
|
686
|
-
`},(0,e.jsx)("div",{css:
|
|
700
|
+
`},(0,e.jsx)("div",{css:To},(0,e.jsx)(zo,{height:128,width:128}),r?(0,e.jsx)("div",{css:Po},r):null))),zo=({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 I=require("@emotion/react"),Eo=I.css`
|
|
687
701
|
font-family: var(--ff-heading);
|
|
688
702
|
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
689
703
|
font-weight: var(--fw-bold);
|
|
690
704
|
margin-bottom: var(--spacing-base);
|
|
691
|
-
`,
|
|
705
|
+
`,Ho=I.css`
|
|
692
706
|
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
693
|
-
`,
|
|
707
|
+
`,Oo=I.css`
|
|
694
708
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
695
|
-
`,
|
|
709
|
+
`,Vo=I.css`
|
|
696
710
|
font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
|
|
697
|
-
`,
|
|
711
|
+
`,Ao=I.css`
|
|
698
712
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
|
|
699
|
-
`,
|
|
713
|
+
`,Go=I.css`
|
|
700
714
|
font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
|
|
701
|
-
`,
|
|
715
|
+
`,Do=I.css`
|
|
702
716
|
font-weight: var(--fw-bold);
|
|
703
717
|
font-family: var(--ff-base);
|
|
704
718
|
margin-bottom: var(--spacing-base);
|
|
705
|
-
`,
|
|
719
|
+
`,Zo=I.css`
|
|
706
720
|
line-height: 1.35;
|
|
707
|
-
`;var
|
|
721
|
+
`;var tt=({level:o=2,children:r,...t})=>{let n=`h${o}`,a={h1:Eo,h2:Ho,h3:Oo,h4:Vo,h5:Ao,h6:Go},s=n.includes("h1")?void 0:Do;return(0,e.jsx)(n,{...t,css:[a[n],s,Zo]},r)};var Fo=require("@emotion/react"),Wo=Fo.css`
|
|
708
722
|
font-size: var(--fs-base);
|
|
709
723
|
line-height: 1.5;
|
|
710
724
|
margin-bottom: var(--spacing-base);
|
|
@@ -712,18 +726,31 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
712
726
|
&:last-of-type {
|
|
713
727
|
margin-bottom: 0;
|
|
714
728
|
}
|
|
715
|
-
`;var
|
|
729
|
+
`;var nt=({className:o,children:r,...t})=>(0,e.jsx)("p",{...t,css:[Wo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);var F=require("@emotion/react"),No=F.css`
|
|
730
|
+
display: inline-flex;
|
|
731
|
+
text-decoration: underline;
|
|
732
|
+
|
|
733
|
+
&:hover {
|
|
734
|
+
text-decoration: none;
|
|
735
|
+
}
|
|
736
|
+
`,Uo=F.css`
|
|
737
|
+
color: var(--brand-secondary-3);
|
|
738
|
+
`,$o=F.css`
|
|
739
|
+
color: var(--brand-secondary-5);
|
|
740
|
+
`,Ko=F.css`
|
|
741
|
+
color: currentColor;
|
|
742
|
+
`;var Yo=require("react-icons/cg"),at=({external:o,text:r,linkColor:t="currentColor",...n})=>(0,e.jsx)("a",{css:[No,{currentColor:Ko,red:$o,green:Uo}[t]],...n},r,o?(0,e.jsx)(w,{icon:Yo.CgExternal,iconColor:"currentColor",size:24}):null);var qo=require("@emotion/react");var ue=require("@emotion/react"),Xo=ue.css`
|
|
716
743
|
position: relative;
|
|
717
|
-
`,
|
|
744
|
+
`,_o=ue.css`
|
|
718
745
|
background: var(--gray-50);
|
|
719
746
|
border-top: 1px solid var(--gray-200);
|
|
720
747
|
border-bottom: 1px solid var(--gray-200);
|
|
721
748
|
max-height: 24rem;
|
|
722
749
|
overflow-y: auto;
|
|
723
750
|
padding: var(--spacing-sm);
|
|
724
|
-
`;var
|
|
725
|
-
${
|
|
726
|
-
`},o):null,(0,e.jsx)("div",{css:[
|
|
751
|
+
`;var it=({label:o,children:r})=>(0,e.jsx)("div",{css:Xo},o?(0,e.jsx)("span",{css:qo.css`
|
|
752
|
+
${b}
|
|
753
|
+
`},o):null,(0,e.jsx)("div",{css:[_o,Y]},r));var ee=require("@emotion/react"),Jo=ee.css`
|
|
727
754
|
align-items: center;
|
|
728
755
|
background: var(--white);
|
|
729
756
|
border-radius: var(--rounded-base);
|
|
@@ -738,9 +765,9 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
738
765
|
&:last-of-type {
|
|
739
766
|
margin-block: 0;
|
|
740
767
|
}
|
|
741
|
-
`,
|
|
768
|
+
`,Qo=ee.css`
|
|
742
769
|
border-color: var(--brand-secondary-3);
|
|
743
|
-
`,
|
|
770
|
+
`,jo=ee.css`
|
|
744
771
|
align-items: center;
|
|
745
772
|
display: flex;
|
|
746
773
|
justify-content: space-between;
|
|
@@ -750,7 +777,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
750
777
|
&:focus {
|
|
751
778
|
outline: none;
|
|
752
779
|
}
|
|
753
|
-
`;var
|
|
780
|
+
`;var me=require("@emotion/react");var W=require("@emotion/react"),ra=W.keyframes`
|
|
754
781
|
0%,
|
|
755
782
|
100% {
|
|
756
783
|
transform: scale(1);
|
|
@@ -760,7 +787,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
760
787
|
transform: scale(1.15);
|
|
761
788
|
opacity: 1;
|
|
762
789
|
}
|
|
763
|
-
`,
|
|
790
|
+
`,er=W.keyframes`
|
|
764
791
|
0% {
|
|
765
792
|
opacity: 0;
|
|
766
793
|
transform: translateY(10px);
|
|
@@ -769,7 +796,7 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
769
796
|
opacity: 1;
|
|
770
797
|
transform: translateY(0);
|
|
771
798
|
}
|
|
772
|
-
`,
|
|
799
|
+
`,ta=W.keyframes`
|
|
773
800
|
0% {
|
|
774
801
|
opacity: 1;
|
|
775
802
|
transform: translateY(0);
|
|
@@ -778,20 +805,20 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
778
805
|
opacity: 0;
|
|
779
806
|
transform: translateY(10px);
|
|
780
807
|
}
|
|
781
|
-
`,
|
|
808
|
+
`,na=W.keyframes`
|
|
782
809
|
0% {
|
|
783
810
|
opacity: 0;
|
|
784
811
|
}
|
|
785
812
|
100% {
|
|
786
813
|
opacity: 1;
|
|
787
814
|
}
|
|
788
|
-
`;var
|
|
815
|
+
`;var st=({buttonText:o,active:r,...t})=>(0,e.jsx)("div",{css:[Jo,r?Qo: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:jo,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:me.css`
|
|
789
816
|
color: var(--brand-secondary-3);
|
|
790
817
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
791
|
-
${r?
|
|
792
|
-
animation: ${
|
|
818
|
+
${r?me.css`
|
|
819
|
+
animation: ${er} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
793
820
|
`:"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
|
|
821
|
+
`},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));var ur=require("react-icons/cg");var h=require("@emotion/react"),or=h.css`
|
|
795
822
|
align-items: center;
|
|
796
823
|
border: 1px solid transparent;
|
|
797
824
|
color: var(--white);
|
|
@@ -810,16 +837,155 @@ var Yo=Object.create;var A=Object.defineProperty;var Ko=Object.getOwnPropertyDes
|
|
|
810
837
|
&:focus {
|
|
811
838
|
border-color: var(--gray-700);
|
|
812
839
|
}
|
|
813
|
-
`,
|
|
814
|
-
background: var(--brand-secondary-5);
|
|
815
|
-
`,Fo=O.css`
|
|
816
|
-
background: var(--gray-500);
|
|
817
|
-
`,No=O.css`
|
|
840
|
+
`,rr=h.css`
|
|
818
841
|
padding: var(--spacing-sm) var(--spacing-base);
|
|
819
842
|
font-weight: var(--fw-medium);
|
|
820
843
|
letter-spacing: 0.025rem;
|
|
821
844
|
line-height: 1.25;
|
|
822
|
-
|
|
845
|
+
`,tr=h.css`
|
|
823
846
|
padding: var(--spacing-sm);
|
|
824
847
|
border-left: 1px solid currentColor;
|
|
825
|
-
|
|
848
|
+
`,nr=h.css`
|
|
849
|
+
background: var(--brand-secondary-1);
|
|
850
|
+
color: var(--white);
|
|
851
|
+
`,ar=h.css`
|
|
852
|
+
background: var(--gray-500);
|
|
853
|
+
color: var(--white);
|
|
854
|
+
`,ir=h.css`
|
|
855
|
+
background: var(--brand-secondary-5);
|
|
856
|
+
color: var(--white);
|
|
857
|
+
`,sr=h.css`
|
|
858
|
+
background: var(--gray-500);
|
|
859
|
+
color: var(--white);
|
|
860
|
+
`,cr=h.css`
|
|
861
|
+
background: var(--brand-secondary-2);
|
|
862
|
+
color: var(--brand-secondary-1);
|
|
863
|
+
`,lr=h.css`
|
|
864
|
+
background: var(--brand-secondary-2);
|
|
865
|
+
color: var(--gray-400);
|
|
866
|
+
`,pr=h.css`
|
|
867
|
+
background: transparent;
|
|
868
|
+
color: var(--brand-secondary-3);
|
|
869
|
+
|
|
870
|
+
&:hover {
|
|
871
|
+
border-color: var(--brand-secondary-3);
|
|
872
|
+
}
|
|
873
|
+
`,dr=h.css`
|
|
874
|
+
background: transparent;
|
|
875
|
+
border-color: var(--gray-400);
|
|
876
|
+
color: var(--gray-400);
|
|
877
|
+
`;var ct=({onButtonClick:o,buttonType:r="secondary",buttonText:t,disabled:n,children:a,placement:s,...c})=>(0,e.jsx)("div",{css:[or,n?{primary:ar,secondary:sr,ghost:dr,unimportant:lr}[r]:{primary:nr,secondary:ir,ghost:pr,unimportant:cr}[r]],"data-test-id":"multioptions-button"},(0,e.jsx)("button",{type:"button",css:rr,disabled:n,...c,onClick:o,"data-test-id":"multioptions-button-main"},t),(0,e.jsx)(le,{menuLabel:"buttonMenu",placement:s,menuTrigger:(0,e.jsx)("div",{css:tr,"data-test-id":"multioptions-button-call-menu"},(0,e.jsx)(w,{icon:ur.CgChevronDown,size:24,iconColor:"currentColor"}))},a));var Cr=require("@emotion/react");var M=v(require("react"));var oe=require("@emotion/react"),mr=oe.css`
|
|
878
|
+
position: absolute;
|
|
879
|
+
`,gr=oe.css`
|
|
880
|
+
display: flex;
|
|
881
|
+
gap: var(--spacing-sm);
|
|
882
|
+
font-size: var(--fs-xs);
|
|
883
|
+
`,fr=oe.css`
|
|
884
|
+
background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
|
|
885
|
+
border-radius: var(--rounded-base);
|
|
886
|
+
border: 1px solid var(--gray-600);
|
|
887
|
+
box-shadow: var(--shadow-base);
|
|
888
|
+
padding: var(--spacing-xs) var(--spacing-sm);
|
|
889
|
+
`;var vr=require("react-hotkeys-hook"),G=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function ge(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function re({handler:o,shortcut:r,macShortcut:t,doNotPreventDefault:n,activeWhenEditing:a}){let s=G&&t?t:r;G&&!t&&(s=ge(r)),(0,vr.useHotkeys)(s!=null?s:"\u{1F4A9}",c=>{n||c.preventDefault(),o(c)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var br=!1,hr=M.default.createContext(!1),fe=["ctrl+F1","option+shift+/"];function lt({children:o}){let[r,t]=(0,M.useState)(!1);return(0,M.useEffect)(()=>{br||(br=!0,console.log(`Type ${yr(G?fe[1]:fe[0])} to show keyboard shortcuts`))},[]),re({shortcut:fe.join(","),handler:()=>{t(n=>!n)},activeWhenEditing:!0}),(0,e.jsx)(hr.Provider,{value:r},o)}function yr(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function ve({shortcut:o,macShortcut:r,className:t}){if(!(0,M.useContext)(hr)||!o.includes("+")&&o.length>1)return null;let a=G&&r?r:o;G&&!r&&(a=ge(o));let s=yr(a);return(0,e.jsx)("div",{css:[mr,typeof t=="object"?t:void 0],className:typeof t=="string"?t:""},(0,e.jsx)(pt,{shortcut:s}))}function pt({shortcut:o}){let r=o.split("+");return(0,e.jsx)("div",{css:gr},r.map(t=>(0,e.jsx)("span",{key:t,css:fr},t.toUpperCase())))}var xr=require("@emotion/react"),wr=xr.css`
|
|
890
|
+
--max-size: clamp(2.5rem, 100vw, 3.5rem);
|
|
891
|
+
align-items: center;
|
|
892
|
+
box-shadow: var(--shadow-base);
|
|
893
|
+
border-radius: var(--rounded-full);
|
|
894
|
+
border: none;
|
|
895
|
+
cursor: pointer;
|
|
896
|
+
display: inline-flex;
|
|
897
|
+
padding: 0;
|
|
898
|
+
transition: transform var(--duration-fast) var(--timing-ease-out);
|
|
899
|
+
transform: scale(0.95);
|
|
900
|
+
width: var(--max-size);
|
|
901
|
+
height: var(--max-size);
|
|
902
|
+
|
|
903
|
+
&:hover,
|
|
904
|
+
&:focus {
|
|
905
|
+
transform: scale(1);
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
& svg {
|
|
909
|
+
color: var(--brand-secondary-5);
|
|
910
|
+
}
|
|
911
|
+
`;var dt=({buttonText:o="Add",onClick:r,shortcut:t="ctrl+alt+n",macShortcut:n="option+n",...a})=>(re({shortcut:t,macShortcut:n,handler:r,activeWhenEditing:!0}),(0,e.jsx)("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:r,css:wr,...a},t?(0,e.jsx)(ve,{shortcut:t,css:Cr.css`
|
|
912
|
+
top: -2rem;
|
|
913
|
+
left: -1.5rem;
|
|
914
|
+
`}):null,(0,e.jsx)("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),(0,e.jsx)("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),(0,e.jsx)("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));var te=v(require("react"));var D=require("@emotion/react"),Sr=D.css`
|
|
915
|
+
cursor: pointer;
|
|
916
|
+
display: inline-block;
|
|
917
|
+
position: relative;
|
|
918
|
+
margin-right: var(--spacing-sm);
|
|
919
|
+
transition: var(--duration-fast) var(--timing-ease-out);
|
|
920
|
+
vertical-align: middle;
|
|
921
|
+
user-select: none;
|
|
922
|
+
`,Ir=D.css`
|
|
923
|
+
appearance: none;
|
|
924
|
+
border-radius: var(--rounded-full);
|
|
925
|
+
background-color: var(--white);
|
|
926
|
+
border: 2px solid var(--gray-400);
|
|
927
|
+
cursor: pointer;
|
|
928
|
+
position: absolute;
|
|
929
|
+
display: block;
|
|
930
|
+
width: var(--spacing-md);
|
|
931
|
+
height: var(--spacing-md);
|
|
932
|
+
transition: transform var(--duration-fast) var(--timing-ease-out),
|
|
933
|
+
background-color var(--duration-fast) var(--timing-ease-out),
|
|
934
|
+
background-image var(--duration-fast) var(--timing-ease-out);
|
|
935
|
+
z-index: var(--z-10);
|
|
936
|
+
|
|
937
|
+
&:focus {
|
|
938
|
+
outline: 3px solid var(--brand-secondary-1);
|
|
939
|
+
outline-offset: 2px;
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
&:checked {
|
|
943
|
+
background-color: var(--brand-secondary-3);
|
|
944
|
+
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='M10.5858 13.4142L7.75735 10.5858L6.34314 12L10.5858 16.2427L17.6568 9.1716L16.2426 7.75739L10.5858 13.4142Z' fill='%23fff' /%3E%3C/svg%3E");
|
|
945
|
+
background-position: center center;
|
|
946
|
+
border-color: var(--brand-secondary-3);
|
|
947
|
+
transform: translateX(var(--spacing-base));
|
|
948
|
+
|
|
949
|
+
&:hover,
|
|
950
|
+
&:focus {
|
|
951
|
+
border-color: var(--brand-secondary-1);
|
|
952
|
+
background-color: var(--brand-secondary-1);
|
|
953
|
+
}
|
|
954
|
+
}
|
|
955
|
+
|
|
956
|
+
&:disabled {
|
|
957
|
+
cursor: not-allowed;
|
|
958
|
+
}
|
|
959
|
+
`,Rr=D.css`
|
|
960
|
+
opacity: var(--opacity-50);
|
|
961
|
+
cursor: not-allowed;
|
|
962
|
+
|
|
963
|
+
& > :before {
|
|
964
|
+
cursor: not-allowed;
|
|
965
|
+
}
|
|
966
|
+
`,Mr=D.css`
|
|
967
|
+
align-items: center;
|
|
968
|
+
color: var(--brand-secondary-1);
|
|
969
|
+
display: inline-flex;
|
|
970
|
+
font-weight: var(--fw-bold);
|
|
971
|
+
line-height: 1.25;
|
|
972
|
+
padding-inline: var(--spacing-2xl) 0;
|
|
973
|
+
|
|
974
|
+
&:before {
|
|
975
|
+
border-radius: var(--rounded-full);
|
|
976
|
+
background-color: var(--gray-300);
|
|
977
|
+
content: '';
|
|
978
|
+
cursor: pointer;
|
|
979
|
+
display: block;
|
|
980
|
+
overflow: hidden;
|
|
981
|
+
width: var(--spacing-xl);
|
|
982
|
+
height: var(--spacing-md);
|
|
983
|
+
position: absolute;
|
|
984
|
+
left: 0;
|
|
985
|
+
top: 0;
|
|
986
|
+
}
|
|
987
|
+
`,kr=D.css`
|
|
988
|
+
color: var(--gray-500);
|
|
989
|
+
font-size: var(--fs-sm);
|
|
990
|
+
padding-inline: var(--spacing-2xl) 0;
|
|
991
|
+
`;var ut=te.forwardRef(({label:o,infoText:r,toggleText:t,children:n,...a},s)=>{let c=r;return r&&t&&(c=a.checked?t:r),(0,e.jsx)(te.Fragment,null,(0,e.jsx)("label",{css:[Sr,a.disabled?Rr:void 0]},(0,e.jsx)("input",{type:"checkbox",css:Ir,...a,ref:s}),(0,e.jsx)("span",{css:Mr},o)),c?(0,e.jsx)("p",{css:kr},c):null,n)});0&&(module.exports={AddButton,Button,ButtonWithMenu,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,Label,Link,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,Paragraph,ScrollableList,ScrollableListItem,ShortcutContext,ShortcutRevealer,Switch,Textarea,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});
|