@uniformdev/design-system 13.0.1-alpha.133 → 13.0.1-alpha.271
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 +58 -45
- package/dist/index.d.ts +14 -1
- package/dist/index.js +55 -42
- package/package.json +16 -12
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e}from"@emotion/react";import*as
|
|
1
|
+
import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"react";var _o=({disableReset:o=!1})=>e(fo.Fragment,null,e("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:e("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 */
|
|
@@ -163,6 +163,10 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
163
163
|
display: block;
|
|
164
164
|
vertical-align: middle;
|
|
165
165
|
}
|
|
166
|
+
|
|
167
|
+
pre {
|
|
168
|
+
white-space: pre;
|
|
169
|
+
}
|
|
166
170
|
`}}));import{css as b}from"@emotion/react";var B=b`
|
|
167
171
|
position: relative;
|
|
168
172
|
`,x=b`
|
|
@@ -170,7 +174,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
170
174
|
font-weight: var(--fw-bold);
|
|
171
175
|
margin: 0 0 var(--spacing-xs);
|
|
172
176
|
align-items: center;
|
|
173
|
-
`,
|
|
177
|
+
`,P=b`
|
|
174
178
|
appearance: none;
|
|
175
179
|
background-color: var(--white);
|
|
176
180
|
border: 1px solid var(--gray-400);
|
|
@@ -200,7 +204,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
200
204
|
color: var(--gray-300);
|
|
201
205
|
border-color: var(--gray-300);
|
|
202
206
|
}
|
|
203
|
-
`,
|
|
207
|
+
`,k=b`
|
|
204
208
|
border-color: var(--brand-secondary-5);
|
|
205
209
|
`,N=b`
|
|
206
210
|
align-items: center;
|
|
@@ -270,7 +274,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
270
274
|
padding-left: var(--spacing-lg);
|
|
271
275
|
margin-top: -0.5rem;
|
|
272
276
|
line-height: 1.15;
|
|
273
|
-
`;import{css as
|
|
277
|
+
`;import{css as vo}from"@emotion/react";var F=vo`
|
|
274
278
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
275
279
|
/*
|
|
276
280
|
#d1d5db = bg-gray-300
|
|
@@ -301,10 +305,10 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
301
305
|
`,E=Z`
|
|
302
306
|
background: transparent;
|
|
303
307
|
color: var(--brand-secondary-1);
|
|
304
|
-
`,
|
|
308
|
+
`,H=Z`
|
|
305
309
|
background: var(--brand-secondary-1);
|
|
306
310
|
color: var(--white);
|
|
307
|
-
`;var
|
|
311
|
+
`;var tr=({theme:o="light",...r})=>e("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:[z,o==="dark"?H:E],...r},e("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),e("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),e("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var ir=({theme:o="light"})=>e("div",{"data-test-id":"uniform-Logo"},e("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[z,o==="dark"?H:E]},e("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),e("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),e("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),e("path",{d:"M86.45 12.98h-4.076v14.87h4.076V12.98Zm.146-6.843h-4.371v4.076h4.37V6.137Zm5.861 1.993v4.85h-2.736v3.477h2.736V27.85h4.076V16.457h3.27V12.98h-3.27V9.617h3.27v-3.48h-3.896l-3.45 1.992Zm13.503 4.7-3.45 1.993v11.183l3.45 1.992h6.335l3.45-1.992V14.823l-3.45-1.992h-6.335Zm5.71 11.688h-5.087v-8.21h5.087v8.21Zm12.607-10.315-2.119-1.224h-1.954v14.87h4.076V16.457h5.115V12.98h-2.999l-2.119 1.224ZM71.034 12.83l-2.375 1.373-2.379-1.372h-1.6v15.018h4.075V16.31h5.084v11.54h4.076V14.823l-3.45-1.992h-3.431ZM56.145 24.517h-5.087V12.98h-4.073v13.027l3.45 1.992h3.593l2.111-1.22.003.002.003-.003v.003l2.108 1.218h1.965v-15.02h-4.073v11.538Zm93.68-11.687h-2.855l-2.794 1.604-2.767-1.603h-2.854l-2.111 1.218-2.111-1.218h-1.965v15.018h4.076V16.31h4.343v11.54h4.073V16.31h4.343v11.54h4.073V14.823l-3.451-1.992Z",fill:"currentColor"})));import*as te from"react";import{Button as bo}from"reakit/Button";import{css as w}from"@emotion/react";var Q=w`
|
|
308
312
|
align-items: center;
|
|
309
313
|
border: 1px solid transparent;
|
|
310
314
|
cursor: pointer;
|
|
@@ -373,7 +377,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
373
377
|
background: var(--gray-500);
|
|
374
378
|
color: var(--white);
|
|
375
379
|
}
|
|
376
|
-
`;var
|
|
380
|
+
`;var ur=te.forwardRef(({buttonType:o="primary",size:r="md",children:s,...t},n)=>{let l={primary:X,secondary:j,ghost:oe,unimportant:ee,tertiary:re},p={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 e(bo,{"data-testid":"uniform-button",ref:n,css:[Q,l[o],p[r]],...t},s)});import Mo from"react";import{createContext as ho,useContext as yo,useEffect as xo,useState as ne}from"react";import{paramCase as wo}from"param-case";var ae=ho({iconsMap:{},isLoading:!0});function ie(){return yo(ae)}function yr({children:o}){let[r,s]=ne(!0),[t,n]=ne({});return xo(()=>{import("react-icons/cg").then(l=>{let p=Object.entries(l).reduce((d,[m,f])=>{if(m==="default")return d;let v=Co(m);return{...d,[v]:f}},{});n(p),s(!1)})},[]),e(ae.Provider,{value:{iconsMap:t,isLoading:r}},o)}function Co(o){return wo(o.replace("Cg",""))}import{css as L}from"@emotion/react";var Io={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},se=o=>`@media (min-width: ${Io[o]})`;var le=L`
|
|
377
381
|
display: hidden;
|
|
378
382
|
|
|
379
383
|
${se("sm")} {
|
|
@@ -390,21 +394,21 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
390
394
|
color: var(--brand-secondary-5);
|
|
391
395
|
`,de=L`
|
|
392
396
|
color: var(--gray-500);
|
|
393
|
-
`,
|
|
397
|
+
`,me=L`
|
|
394
398
|
color: currentColor;
|
|
395
|
-
`;var
|
|
399
|
+
`;var Ro=({icon:o,iconColorClass:r="green",...s})=>{let t=typeof o=="string",{iconsMap:n,isLoading:l}=ie(),p={green:ce,gray:de,red:pe,currentColor:me};if(t&&l)return null;let d=t?n[o]:o;return t&&d===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):e(d,{role:"img",...s,css:[le,p[r]]})},ue=Mo.memo(Ro);import{css as Po}from"@emotion/react";var ge=Po`
|
|
396
400
|
color: var(--gray-500);
|
|
397
401
|
display: block;
|
|
398
402
|
font-size: var(--fs-base);
|
|
399
403
|
margin: var(--spacing-sm) 0;
|
|
400
404
|
max-width: var(--prose);
|
|
401
|
-
`;var C=({children:o})=>e("small",{css:ge},o);import{css as
|
|
405
|
+
`;var C=({children:o})=>e("small",{css:ge},o);import{css as ko}from"@emotion/react";var fe=ko`
|
|
402
406
|
align-items: center;
|
|
403
407
|
color: var(--brand-secondary-5);
|
|
404
408
|
display: flex;
|
|
405
409
|
gap: var(--spacing-sm);
|
|
406
410
|
margin: var(--spacing-xs) 0;
|
|
407
|
-
`;var I=({message:o})=>o?e("span",{css:fe},e("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{clipPath:"url(#a)"},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),e("defs",null,e("clipPath",{id:"a"},e("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;import*as ve from"react";var be=({label:o,icon:r,id:
|
|
411
|
+
`;var I=({message:o})=>o?e("span",{css:fe},e("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{clipPath:"url(#a)"},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),e("defs",null,e("clipPath",{id:"a"},e("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;import*as ve from"react";var be=({label:o,icon:r,id:s,caption:t,showLabel:n=!0,errorMessage:l,classNameContainer:p,classNameControl:d,classNameLabel:m,...f})=>e(ve.Fragment,null,n?e("label",{htmlFor:s,css:[x,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o):null,e("div",{css:[B,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},e("input",{id:s,css:[P,typeof d=="object"?d:void 0,l?k:void 0,r?U:""],"aria-label":n?void 0:o,className:typeof d=="string"?d:"",...f}),r?e("div",{css:N},r):null),t?e(C,null,t):null,l?e(I,{message:l}):null);import Lo from"react-select";function Dr(o){return e(Lo,{...o,styles:{...o.styles,singleValue:(r,s)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.singleValue)==null?void 0:n.call(t,r,s),color:"#828282"}},valueContainer:(r,s)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.valueContainer)==null?void 0:n.call(t,r,s),padding:"var(--spacing-base)"}},input:(r,s)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.input)==null?void 0:n.call(t,r,s),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,s)=>({...r,border:s.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:s.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}import{css as To}from"@emotion/react";import*as Ie from"react";import{useState as Bo,useRef as zo}from"react";import{css as T}from"@emotion/react";var he=T`
|
|
408
412
|
margin-inline: auto;
|
|
409
413
|
max-width: fit-content;
|
|
410
414
|
`,ye=T`
|
|
@@ -462,16 +466,16 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
462
466
|
width: 1px;
|
|
463
467
|
clip: rect(0, 0, 0, 0);
|
|
464
468
|
padding: 0;
|
|
465
|
-
`;import{CgChevronDown as
|
|
469
|
+
`;import{CgChevronDown as Eo}from"react-icons/cg";var Qr=({classNameContainer:o,options:r,value:s,onChange:t,disabled:n,...l})=>{var v;let[p,d]=Bo(!1),m=zo(null);Ie.useEffect(()=>{let g=y=>{m.current&&!m.current.contains(y.target)&&d(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[m]);let f=r.find(g=>g.value===s);return e("div",{ref:m,css:o?To`
|
|
466
470
|
max-width: fit-content;
|
|
467
471
|
${typeof o=="object"?o:void 0}
|
|
468
|
-
`:he,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${l.id}`,"aria-expanded":p,css:ye,onClick:()=>{n||d(g=>!g)},disabled:n,...l},e("span",null,(v=f==null?void 0:f.label)!=null?v:
|
|
472
|
+
`:he,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${l.id}`,"aria-expanded":p,css:ye,onClick:()=>{n||d(g=>!g)},disabled:n,...l},e("span",null,(v=f==null?void 0:f.label)!=null?v:s),n?null:e(ue,{icon:Eo,iconColorClass:"currentColor"})),e("div",{id:`and-or-${l.id}`,css:[xe,p?void 0:Ce],"aria-hidden":!p},r.map(g=>e("button",{key:g.value,type:"button",css:we,onClick:()=>{t(g),d(y=>!y)}},g.label))))};var ot=({onSearchTextChanged:o,disabled:r=!1,placeholder:s="Keyword search",inputFieldName:t="keywordSearch",disabledFieldSubmission:n=!1,value:l})=>e(be,{type:"text",name:t,placeholder:s,showLabel:!1,value:l,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:W},e("g",{clipPath:"url(#clip0)"},e("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"}),e("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"})),e("defs",null,e("clipPath",{id:"clip0"},e("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:m=>{o(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&n&&m.preventDefault()},disabled:r,"aria-label":s});var it=({label:o,defaultOption:r,options:s,caption:t,errorMessage:n,showLabel:l=!0,labelCta:p,classNameContainer:d,classNameControl:m,classNameLabel:f,...v})=>e("div",{css:[B,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},l?e("label",{htmlFor:v.id,css:[x,typeof f=="object"?f:void 0],className:typeof f=="string"?f:""},o,p):null,e("select",{title:o,"aria-label":l?void 0:o,css:[P,G,n?k:void 0,typeof m=="object"?m:void 0],className:typeof m=="string"?m:"",...v},r?e("option",{value:""},r):null,s.map((g,y)=>e("option",{key:y,value:g.label,...g}))),t?e(C,null,t):null,n?e(I,{message:n}):null);var pt=({label:o,type:r,disabled:s,checked:t,name:n,caption:l,errorMessage:p,...d})=>e("label",{css:[Y,s?q:void 0]},e("input",{type:r,css:K,checked:t,name:n,disabled:s,...d}),e("span",{css:_},o),l||p?e("span",{css:J},l?e(C,null,l):null,p?e(I,{message:p}):null):null);import*as S from"react";import{useMenuState as Vo,Menu as Oo,MenuButton as Go}from"reakit/Menu";import{css as Ho}from"@emotion/react";var Se=Ho`
|
|
469
473
|
border: 1px solid var(--gray-500);
|
|
470
474
|
border-radius: var(--rounded-base);
|
|
471
475
|
outline: none;
|
|
472
476
|
overflow: hidden;
|
|
473
477
|
z-index: 50;
|
|
474
|
-
`;var Me=S.createContext({}),Re=()=>S.useContext(Me),
|
|
478
|
+
`;var Me=S.createContext({}),Re=()=>S.useContext(Me),yt=({menuLabel:o,menuTrigger:r,placement:s="auto",children:t})=>{let n=Vo({placement:s});return e(Me.Provider,{value:n},e(Go,{...n,ref:r.ref,...r.props},l=>S.cloneElement(r,l)),e(Oo,{...n,"aria-label":o,css:Se},t))};import*as Be from"react";import{MenuItem as Le}from"reakit";import{css as Pe}from"@emotion/react";var A=Pe`
|
|
475
479
|
background: var(--white);
|
|
476
480
|
border-top: 1px solid var(--gray-500);
|
|
477
481
|
color: var(--brand-secondary-1);
|
|
@@ -496,7 +500,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
496
500
|
&:hover {
|
|
497
501
|
background: var(--gray-200);
|
|
498
502
|
}
|
|
499
|
-
`,Pe
|
|
503
|
+
`,ke=Pe`
|
|
500
504
|
align-items: center;
|
|
501
505
|
display: flex;
|
|
502
506
|
justify-content: space-between;
|
|
@@ -507,7 +511,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
507
511
|
width: var(--spacing-base);
|
|
508
512
|
height: var(--spacing-base);
|
|
509
513
|
}
|
|
510
|
-
`;var
|
|
514
|
+
`;var Pt=Be.forwardRef(({children:o,className:r,hideMenuOnClick:s=!0,icon:t,...n},l)=>{let p=Re(),d=f=>{let v={...f};if(v.onClick){let g=v.onClick;v.onClick=y=>{p.hide(),g(y)}}return v};if(typeof o=="function")return e(Le,{ref:l,"data-testid":"uniform-menuItem",...p,...n,css:A},f=>{let v=s?d(f):f,g=o(v);return t?Te(g,t):g});let m=s?d(n):n;return e(Le,{ref:l,...p,...m,css:A},t?Te(o,t):o)});function Te(o,r){return e("span",{css:ke},o," ",r)}import{css as c}from"@emotion/react";var ze=({...o})=>e("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},e("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"})),Ee=({...o})=>e("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},e("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"})),He=({...o})=>e("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},e("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"})),Ve=({...o})=>e("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},e("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"})),D=({...o})=>e("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},e("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),Oe=({...o})=>e("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},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as M}from"@emotion/react";var Ge=M`
|
|
511
515
|
--caution-desc: rgb(161, 98, 7);
|
|
512
516
|
--caution-icon: rgb(250, 204, 21);
|
|
513
517
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -549,7 +553,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
549
553
|
`,$e=M`
|
|
550
554
|
width: 1.25rem;
|
|
551
555
|
height: 1.25rem;
|
|
552
|
-
`;var
|
|
556
|
+
`;var Fo={caution:{icon:D,descriptionColor:c`
|
|
553
557
|
color: var(--caution-desc);
|
|
554
558
|
`,iconColor:c`
|
|
555
559
|
color: var(--caution-icon);
|
|
@@ -581,7 +585,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
581
585
|
color: var(--info-title);
|
|
582
586
|
`,containerColor:c`
|
|
583
587
|
background-color: var(--info-container);
|
|
584
|
-
`},note:{icon:
|
|
588
|
+
`},note:{icon:He,descriptionColor:c`
|
|
585
589
|
color: var(--note-desc);
|
|
586
590
|
`,iconColor:c`
|
|
587
591
|
color: var(--note-icon);
|
|
@@ -597,7 +601,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
597
601
|
color: var(--success-title);
|
|
598
602
|
`,containerColor:c`
|
|
599
603
|
background-color: var(--success-container);
|
|
600
|
-
`},tip:{icon:
|
|
604
|
+
`},tip:{icon:Ve,descriptionColor:c`
|
|
601
605
|
color: var(--success-desc);
|
|
602
606
|
`,iconColor:c`
|
|
603
607
|
color: var(--success-icon);
|
|
@@ -605,7 +609,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
605
609
|
color: var(--success-title);
|
|
606
610
|
`,containerColor:c`
|
|
607
611
|
background-color: var(--success-container);
|
|
608
|
-
`}},
|
|
612
|
+
`}},Ot=({type:o="info",title:r,children:s,className:t})=>{let n=Fo[o];if(!n)return null;let l=n.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Ge,n.containerColor,typeof t=="object"?t:""],className:`${typeof t=="string"?t:""}`},e("div",{css:Fe},e("div",{css:Ze},e(l,{css:[$e,n.iconColor]})),e("div",null,r?e("h3",{css:[Ae,n.titleColor]},r):null,s?e("div",{css:[De,n.descriptionColor]},s):null)))};import{css as Ne,keyframes as Zo}from"@emotion/react";var Ao=Zo`
|
|
609
613
|
0%, 100% {
|
|
610
614
|
opacity: 1.0;
|
|
611
615
|
transform: translateY(0);
|
|
@@ -624,11 +628,11 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
624
628
|
`,Ue=Ne`
|
|
625
629
|
display: inline-flex;
|
|
626
630
|
justify-content: center;
|
|
627
|
-
`,
|
|
631
|
+
`,V=Ne`
|
|
628
632
|
background-color: var(--gray-700);
|
|
629
633
|
display: block;
|
|
630
634
|
border-radius: var(--rounded-full);
|
|
631
|
-
animation: ${
|
|
635
|
+
animation: ${Ao} 0.75s infinite ease-in-out;
|
|
632
636
|
width: 8px;
|
|
633
637
|
height: 8px;
|
|
634
638
|
margin: 0 var(--spacing-xs);
|
|
@@ -645,7 +649,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
645
649
|
&:nth-of-type(3) {
|
|
646
650
|
animation-delay: 0.6s;
|
|
647
651
|
}
|
|
648
|
-
`;var
|
|
652
|
+
`;var Dt=()=>e("div",{css:Ue,role:"alert"},e("span",{css:V}),e("span",{css:V}),e("span",{css:V}));import{css as Do}from"@emotion/react";import{css as R}from"@emotion/react";var We=R`
|
|
649
653
|
align-items: center;
|
|
650
654
|
position: absolute;
|
|
651
655
|
inset: 0 0;
|
|
@@ -668,14 +672,15 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
668
672
|
`,Je=R`
|
|
669
673
|
color: var(--gray-500);
|
|
670
674
|
margin: var(--spacing-base) 0 0;
|
|
671
|
-
`;var
|
|
675
|
+
`;var Kt=({isActive:o,statusMessage:r})=>e("div",{role:"alert",css:[We,o?Ye:Ke],"aria-hidden":!o},e("div",{css:_e}),e("div",{css:Do`
|
|
672
676
|
position: relative;
|
|
673
|
-
`},e("div",{css:qe},e(
|
|
677
|
+
`},e("div",{css:qe},e($o,{height:128,width:128}),r?e("div",{css:Je},r):null))),$o=({height:o,width:r})=>e("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"},e("g",{fill:"none",fillRule:"evenodd"},e("g",{transform:"translate(1 1)",strokeWidth:"2"},e("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),e("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));import{css as h}from"@emotion/react";var Qe=h`
|
|
674
678
|
font-family: var(--ff-heading);
|
|
675
|
-
font-size: clamp(1.
|
|
676
|
-
font-weight: var(--
|
|
679
|
+
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
680
|
+
font-weight: var(--fw-bold);
|
|
681
|
+
margin-bottom: var(--spacing-base);
|
|
677
682
|
`,Xe=h`
|
|
678
|
-
font-size: clamp(1.35rem, var(--fluid-font-base),
|
|
683
|
+
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
679
684
|
`,je=h`
|
|
680
685
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
681
686
|
`,eo=h`
|
|
@@ -687,20 +692,29 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
687
692
|
`,to=h`
|
|
688
693
|
font-weight: var(--fw-bold);
|
|
689
694
|
font-family: var(--ff-base);
|
|
690
|
-
|
|
695
|
+
margin-bottom: var(--spacing-base);
|
|
696
|
+
`,no=h`
|
|
691
697
|
line-height: 1.35;
|
|
692
|
-
`;var
|
|
698
|
+
`;var Xt=({level:o=2,children:r})=>{let s=`h${o}`,t={h1:Qe,h2:Xe,h3:je,h4:eo,h5:oo,h6:ro},n=s.includes("h1")?void 0:to;return e(s,{css:[t[s],n,no]},r)};import{css as No}from"@emotion/react";var ao=No`
|
|
699
|
+
font-size: var(--fs-base);
|
|
700
|
+
line-height: 1.5;
|
|
701
|
+
margin-bottom: var(--spacing-base);
|
|
702
|
+
|
|
703
|
+
&:last-of-type {
|
|
704
|
+
margin-bottom: 0;
|
|
705
|
+
}
|
|
706
|
+
`;var tn=({className:o,children:r})=>e("p",{css:[ao,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);import{css as Uo}from"@emotion/react";import{css as io}from"@emotion/react";var so=io`
|
|
693
707
|
position: relative;
|
|
694
|
-
`,io
|
|
708
|
+
`,lo=io`
|
|
695
709
|
background: var(--gray-50);
|
|
696
710
|
border-top: 1px solid var(--gray-200);
|
|
697
711
|
border-bottom: 1px solid var(--gray-200);
|
|
698
712
|
max-height: 24rem;
|
|
699
713
|
overflow-y: auto;
|
|
700
714
|
padding: var(--spacing-sm);
|
|
701
|
-
`;var
|
|
715
|
+
`;var dn=({label:o,children:r})=>e("div",{css:so},o?e("span",{css:Uo`
|
|
702
716
|
${x}
|
|
703
|
-
`},o):null,e("div",{css:[
|
|
717
|
+
`},o):null,e("div",{css:[lo,F]},r));import{css as $}from"@emotion/react";var co=$`
|
|
704
718
|
align-items: center;
|
|
705
719
|
background: var(--white);
|
|
706
720
|
border-radius: var(--rounded-base);
|
|
@@ -708,17 +722,16 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
708
722
|
border: 2px solid var(--gray-200);
|
|
709
723
|
display: flex;
|
|
710
724
|
padding: var(--spacing-3);
|
|
711
|
-
margin-block: var(--spacing-sm);
|
|
725
|
+
margin-block: 0 var(--spacing-sm);
|
|
712
726
|
min-height: 52px;
|
|
713
727
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
714
728
|
|
|
715
|
-
&:first-of-type,
|
|
716
729
|
&:last-of-type {
|
|
717
730
|
margin-block: 0;
|
|
718
731
|
}
|
|
719
|
-
`,
|
|
732
|
+
`,po=$`
|
|
720
733
|
border-color: var(--brand-secondary-3);
|
|
721
|
-
`,
|
|
734
|
+
`,mo=$`
|
|
722
735
|
align-items: center;
|
|
723
736
|
display: flex;
|
|
724
737
|
justify-content: space-between;
|
|
@@ -728,7 +741,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
728
741
|
&:focus {
|
|
729
742
|
outline: none;
|
|
730
743
|
}
|
|
731
|
-
`;import{css as
|
|
744
|
+
`;import{css as go}from"@emotion/react";import{keyframes as O}from"@emotion/react";var vn=O`
|
|
732
745
|
0%,
|
|
733
746
|
100% {
|
|
734
747
|
transform: scale(1);
|
|
@@ -738,7 +751,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
738
751
|
transform: scale(1.15);
|
|
739
752
|
opacity: 1;
|
|
740
753
|
}
|
|
741
|
-
`,
|
|
754
|
+
`,uo=O`
|
|
742
755
|
0% {
|
|
743
756
|
opacity: 0;
|
|
744
757
|
transform: translateY(10px);
|
|
@@ -747,7 +760,7 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
747
760
|
opacity: 1;
|
|
748
761
|
transform: translateY(0);
|
|
749
762
|
}
|
|
750
|
-
`,
|
|
763
|
+
`,bn=O`
|
|
751
764
|
0% {
|
|
752
765
|
opacity: 1;
|
|
753
766
|
transform: translateY(0);
|
|
@@ -756,17 +769,17 @@ import{jsx as e}from"@emotion/react";import*as m from"react";import mo from"reac
|
|
|
756
769
|
opacity: 0;
|
|
757
770
|
transform: translateY(10px);
|
|
758
771
|
}
|
|
759
|
-
`,
|
|
772
|
+
`,hn=O`
|
|
760
773
|
0% {
|
|
761
774
|
opacity: 0;
|
|
762
775
|
}
|
|
763
776
|
100% {
|
|
764
777
|
opacity: 1;
|
|
765
778
|
}
|
|
766
|
-
`;var
|
|
779
|
+
`;var In=({buttonText:o,active:r,...s})=>e("div",{css:[co,r?po:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},e("button",{css:mo,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...s},e("span",null,o),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!r,css:go`
|
|
767
780
|
color: var(--brand-secondary-3);
|
|
768
781
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
769
|
-
${r?
|
|
770
|
-
animation: ${
|
|
782
|
+
${r?go`
|
|
783
|
+
animation: ${uo} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
771
784
|
`:"opacity: 0;"}
|
|
772
|
-
`},e("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"}))));export{
|
|
785
|
+
`},e("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"}))));export{ur as Button,Ot as Callout,C as Caption,I as ErrorMessage,Xt as Heading,ue as Icon,yr as IconsProvider,be as Input,Dr as InputComboBox,Qr as InputInlineSelect,ot as InputKeywordSearch,it as InputSelect,pt as InputToggle,$o as LoadingIcon,Dt as LoadingIndicator,Kt as LoadingOverlay,yt as Menu,Me as MenuContext,Pt as MenuItem,tn as Paragraph,dn as ScrollableList,In as ScrollableListItem,_o as Theme,tr as UniformBadge,ir as UniformLogo,Io as breakpoints,P as input,k as inputError,G as inputSelect,x as labelText,se as mq,F as scrollbarStyles,ie as useIconContext,Re as useMenuContext};
|
package/dist/index.d.ts
CHANGED
|
@@ -368,6 +368,19 @@ declare type HeadingProps = {
|
|
|
368
368
|
*/
|
|
369
369
|
declare const Heading: React$1.FC<HeadingProps>;
|
|
370
370
|
|
|
371
|
+
declare type ParagraphProps = {
|
|
372
|
+
children: React$1.ReactNode;
|
|
373
|
+
className?: SerializedStyles | string;
|
|
374
|
+
};
|
|
375
|
+
/**
|
|
376
|
+
* Component for generic paragraph tags
|
|
377
|
+
* @component
|
|
378
|
+
* @param {number} className - allows user to set overriding class names or emotion styles
|
|
379
|
+
* @param {children} children - adds child elements to the paragraph tag
|
|
380
|
+
* @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
|
|
381
|
+
*/
|
|
382
|
+
declare const Paragraph: ({ className, children }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
383
|
+
|
|
371
384
|
declare type ScrollableListProps = {
|
|
372
385
|
label?: string;
|
|
373
386
|
children?: React$1.ReactNode;
|
|
@@ -405,4 +418,4 @@ declare const breakpoints: breakpointsProps;
|
|
|
405
418
|
*/
|
|
406
419
|
declare const mq: (size: breakpointSizeProps) => string;
|
|
407
420
|
|
|
408
|
-
export { Button, ButtonProps, ButtonSizeProps, ButtonThemeProps, Callout, CalloutProps, CalloutType, Caption, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColorProps, IconProps, IconsProvider, InlineSelectInputOption, InlineSelectInputProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, LevelProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };
|
|
421
|
+
export { Button, ButtonProps, ButtonSizeProps, ButtonThemeProps, Callout, CalloutProps, CalloutType, Caption, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColorProps, IconProps, IconsProvider, InlineSelectInputOption, InlineSelectInputProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, LevelProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDescriptor;var Go=Object.getOwnPropertyNames;var Fo=Object.getPrototypeOf,Zo=Object.prototype.hasOwnProperty;var Ao=(o,r)=>{for(var n in r)V(o,n,{get:r[n],enumerable:!0})},ne=(o,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Go(r))!Zo.call(o,t)&&t!==n&&V(o,t,{get:()=>r[t],enumerable:!(a=Oo(r,t))||a.enumerable});return o};var b=(o,r,n)=>(n=o!=null?Vo(Fo(o)):{},ne(r||!o||!o.__esModule?V(n,"default",{value:o,enumerable:!0}):n,o)),Do=o=>ne(V({},"__esModule",{value:!0}),o);var mr={};Ao(mr,{Button:()=>Wo,Callout:()=>nr,Caption:()=>I,ErrorMessage:()=>S,Heading:()=>lr,Icon:()=>_,IconsProvider:()=>Yo,Input:()=>q,InputComboBox:()=>Jo,InputInlineSelect:()=>Qo,InputKeywordSearch:()=>Xo,InputSelect:()=>jo,InputToggle:()=>er,LoadingIcon:()=>bo,LoadingIndicator:()=>ir,LoadingOverlay:()=>sr,Menu:()=>or,MenuContext:()=>J,MenuItem:()=>rr,Paragraph:()=>cr,ScrollableList:()=>pr,ScrollableListItem:()=>dr,Theme:()=>$o,UniformBadge:()=>No,UniformLogo:()=>Uo,breakpoints:()=>Me,input:()=>P,inputError:()=>k,inputSelect:()=>G,labelText:()=>x,mq:()=>K,scrollbarStyles:()=>F,useIconContext:()=>Y,useMenuContext:()=>Q});module.exports=Do(mr);var e=require("@emotion/react"),m=b(require("react"));var ae=b(require("react")),$o=({disableReset:o=!1})=>(0,e.jsx)(ae.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 */
|
|
@@ -163,6 +163,10 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
163
163
|
display: block;
|
|
164
164
|
vertical-align: middle;
|
|
165
165
|
}
|
|
166
|
+
|
|
167
|
+
pre {
|
|
168
|
+
white-space: pre;
|
|
169
|
+
}
|
|
166
170
|
`}}));var v=require("@emotion/react"),O=v.css`
|
|
167
171
|
position: relative;
|
|
168
172
|
`,x=v.css`
|
|
@@ -170,7 +174,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
170
174
|
font-weight: var(--fw-bold);
|
|
171
175
|
margin: 0 0 var(--spacing-xs);
|
|
172
176
|
align-items: center;
|
|
173
|
-
`,
|
|
177
|
+
`,P=v.css`
|
|
174
178
|
appearance: none;
|
|
175
179
|
background-color: var(--white);
|
|
176
180
|
border: 1px solid var(--gray-400);
|
|
@@ -200,7 +204,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
200
204
|
color: var(--gray-300);
|
|
201
205
|
border-color: var(--gray-300);
|
|
202
206
|
}
|
|
203
|
-
`,
|
|
207
|
+
`,k=v.css`
|
|
204
208
|
border-color: var(--brand-secondary-5);
|
|
205
209
|
`,ie=v.css`
|
|
206
210
|
align-items: center;
|
|
@@ -260,10 +264,10 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
260
264
|
}
|
|
261
265
|
`,de=v.css`
|
|
262
266
|
font-weight: var(--font-medium);
|
|
263
|
-
`,
|
|
267
|
+
`,me=v.css`
|
|
264
268
|
cursor: not-allowed;
|
|
265
269
|
color: var(--gray-400);
|
|
266
|
-
`,
|
|
270
|
+
`,ue=v.css`
|
|
267
271
|
display: flex;
|
|
268
272
|
flex-direction: column;
|
|
269
273
|
flex-basis: 100%;
|
|
@@ -304,7 +308,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
304
308
|
`,$=Z.css`
|
|
305
309
|
background: var(--brand-secondary-1);
|
|
306
310
|
color: var(--white);
|
|
307
|
-
`;var
|
|
311
|
+
`;var No=({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:[A,o==="dark"?$:D],...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 Uo=({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:[A,o==="dark"?$:D]},(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 we=b(require("react")),Ce=require("reakit/Button");var C=require("@emotion/react"),fe=C.css`
|
|
308
312
|
align-items: center;
|
|
309
313
|
border: 1px solid transparent;
|
|
310
314
|
cursor: pointer;
|
|
@@ -373,7 +377,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
373
377
|
background: var(--gray-500);
|
|
374
378
|
color: var(--white);
|
|
375
379
|
}
|
|
376
|
-
`;var
|
|
380
|
+
`;var Wo=we.forwardRef(({buttonType:o="primary",size:r="md",children:n,...a},t)=>{let s={primary:ve,secondary:be,ghost:ye,unimportant:he,tertiary:xe},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)(Ce.Button,{"data-testid":"uniform-button",ref:t,css:[fe,s[o],c[r]],...a},n)});var Be=b(require("react"));var h=require("react"),Ie=require("param-case"),Se=(0,h.createContext)({iconsMap:{},isLoading:!0});function Y(){return(0,h.useContext)(Se)}function Yo({children:o}){let[r,n]=(0,h.useState)(!0),[a,t]=(0,h.useState)({});return(0,h.useEffect)(()=>{import("react-icons/cg").then(s=>{let c=Object.entries(s).reduce((p,[d,g])=>{if(d==="default")return p;let f=Ko(d);return{...p,[f]:g}},{});t(c),n(!1)})},[]),(0,e.jsx)(Se.Provider,{value:{iconsMap:a,isLoading:r}},o)}function Ko(o){return(0,Ie.paramCase)(o.replace("Cg",""))}var L=require("@emotion/react");var Me={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},K=o=>`@media (min-width: ${Me[o]})`;var Re=L.css`
|
|
377
381
|
display: hidden;
|
|
378
382
|
|
|
379
383
|
${K("sm")} {
|
|
@@ -384,27 +388,27 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
384
388
|
display: block;
|
|
385
389
|
vertical-align: middle;
|
|
386
390
|
}
|
|
387
|
-
`,ke=L.css`
|
|
388
|
-
color: var(--brand-secondary-3);
|
|
389
391
|
`,Pe=L.css`
|
|
392
|
+
color: var(--brand-secondary-3);
|
|
393
|
+
`,ke=L.css`
|
|
390
394
|
color: var(--brand-secondary-5);
|
|
391
395
|
`,Le=L.css`
|
|
392
396
|
color: var(--gray-500);
|
|
393
397
|
`,Te=L.css`
|
|
394
398
|
color: currentColor;
|
|
395
|
-
`;var
|
|
399
|
+
`;var qo=({icon:o,iconColorClass:r="green",...n})=>{let a=typeof o=="string",{iconsMap:t,isLoading:s}=Y(),c={green:Pe,gray:Le,red:ke,currentColor:Te};if(a&&s)return null;let p=a?t[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",...n,css:[Re,c[r]]})},_=Be.default.memo(qo);var ze=require("@emotion/react"),Ee=ze.css`
|
|
396
400
|
color: var(--gray-500);
|
|
397
401
|
display: block;
|
|
398
402
|
font-size: var(--fs-base);
|
|
399
403
|
margin: var(--spacing-sm) 0;
|
|
400
404
|
max-width: var(--prose);
|
|
401
|
-
`;var I=({children:o})=>(0,e.jsx)("small",{css:Ee},o);var
|
|
405
|
+
`;var I=({children:o})=>(0,e.jsx)("small",{css:Ee},o);var He=require("@emotion/react"),Ve=He.css`
|
|
402
406
|
align-items: center;
|
|
403
407
|
color: var(--brand-secondary-5);
|
|
404
408
|
display: flex;
|
|
405
409
|
gap: var(--spacing-sm);
|
|
406
410
|
margin: var(--spacing-xs) 0;
|
|
407
|
-
`;var S=({message:o})=>o?(0,e.jsx)("span",{css:
|
|
411
|
+
`;var S=({message:o})=>o?(0,e.jsx)("span",{css:Ve},(0,e.jsx)("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("g",{clipPath:"url(#a)"},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"a"},(0,e.jsx)("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;var Oe=b(require("react"));var q=({label:o,icon:r,id:n,caption:a,showLabel:t=!0,errorMessage:s,classNameContainer:c,classNameControl:p,classNameLabel:d,...g})=>(0,e.jsx)(Oe.Fragment,null,t?(0,e.jsx)("label",{htmlFor:n,css:[x,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},o):null,(0,e.jsx)("div",{css:[O,typeof c=="object"?c:void 0],className:typeof c=="string"?c:""},(0,e.jsx)("input",{id:n,css:[P,typeof p=="object"?p:void 0,s?k:void 0,r?se:""],"aria-label":t?void 0:o,className:typeof p=="string"?p:"",...g}),r?(0,e.jsx)("div",{css:ie},r):null),a?(0,e.jsx)(I,null,a):null,s?(0,e.jsx)(S,{message:s}):null);var Ge=b(require("react-select"));function Jo(o){return(0,e.jsx)(Ge.default,{...o,styles:{...o.styles,singleValue:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.singleValue)==null?void 0:t.call(a,r,n),color:"#828282"}},valueContainer:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:t.call(a,r,n),padding:"var(--spacing-base)"}},input:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.input)==null?void 0:t.call(a,r,n),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,n)=>({...r,border:n.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:n.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}var Ne=require("@emotion/react"),Ue=b(require("react")),N=require("react");var T=require("@emotion/react"),Fe=T.css`
|
|
408
412
|
margin-inline: auto;
|
|
409
413
|
max-width: fit-content;
|
|
410
414
|
`,Ze=T.css`
|
|
@@ -462,16 +466,16 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
462
466
|
width: 1px;
|
|
463
467
|
clip: rect(0, 0, 0, 0);
|
|
464
468
|
padding: 0;
|
|
465
|
-
`;var We=require("react-icons/cg"),
|
|
469
|
+
`;var We=require("react-icons/cg"),Qo=({classNameContainer:o,options:r,value:n,onChange:a,disabled:t,...s})=>{var f;let[c,p]=(0,N.useState)(!1),d=(0,N.useRef)(null);Ue.useEffect(()=>{let u=w=>{d.current&&!d.current.contains(w.target)&&p(!1)};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[d]);let g=r.find(u=>u.value===n);return(0,e.jsx)("div",{ref:d,css:o?Ne.css`
|
|
466
470
|
max-width: fit-content;
|
|
467
471
|
${typeof o=="object"?o:void 0}
|
|
468
|
-
`:Fe,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${s.id}`,"aria-expanded":c,css:Ze,onClick:()=>{t||p(
|
|
472
|
+
`:Fe,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${s.id}`,"aria-expanded":c,css:Ze,onClick:()=>{t||p(u=>!u)},disabled:t,...s},(0,e.jsx)("span",null,(f=g==null?void 0:g.label)!=null?f:n),t?null:(0,e.jsx)(_,{icon:We.CgChevronDown,iconColorClass:"currentColor"})),(0,e.jsx)("div",{id:`and-or-${s.id}`,css:[Ae,c?void 0:$e],"aria-hidden":!c},r.map(u=>(0,e.jsx)("button",{key:u.value,type:"button",css:De,onClick:()=>{a(u),p(w=>!w)}},u.label))))};var Xo=({onSearchTextChanged:o,disabled:r=!1,placeholder:n="Keyword search",inputFieldName:a="keywordSearch",disabledFieldSubmission:t=!1,value:s})=>(0,e.jsx)(q,{type:"text",name:a,placeholder:n,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:le},(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:d=>{o(d.currentTarget.value)},onKeyPress:d=>{d.key==="Enter"&&t&&d.preventDefault()},disabled:r,"aria-label":n});var jo=({label:o,defaultOption:r,options:n,caption:a,errorMessage:t,showLabel:s=!0,labelCta:c,classNameContainer:p,classNameControl:d,classNameLabel:g,...f})=>(0,e.jsx)("div",{css:[O,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},s?(0,e.jsx)("label",{htmlFor:f.id,css:[x,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:[P,G,t?k:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...f},r?(0,e.jsx)("option",{value:""},r):null,n.map((u,w)=>(0,e.jsx)("option",{key:w,value:u.label,...u}))),a?(0,e.jsx)(I,null,a):null,t?(0,e.jsx)(S,{message:t}):null);var er=({label:o,type:r,disabled:n,checked:a,name:t,caption:s,errorMessage:c,...p})=>(0,e.jsx)("label",{css:[ce,n?me:void 0]},(0,e.jsx)("input",{type:r,css:pe,checked:a,name:t,disabled:n,...p}),(0,e.jsx)("span",{css:de},o),s||c?(0,e.jsx)("span",{css:ue},s?(0,e.jsx)(I,null,s):null,c?(0,e.jsx)(S,{message:c}):null):null);var B=b(require("react")),z=require("reakit/Menu");var Ye=require("@emotion/react"),Ke=Ye.css`
|
|
469
473
|
border: 1px solid var(--gray-500);
|
|
470
474
|
border-radius: var(--rounded-base);
|
|
471
475
|
outline: none;
|
|
472
476
|
overflow: hidden;
|
|
473
477
|
z-index: 50;
|
|
474
|
-
`;var J=B.createContext({}),Q=()=>B.useContext(J),
|
|
478
|
+
`;var J=B.createContext({}),Q=()=>B.useContext(J),or=({menuLabel:o,menuTrigger:r,placement:n="auto",children:a})=>{let t=(0,z.useMenuState)({placement:n});return(0,e.jsx)(J.Provider,{value:t},(0,e.jsx)(z.MenuButton,{...t,ref:r.ref,...r.props},s=>B.cloneElement(r,s)),(0,e.jsx)(z.Menu,{...t,"aria-label":o,css:Ke},a))};var Je=b(require("react")),ee=require("reakit");var X=require("@emotion/react"),j=X.css`
|
|
475
479
|
background: var(--white);
|
|
476
480
|
border-top: 1px solid var(--gray-500);
|
|
477
481
|
color: var(--brand-secondary-1);
|
|
@@ -507,7 +511,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
507
511
|
width: var(--spacing-base);
|
|
508
512
|
height: var(--spacing-base);
|
|
509
513
|
}
|
|
510
|
-
`;var
|
|
514
|
+
`;var rr=Je.forwardRef(({children:o,className:r,hideMenuOnClick:n=!0,icon:a,...t},s)=>{let c=Q(),p=g=>{let f={...g};if(f.onClick){let u=f.onClick;f.onClick=w=>{c.hide(),u(w)}}return f};if(typeof o=="function")return(0,e.jsx)(ee.MenuItem,{ref:s,"data-testid":"uniform-menuItem",...c,...t,css:j},g=>{let f=n?p(g):g,u=o(f);return a?qe(u,a):u});let d=n?p(t):t;return(0,e.jsx)(ee.MenuItem,{ref:s,...c,...d,css:j},a?qe(o,a):o)});function qe(o,r){return(0,e.jsx)("span",{css:_e},o," ",r)}var l=require("@emotion/react");var Qe=({...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"})),Xe=({...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"})),je=({...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"})),eo=({...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"})),oe=({...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"})),oo=({...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 M=require("@emotion/react"),ro=M.css`
|
|
511
515
|
--caution-desc: rgb(161, 98, 7);
|
|
512
516
|
--caution-icon: rgb(250, 204, 21);
|
|
513
517
|
--caution-title: rgb(133, 77, 14);
|
|
@@ -549,7 +553,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
549
553
|
`,so=M.css`
|
|
550
554
|
width: 1.25rem;
|
|
551
555
|
height: 1.25rem;
|
|
552
|
-
`;var
|
|
556
|
+
`;var tr={caution:{icon:oe,descriptionColor:l.css`
|
|
553
557
|
color: var(--caution-desc);
|
|
554
558
|
`,iconColor:l.css`
|
|
555
559
|
color: var(--caution-icon);
|
|
@@ -605,7 +609,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
605
609
|
color: var(--success-title);
|
|
606
610
|
`,containerColor:l.css`
|
|
607
611
|
background-color: var(--success-container);
|
|
608
|
-
`}},
|
|
612
|
+
`}},nr=({type:o="info",title:r,children:n,className:a})=>{let t=tr[o];if(!t)return null;let s=t.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[ro,t.containerColor,typeof a=="object"?a:""],className:`${typeof a=="string"?a:""}`},(0,e.jsx)("div",{css:to},(0,e.jsx)("div",{css:no},(0,e.jsx)(s,{css:[so,t.iconColor]})),(0,e.jsx)("div",null,r?(0,e.jsx)("h3",{css:[ao,t.titleColor]},r):null,n?(0,e.jsx)("div",{css:[io,t.descriptionColor]},n):null)))};var E=require("@emotion/react"),ar=E.keyframes`
|
|
609
613
|
0%, 100% {
|
|
610
614
|
opacity: 1.0;
|
|
611
615
|
transform: translateY(0);
|
|
@@ -628,7 +632,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
628
632
|
background-color: var(--gray-700);
|
|
629
633
|
display: block;
|
|
630
634
|
border-radius: var(--rounded-full);
|
|
631
|
-
animation: ${
|
|
635
|
+
animation: ${ar} 0.75s infinite ease-in-out;
|
|
632
636
|
width: 8px;
|
|
633
637
|
height: 8px;
|
|
634
638
|
margin: 0 var(--spacing-xs);
|
|
@@ -645,7 +649,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
645
649
|
&:nth-of-type(3) {
|
|
646
650
|
animation-delay: 0.6s;
|
|
647
651
|
}
|
|
648
|
-
`;var
|
|
652
|
+
`;var ir=()=>(0,e.jsx)("div",{css:lo,role:"alert"},(0,e.jsx)("span",{css:U}),(0,e.jsx)("span",{css:U}),(0,e.jsx)("span",{css:U}));var vo=require("@emotion/react");var R=require("@emotion/react"),co=R.css`
|
|
649
653
|
align-items: center;
|
|
650
654
|
position: absolute;
|
|
651
655
|
inset: 0 0;
|
|
@@ -654,9 +658,9 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
654
658
|
justify-content: center;
|
|
655
659
|
`,po=R.css`
|
|
656
660
|
display: flex;
|
|
657
|
-
`,uo=R.css`
|
|
658
|
-
display: none;
|
|
659
661
|
`,mo=R.css`
|
|
662
|
+
display: none;
|
|
663
|
+
`,uo=R.css`
|
|
660
664
|
background: var(--white);
|
|
661
665
|
opacity: 0.5;
|
|
662
666
|
position: absolute;
|
|
@@ -668,14 +672,15 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
668
672
|
`,fo=R.css`
|
|
669
673
|
color: var(--gray-500);
|
|
670
674
|
margin: var(--spacing-base) 0 0;
|
|
671
|
-
`;var
|
|
675
|
+
`;var sr=({isActive:o,statusMessage:r})=>(0,e.jsx)("div",{role:"alert",css:[co,o?po:mo],"aria-hidden":!o},(0,e.jsx)("div",{css:uo}),(0,e.jsx)("div",{css:vo.css`
|
|
672
676
|
position: relative;
|
|
673
677
|
`},(0,e.jsx)("div",{css:go},(0,e.jsx)(bo,{height:128,width:128}),r?(0,e.jsx)("div",{css:fo},r):null))),bo=({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 y=require("@emotion/react"),ho=y.css`
|
|
674
678
|
font-family: var(--ff-heading);
|
|
675
|
-
font-size: clamp(1.
|
|
676
|
-
font-weight: var(--
|
|
679
|
+
font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
|
|
680
|
+
font-weight: var(--fw-bold);
|
|
681
|
+
margin-bottom: var(--spacing-base);
|
|
677
682
|
`,yo=y.css`
|
|
678
|
-
font-size: clamp(1.35rem, var(--fluid-font-base),
|
|
683
|
+
font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
|
|
679
684
|
`,xo=y.css`
|
|
680
685
|
font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
|
|
681
686
|
`,wo=y.css`
|
|
@@ -687,20 +692,29 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
687
692
|
`,So=y.css`
|
|
688
693
|
font-weight: var(--fw-bold);
|
|
689
694
|
font-family: var(--ff-base);
|
|
690
|
-
|
|
695
|
+
margin-bottom: var(--spacing-base);
|
|
696
|
+
`,Mo=y.css`
|
|
691
697
|
line-height: 1.35;
|
|
692
|
-
`;var
|
|
698
|
+
`;var lr=({level:o=2,children:r})=>{let n=`h${o}`,a={h1:ho,h2:yo,h3:xo,h4:wo,h5:Co,h6:Io},t=n.includes("h1")?void 0:So;return(0,e.jsx)(n,{css:[a[n],t,Mo]},r)};var Ro=require("@emotion/react"),Po=Ro.css`
|
|
699
|
+
font-size: var(--fs-base);
|
|
700
|
+
line-height: 1.5;
|
|
701
|
+
margin-bottom: var(--spacing-base);
|
|
702
|
+
|
|
703
|
+
&:last-of-type {
|
|
704
|
+
margin-bottom: 0;
|
|
705
|
+
}
|
|
706
|
+
`;var cr=({className:o,children:r})=>(0,e.jsx)("p",{css:[Po,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);var To=require("@emotion/react");var re=require("@emotion/react"),ko=re.css`
|
|
693
707
|
position: relative;
|
|
694
|
-
`,
|
|
708
|
+
`,Lo=re.css`
|
|
695
709
|
background: var(--gray-50);
|
|
696
710
|
border-top: 1px solid var(--gray-200);
|
|
697
711
|
border-bottom: 1px solid var(--gray-200);
|
|
698
712
|
max-height: 24rem;
|
|
699
713
|
overflow-y: auto;
|
|
700
714
|
padding: var(--spacing-sm);
|
|
701
|
-
`;var
|
|
715
|
+
`;var pr=({label:o,children:r})=>(0,e.jsx)("div",{css:ko},o?(0,e.jsx)("span",{css:To.css`
|
|
702
716
|
${x}
|
|
703
|
-
`},o):null,(0,e.jsx)("div",{css:[
|
|
717
|
+
`},o):null,(0,e.jsx)("div",{css:[Lo,F]},r));var W=require("@emotion/react"),Bo=W.css`
|
|
704
718
|
align-items: center;
|
|
705
719
|
background: var(--white);
|
|
706
720
|
border-radius: var(--rounded-base);
|
|
@@ -708,17 +722,16 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
708
722
|
border: 2px solid var(--gray-200);
|
|
709
723
|
display: flex;
|
|
710
724
|
padding: var(--spacing-3);
|
|
711
|
-
margin-block: var(--spacing-sm);
|
|
725
|
+
margin-block: 0 var(--spacing-sm);
|
|
712
726
|
min-height: 52px;
|
|
713
727
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
714
728
|
|
|
715
|
-
&:first-of-type,
|
|
716
729
|
&:last-of-type {
|
|
717
730
|
margin-block: 0;
|
|
718
731
|
}
|
|
719
|
-
`,
|
|
732
|
+
`,zo=W.css`
|
|
720
733
|
border-color: var(--brand-secondary-3);
|
|
721
|
-
`,
|
|
734
|
+
`,Eo=W.css`
|
|
722
735
|
align-items: center;
|
|
723
736
|
display: flex;
|
|
724
737
|
justify-content: space-between;
|
|
@@ -728,7 +741,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
728
741
|
&:focus {
|
|
729
742
|
outline: none;
|
|
730
743
|
}
|
|
731
|
-
`;var te=require("@emotion/react");var
|
|
744
|
+
`;var te=require("@emotion/react");var H=require("@emotion/react"),Dt=H.keyframes`
|
|
732
745
|
0%,
|
|
733
746
|
100% {
|
|
734
747
|
transform: scale(1);
|
|
@@ -738,7 +751,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
738
751
|
transform: scale(1.15);
|
|
739
752
|
opacity: 1;
|
|
740
753
|
}
|
|
741
|
-
`,
|
|
754
|
+
`,Ho=H.keyframes`
|
|
742
755
|
0% {
|
|
743
756
|
opacity: 0;
|
|
744
757
|
transform: translateY(10px);
|
|
@@ -747,7 +760,7 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
747
760
|
opacity: 1;
|
|
748
761
|
transform: translateY(0);
|
|
749
762
|
}
|
|
750
|
-
|
|
763
|
+
`,$t=H.keyframes`
|
|
751
764
|
0% {
|
|
752
765
|
opacity: 1;
|
|
753
766
|
transform: translateY(0);
|
|
@@ -756,17 +769,17 @@ var zo=Object.create;var H=Object.defineProperty;var Eo=Object.getOwnPropertyDes
|
|
|
756
769
|
opacity: 0;
|
|
757
770
|
transform: translateY(10px);
|
|
758
771
|
}
|
|
759
|
-
`,
|
|
772
|
+
`,Nt=H.keyframes`
|
|
760
773
|
0% {
|
|
761
774
|
opacity: 0;
|
|
762
775
|
}
|
|
763
776
|
100% {
|
|
764
777
|
opacity: 1;
|
|
765
778
|
}
|
|
766
|
-
`;var
|
|
779
|
+
`;var dr=({buttonText:o,active:r,...n})=>(0,e.jsx)("div",{css:[Bo,r?zo: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:Eo,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...n},(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:te.css`
|
|
767
780
|
color: var(--brand-secondary-3);
|
|
768
781
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
769
782
|
${r?te.css`
|
|
770
|
-
animation: ${
|
|
783
|
+
animation: ${Ho} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
771
784
|
`:"opacity: 0;"}
|
|
772
|
-
`},(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"}))));0&&(module.exports={Button,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,ScrollableList,ScrollableListItem,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});
|
|
785
|
+
`},(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"}))));0&&(module.exports={Button,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,Paragraph,ScrollableList,ScrollableListItem,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "13.0.1-alpha.
|
|
3
|
+
"version": "13.0.1-alpha.271+7307a0d06",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -20,25 +20,29 @@
|
|
|
20
20
|
"@storybook/addon-docs": "6.4.22",
|
|
21
21
|
"@storybook/react": "6.4.22",
|
|
22
22
|
"@types/react": "17.0.44",
|
|
23
|
-
"autoprefixer": "10.4.
|
|
23
|
+
"autoprefixer": "10.4.4",
|
|
24
24
|
"hygen": "6.2.0",
|
|
25
|
-
"postcss": "8.4.
|
|
26
|
-
"tsup": "5.12.0"
|
|
27
|
-
},
|
|
28
|
-
"dependencies": {
|
|
29
|
-
"@emotion/react": "11.8.1",
|
|
30
|
-
"param-case": "^3.0.4",
|
|
25
|
+
"postcss": "8.4.12",
|
|
31
26
|
"react": "17.0.2",
|
|
32
27
|
"react-dom": "17.0.2",
|
|
28
|
+
"tsup": "5.12.5"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"@emotion/react": "11.9.0",
|
|
32
|
+
"param-case": "3.0.4",
|
|
33
33
|
"react-hotkeys-hook": "3.4.4",
|
|
34
|
-
"react-icons": "
|
|
35
|
-
"react-paginate": "8.1.
|
|
36
|
-
"react-select": "5.
|
|
34
|
+
"react-icons": "4.3.1",
|
|
35
|
+
"react-paginate": "8.1.3",
|
|
36
|
+
"react-select": "5.3.0",
|
|
37
37
|
"react-use": "17.3.2",
|
|
38
38
|
"reakit": "1.3.11"
|
|
39
39
|
},
|
|
40
|
+
"peerDependencies": {
|
|
41
|
+
"react": ">=17",
|
|
42
|
+
"react-dom": ">=17"
|
|
43
|
+
},
|
|
40
44
|
"files": [
|
|
41
45
|
"/dist"
|
|
42
46
|
],
|
|
43
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "7307a0d061e09506ffeb6a72798a986f0ea2da2c"
|
|
44
48
|
}
|