@uniformdev/design-system 16.1.1-alpha.238 → 16.1.1-alpha.281
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 +16 -13
- package/dist/index.d.ts +1 -1
- package/dist/index.js +25 -22
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -385,19 +385,19 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
385
385
|
color: var(--gray-500);
|
|
386
386
|
`,Le=E`
|
|
387
387
|
color: currentColor;
|
|
388
|
-
`;var Po=({icon:t,iconColor:o="green",size:r="1.5rem",...n})=>{let a=typeof t=="string",{iconsMap:i,isLoading:s}=we(),u={green:Se,gray:Re,red:Ie,currentColor:Le};if(a&&s)return null;let d=a?i[t]:t;return a&&d===void 0?(console.error(`We don't seem to have the icon you're looking for ("${t}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(d,{role:"img",size:r,...n,css:[Ce,u[o]]})},h=To.memo(Po);import{css as
|
|
388
|
+
`;var Po=({icon:t,iconColor:o="green",size:r="1.5rem",...n})=>{let a=typeof t=="string",{iconsMap:i,isLoading:s}=we(),u={green:Se,gray:Re,red:Ie,currentColor:Le};if(a&&s)return null;let d=a?i[t]:t;return a&&d===void 0?(console.error(`We don't seem to have the icon you're looking for ("${t}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(d,{role:"img",size:r,...n,css:[Ce,u[o]]})},h=To.memo(Po);import{css as ko}from"@emotion/react";var Te=ko`
|
|
389
389
|
color: var(--gray-500);
|
|
390
390
|
display: block;
|
|
391
391
|
font-size: var(--fs-sm);
|
|
392
392
|
margin: var(--spacing-xs) 0;
|
|
393
393
|
max-width: var(--prose);
|
|
394
|
-
`;var x=({children:t,testId:o})=>e("small",{css:Te,"data-test-id":o},t);import{MdWarning as Bo}from"react-icons/md";import{css as
|
|
394
|
+
`;var x=({children:t,testId:o})=>e("small",{css:Te,"data-test-id":o},t);import{MdWarning as Bo}from"react-icons/md";import{css as Mo}from"@emotion/react";var Pe=Mo`
|
|
395
395
|
align-items: center;
|
|
396
396
|
color: var(--brand-secondary-5);
|
|
397
397
|
display: flex;
|
|
398
398
|
gap: var(--spacing-sm);
|
|
399
399
|
margin: var(--spacing-xs) 0;
|
|
400
|
-
`;var w=({message:t,testId:o})=>t?e("span",{css:Pe,"data-test-id":o},e(h,{icon:Bo,size:16,iconColor:"currentColor"}),t):null;var
|
|
400
|
+
`;var w=({message:t,testId:o})=>t?e("span",{css:Pe,"data-test-id":o},e(h,{icon:Bo,size:16,iconColor:"currentColor"}),t):null;var k=({children:t,className:o,testId:r,...n})=>e("label",{css:[v,typeof o=="object"?o:void 0],className:typeof o=="string"?o:"","data-test-id":r,...n},t);var ke=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:d,captionTestId:m,classNameContainer:g,classNameControl:p,classNameLabel:f,...X})=>e("div",{"data-test-id":s},a?e(k,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},t):null,e("div",{css:[L,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[T,typeof p=="object"?p:void 0,i?I:void 0,o?G:""],"aria-label":a?void 0:t,className:typeof p=="string"?p:"",...X}),o?e("div",{css:V},o):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:d}):null);import zo from"react-select";function dn(t){return e(zo,{...t,classNamePrefix:"input-combobox",styles:{...t.styles,singleValue:(o,r)=>{var n,a;return{...o,color:"#828282",...(a=(n=t.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,o,r)}},valueContainer:(o,r)=>{var n,a;return{...o,padding:"var(--spacing-base)",...(a=(n=t.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,o,r)}},input:(o,r)=>{var n,a;return{...o,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=t.styles)==null?void 0:n.input)==null?void 0:a.call(n,o,r)}},control:(o,r)=>{var n,a;return{...o,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=t.styles)==null?void 0:n.control)==null?void 0:a.call(n,o,r)}},indicatorsContainer:(o,r)=>{var n,a;return{...o,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=t.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,o,r)}},indicatorSeparator:(o,r)=>{var n,a;return{display:"none",...(a=(n=t.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,o,r)}},option:(o,r)=>{var n,a;return{...o,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=t.styles)==null?void 0:n.option)==null?void 0:a.call(n,o,r)}}}})}import{css as Ho}from"@emotion/react";import*as Ae from"react";import{useState as Eo,useRef as Ao}from"react";import{css as A}from"@emotion/react";var Me=A`
|
|
401
401
|
margin-inline: auto;
|
|
402
402
|
max-width: fit-content;
|
|
403
403
|
`,Be=A`
|
|
@@ -458,13 +458,13 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
458
458
|
`;import{CgChevronDown as Do}from"react-icons/cg";var wn=({classNameContainer:t,options:o,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Eo(!1),d=Ao(null);Ae.useEffect(()=>{let p=f=>{d.current&&!d.current.contains(f.target)&&u(!1)};return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[d]);let m=o.find(p=>p.value===r);return e("div",{ref:d,css:t?Ho`
|
|
459
459
|
max-width: fit-content;
|
|
460
460
|
${typeof t=="object"?t:void 0}
|
|
461
|
-
`:
|
|
461
|
+
`:Me,className:typeof t=="string"?t:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Be,onClick:()=>{a||u(p=>!p)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(h,{icon:Do,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[ze,s?void 0:Ee],"aria-hidden":!s},o.map(p=>e("button",{key:p.value,type:"button",css:He,onClick:()=>{n(p),u(f=>!f)}},p.label))))};var Rn=({onSearchTextChanged:t,disabled:o=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>e(ke,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:ae},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=>{t(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:o,"aria-label":r,...s});var Bn=({label:t,defaultOption:o,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:d,classNameLabel:m,...g})=>e("div",{css:[L,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(k,{htmlFor:g.id,css:[v,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},t,s)):null,e("select",{title:t,"aria-label":i?void 0:t,css:[T,_,a?I:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...g},o?e("option",{value:""},o):null,r.map((p,f)=>e("option",{key:f,value:p.label,...p}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var Dn=({label:t,type:o,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(k,{css:[ie,r?ce:void 0]},e("input",{type:o,css:se,checked:n,name:a,disabled:r,...u}),e("span",{css:le},t),i||s?e("span",{css:pe},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as De from"react";var Zn=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(De.Fragment,null,a?e("label",{htmlFor:r,css:[v]},t):null,e("div",{css:[L]},e("textarea",{id:r,css:[de,i?I:void 0,o?G:""],"aria-label":a?void 0:t,...s}),o?e("div",{css:V},o):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as M from"react";import{useMenuState as Vo,Menu as Go,MenuButton as Wo}from"reakit/Menu";import{css as Oo}from"@emotion/react";var Oe=Oo`
|
|
462
462
|
border: 1px solid var(--gray-500);
|
|
463
463
|
border-radius: var(--rounded-base);
|
|
464
464
|
outline: none;
|
|
465
465
|
overflow: hidden;
|
|
466
466
|
z-index: 50;
|
|
467
|
-
`;var Ve=
|
|
467
|
+
`;var Ve=M.createContext({}),Ge=()=>M.useContext(Ve),We=({menuLabel:t,menuTrigger:o,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Vo({placement:r});return e(Ve.Provider,{value:i},e(Wo,{...i,ref:o.ref,...o.props},s=>M.cloneElement(o,s)),e(Go,{...i,"aria-label":t,css:[Oe,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Ne from"react";import{MenuItem as Zo}from"reakit";import{css as Ze}from"@emotion/react";var Fe=Ze`
|
|
468
468
|
background: var(--white);
|
|
469
469
|
border: none;
|
|
470
470
|
border-top: 1px solid var(--gray-500);
|
|
@@ -724,7 +724,6 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
724
724
|
box-shadow: var(--shadow-base);
|
|
725
725
|
border: 2px solid var(--gray-200);
|
|
726
726
|
display: flex;
|
|
727
|
-
padding: var(--spacing-3);
|
|
728
727
|
margin-block: 0 var(--spacing-sm);
|
|
729
728
|
min-height: 52px;
|
|
730
729
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -736,15 +735,19 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
736
735
|
border-color: var(--brand-secondary-3);
|
|
737
736
|
`,Pt=j`
|
|
738
737
|
align-items: center;
|
|
738
|
+
border: none;
|
|
739
|
+
background: transparent;
|
|
740
|
+
color: var(--brand-secondary-1);
|
|
739
741
|
display: flex;
|
|
740
742
|
justify-content: space-between;
|
|
743
|
+
padding: var(--spacing-3);
|
|
741
744
|
width: 100%;
|
|
742
745
|
outline: none;
|
|
743
746
|
|
|
744
747
|
&:focus {
|
|
745
748
|
outline: none;
|
|
746
749
|
}
|
|
747
|
-
`;import{css as
|
|
750
|
+
`;import{css as Mt}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Qa=U`
|
|
748
751
|
0%,
|
|
749
752
|
100% {
|
|
750
753
|
transform: scale(1);
|
|
@@ -754,7 +757,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
754
757
|
transform: scale(1.15);
|
|
755
758
|
opacity: 1;
|
|
756
759
|
}
|
|
757
|
-
`,
|
|
760
|
+
`,kt=U`
|
|
758
761
|
0% {
|
|
759
762
|
opacity: 0;
|
|
760
763
|
transform: translateY(10px);
|
|
@@ -779,11 +782,11 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
779
782
|
100% {
|
|
780
783
|
opacity: 1;
|
|
781
784
|
}
|
|
782
|
-
`;var ai=({buttonText:t,active:o,...r})=>e("div",{css:[Lt,o?Tt:void 0]
|
|
785
|
+
`;var ai=({buttonText:t,active:o,...r})=>e("div",{css:[Lt,o?Tt:void 0]},e("button",{css:Pt,type:"button",...r},e("span",null,t),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!o,css:Mt`
|
|
783
786
|
color: var(--brand-secondary-3);
|
|
784
787
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
785
|
-
${o?
|
|
786
|
-
animation: ${
|
|
788
|
+
${o?Mt`
|
|
789
|
+
animation: ${kt} var(--duration-fast) var(--timing-ease-out) forwards;
|
|
787
790
|
`:"opacity: 0;"}
|
|
788
791
|
`},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{CgChevronDown as Jo}from"react-icons/cg";import{css as y}from"@emotion/react";var Bt=y`
|
|
789
792
|
align-items: center;
|
|
@@ -877,7 +880,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
877
880
|
& svg {
|
|
878
881
|
color: var(--brand-secondary-5);
|
|
879
882
|
}
|
|
880
|
-
`;var
|
|
883
|
+
`;var Mi=({buttonText:t="Add",onClick:o,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(K({shortcut:r,macShortcut:n,handler:o,activeWhenEditing:!0}),e("button",{type:"button","aria-label":t,"data-testid":"add-entry-button",onClick:o,css:_t,...a},r?e(Xt,{shortcut:r,css:ar`
|
|
881
884
|
top: -2rem;
|
|
882
885
|
left: -1.5rem;
|
|
883
886
|
`}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as Y from"react";import{css as D}from"@emotion/react";var qt=D`
|
|
@@ -1031,4 +1034,4 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"reac
|
|
|
1031
1034
|
background: ${t};
|
|
1032
1035
|
`,fo=t=>R`
|
|
1033
1036
|
color: ${t};
|
|
1034
|
-
`;var is=({current:t,max:o,label:r})=>{let a=Math.ceil(t/o*100),i={base:"var(--gray-400)",warn:"#facc15",danger:"var(--brand-secondary-5)"},s=a===100?i.danger:a>=75?i.warn:i.base;return e("div",{css:po},e("div",{css:go},e("span",{css:re},r),e("span",{css:[re,fo(s)]},t," of ",o)),e("div",{role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":o,"aria-valuetext":`${t} of ${o}`,css:uo},e("span",{role:"presentation",css:[mo,bo(s)],style:{transform:`translateX(${a-100}%)`}})))};export{
|
|
1037
|
+
`;var is=({current:t,max:o,label:r})=>{let a=Math.ceil(t/o*100),i={base:"var(--gray-400)",warn:"#facc15",danger:"var(--brand-secondary-5)"},s=a===100?i.danger:a>=75?i.warn:i.base;return e("div",{css:po},e("div",{css:go},e("span",{css:re},r),e("span",{css:[re,fo(s)]},t," of ",o)),e("div",{role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":o,"aria-valuetext":`${t} of ${o}`,css:uo},e("span",{role:"presentation",css:[mo,bo(s)],style:{transform:`translateX(${a-100}%)`}})))};export{Mi as AddButton,qi as AddListButton,Hr as Button,mi as ButtonWithMenu,ua as Callout,x as Caption,ts as DashedBox,w as ErrorMessage,Pa as Heading,h as Icon,Vr as IconsProvider,ke as Input,dn as InputComboBox,wn as InputInlineSelect,Rn as InputKeywordSearch,Bn as InputSelect,Dn as InputToggle,k as Label,is as LimitsBar,Wa as Link,Yo as LoadingIcon,va as LoadingIndicator,Sa as LoadingOverlay,We as Menu,Ve as MenuContext,ra as MenuItem,Ha as Paragraph,Ya as ScrollableList,ai as ScrollableListItem,Ci as ShortcutContext,Xt as ShortcutRevealer,Ai as Switch,Vi as Table,Wi as TableBody,Ni as TableCellData,$i as TableCellHead,Zi as TableFoot,Gi as TableHead,Fi as TableRow,Zn as Textarea,mr as Theme,Sr as UniformBadge,Lr as UniformLogo,ho as breakpoints,T as input,I as inputError,_ as inputSelect,v as labelText,ne as mq,q as scrollbarStyles,we as useIconContext,Ge as useMenuContext};
|
package/dist/index.d.ts
CHANGED
|
@@ -489,7 +489,7 @@ declare type ScrollableListProps = {
|
|
|
489
489
|
*/
|
|
490
490
|
declare const ScrollableList: ({ label, children }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
491
491
|
|
|
492
|
-
declare type ScrollableListItemProps = React$1.
|
|
492
|
+
declare type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
493
493
|
/** sets the button text value */
|
|
494
494
|
buttonText: string;
|
|
495
495
|
/** sets the active style of the button */
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDescriptor;var _o=Object.getOwnPropertyNames;var qo=Object.getPrototypeOf,Jo=Object.prototype.hasOwnProperty;var Qo=(t,o)=>{for(var r in o)U(t,r,{get:o[r],enumerable:!0})},Ce=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of _o(o))!Jo.call(t,a)&&a!==r&&U(t,a,{get:()=>o[a],enumerable:!(n=Xo(o,a))||n.enumerable});return t};var f=(t,o,r)=>(r=t!=null?Yo(qo(t)):{},Ce(o||!t||!t.__esModule?U(r,"default",{value:t,enumerable:!0}):r,t)),jo=t=>Ce(U({},"__esModule",{value:!0}),t);var Nr={};Qo(Nr,{AddButton:()=>
|
|
1
|
+
var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDescriptor;var _o=Object.getOwnPropertyNames;var qo=Object.getPrototypeOf,Jo=Object.prototype.hasOwnProperty;var Qo=(t,o)=>{for(var r in o)U(t,r,{get:o[r],enumerable:!0})},Ce=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of _o(o))!Jo.call(t,a)&&a!==r&&U(t,a,{get:()=>o[a],enumerable:!(n=Xo(o,a))||n.enumerable});return t};var f=(t,o,r)=>(r=t!=null?Yo(qo(t)):{},Ce(o||!t||!t.__esModule?U(r,"default",{value:t,enumerable:!0}):r,t)),jo=t=>Ce(U({},"__esModule",{value:!0}),t);var Nr={};Qo(Nr,{AddButton:()=>kr,AddListButton:()=>Gr,Button:()=>rr,ButtonWithMenu:()=>Lr,Callout:()=>vr,Caption:()=>C,DashedBox:()=>Fr,ErrorMessage:()=>S,Heading:()=>wr,Icon:()=>y,IconsProvider:()=>nr,Input:()=>ce,InputComboBox:()=>lr,InputInlineSelect:()=>cr,InputKeywordSearch:()=>pr,InputSelect:()=>dr,InputToggle:()=>ur,Label:()=>B,LimitsBar:()=>$r,Link:()=>Sr,LoadingIcon:()=>At,LoadingIndicator:()=>yr,LoadingOverlay:()=>xr,Menu:()=>ue,MenuContext:()=>pe,MenuItem:()=>gr,Paragraph:()=>Cr,ScrollableList:()=>Ir,ScrollableListItem:()=>Rr,ShortcutContext:()=>Tr,ShortcutRevealer:()=>ye,Switch:()=>Mr,Table:()=>zr,TableBody:()=>Er,TableCellData:()=>Vr,TableCellHead:()=>Or,TableFoot:()=>Ar,TableHead:()=>Hr,TableRow:()=>Dr,Textarea:()=>mr,Theme:()=>er,UniformBadge:()=>tr,UniformLogo:()=>or,breakpoints:()=>Ie,input:()=>k,inputError:()=>R,inputSelect:()=>X,labelText:()=>h,mq:()=>se,scrollbarStyles:()=>_,useIconContext:()=>le,useMenuContext:()=>de});module.exports=jo(Nr);var e=require("@emotion/react"),l=f(require("react"));var Se=f(require("react")),er=({disableReset:t=!1})=>(0,e.jsx)(Se.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"}),t?null:(0,e.jsx)("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
|
|
2
2
|
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
|
|
3
3
|
`}}),(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:`
|
|
4
4
|
:root {
|
|
@@ -160,7 +160,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
160
160
|
font-weight: var(--fw-bold);
|
|
161
161
|
margin: 0 0 var(--spacing-xs);
|
|
162
162
|
align-items: center;
|
|
163
|
-
`,
|
|
163
|
+
`,k=g.css`
|
|
164
164
|
appearance: none;
|
|
165
165
|
background-color: var(--white);
|
|
166
166
|
border: 1px solid var(--gray-400);
|
|
@@ -251,10 +251,10 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
251
251
|
}
|
|
252
252
|
`,Pe=g.css`
|
|
253
253
|
font-weight: var(--fw-medium);
|
|
254
|
-
`,
|
|
254
|
+
`,ke=g.css`
|
|
255
255
|
cursor: not-allowed;
|
|
256
256
|
color: var(--gray-400);
|
|
257
|
-
`,
|
|
257
|
+
`,Me=g.css`
|
|
258
258
|
display: flex;
|
|
259
259
|
flex-direction: column;
|
|
260
260
|
flex-basis: 100%;
|
|
@@ -262,7 +262,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
262
262
|
margin-top: -0.5rem;
|
|
263
263
|
line-height: 1.15;
|
|
264
264
|
`,Be=g.css`
|
|
265
|
-
${
|
|
265
|
+
${k}
|
|
266
266
|
`;var ze=require("@emotion/react"),_=ze.css`
|
|
267
267
|
@supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
|
|
268
268
|
/*
|
|
@@ -297,7 +297,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
297
297
|
`,j=q.css`
|
|
298
298
|
background: var(--brand-secondary-1);
|
|
299
299
|
color: var(--white);
|
|
300
|
-
`;var tr=({theme:t="light",...o})=>(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:[J,t==="dark"?j:Q],...o},(0,e.jsx)("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),(0,e.jsx)("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),(0,e.jsx)("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var or=({theme:t="light",...o})=>(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:[J,t==="dark"?j:Q],...o},(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 Ge=f(require("react")),We=require("reakit/Button");var
|
|
300
|
+
`;var tr=({theme:t="light",...o})=>(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:[J,t==="dark"?j:Q],...o},(0,e.jsx)("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),(0,e.jsx)("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),(0,e.jsx)("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var or=({theme:t="light",...o})=>(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:[J,t==="dark"?j:Q],...o},(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 Ge=f(require("react")),We=require("reakit/Button");var M=require("@emotion/react"),He=M.css`
|
|
301
301
|
align-items: center;
|
|
302
302
|
border: 1px solid transparent;
|
|
303
303
|
cursor: pointer;
|
|
@@ -321,7 +321,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
321
321
|
&:disabled {
|
|
322
322
|
cursor: not-allowed;
|
|
323
323
|
}
|
|
324
|
-
`,Ee=
|
|
324
|
+
`,Ee=M.css`
|
|
325
325
|
background: var(--brand-secondary-1);
|
|
326
326
|
color: var(--white);
|
|
327
327
|
|
|
@@ -329,7 +329,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
329
329
|
background: var(--gray-500);
|
|
330
330
|
color: var(--white);
|
|
331
331
|
}
|
|
332
|
-
`,Ae=
|
|
332
|
+
`,Ae=M.css`
|
|
333
333
|
background: var(--brand-secondary-5);
|
|
334
334
|
color: var(--white);
|
|
335
335
|
|
|
@@ -337,7 +337,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
337
337
|
background: var(--gray-500);
|
|
338
338
|
color: var(--white);
|
|
339
339
|
}
|
|
340
|
-
`,De=
|
|
340
|
+
`,De=M.css`
|
|
341
341
|
background: var(--brand-secondary-2);
|
|
342
342
|
color: var(--brand-secondary-1);
|
|
343
343
|
|
|
@@ -345,7 +345,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
345
345
|
background: var(--brand-secondary-2);
|
|
346
346
|
color: var(--gray-400);
|
|
347
347
|
}
|
|
348
|
-
`,Oe=
|
|
348
|
+
`,Oe=M.css`
|
|
349
349
|
background: transparent;
|
|
350
350
|
color: var(--brand-secondary-3);
|
|
351
351
|
|
|
@@ -358,7 +358,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
358
358
|
border-color: var(--gray-400);
|
|
359
359
|
color: var(--gray-400);
|
|
360
360
|
}
|
|
361
|
-
`,Ve=
|
|
361
|
+
`,Ve=M.css`
|
|
362
362
|
background: var(--brand-secondary-3);
|
|
363
363
|
color: var(--white);
|
|
364
364
|
|
|
@@ -397,7 +397,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
397
397
|
display: flex;
|
|
398
398
|
gap: var(--spacing-sm);
|
|
399
399
|
margin: var(--spacing-xs) 0;
|
|
400
|
-
`;var S=({message:t,testId:o})=>t?(0,e.jsx)("span",{css:Qe,"data-test-id":o},(0,e.jsx)(y,{icon:je.MdWarning,size:16,iconColor:"currentColor"}),t):null;var B=({children:t,className:o,testId:r,...n})=>(0,e.jsx)("label",{css:[h,typeof o=="object"?o:void 0],className:typeof o=="string"?o:"","data-test-id":r,...n},t);var ce=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:d,captionTestId:m,classNameContainer:b,classNameControl:p,classNameLabel:v,...ie})=>(0,e.jsx)("div",{"data-test-id":s},a?(0,e.jsx)(B,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:u},t):null,(0,e.jsx)("div",{css:[E,typeof b=="object"?b:void 0],className:typeof b=="string"?b:""},(0,e.jsx)("input",{id:r,css:[
|
|
400
|
+
`;var S=({message:t,testId:o})=>t?(0,e.jsx)("span",{css:Qe,"data-test-id":o},(0,e.jsx)(y,{icon:je.MdWarning,size:16,iconColor:"currentColor"}),t):null;var B=({children:t,className:o,testId:r,...n})=>(0,e.jsx)("label",{css:[h,typeof o=="object"?o:void 0],className:typeof o=="string"?o:"","data-test-id":r,...n},t);var ce=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:d,captionTestId:m,classNameContainer:b,classNameControl:p,classNameLabel:v,...ie})=>(0,e.jsx)("div",{"data-test-id":s},a?(0,e.jsx)(B,{htmlFor:r,css:[h,typeof v=="object"?v:void 0],className:typeof v=="string"?v:"",testId:u},t):null,(0,e.jsx)("div",{css:[E,typeof b=="object"?b:void 0],className:typeof b=="string"?b:""},(0,e.jsx)("input",{id:r,css:[k,typeof p=="object"?p:void 0,i?R:void 0,o?Y:""],"aria-label":a?void 0:t,className:typeof p=="string"?p:"",...ie}),o?(0,e.jsx)("div",{css:K},o):null),n?(0,e.jsx)(C,{testId:m},n):null,i?(0,e.jsx)(S,{message:i,testId:d}):null);var et=f(require("react-select"));function lr(t){return(0,e.jsx)(et.default,{...t,classNamePrefix:"input-combobox",styles:{...t.styles,singleValue:(o,r)=>{var n,a;return{...o,color:"#828282",...(a=(n=t.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,o,r)}},valueContainer:(o,r)=>{var n,a;return{...o,padding:"var(--spacing-base)",...(a=(n=t.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,o,r)}},input:(o,r)=>{var n,a;return{...o,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=t.styles)==null?void 0:n.input)==null?void 0:a.call(n,o,r)}},control:(o,r)=>{var n,a;return{...o,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=t.styles)==null?void 0:n.control)==null?void 0:a.call(n,o,r)}},indicatorsContainer:(o,r)=>{var n,a;return{...o,backgroundImage:`url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=t.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,o,r)}},indicatorSeparator:(o,r)=>{var n,a;return{display:"none",...(a=(n=t.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,o,r)}},option:(o,r)=>{var n,a;return{...o,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=t.styles)==null?void 0:n.option)==null?void 0:a.call(n,o,r)}}}})}var it=require("@emotion/react"),st=f(require("react")),ee=require("react");var D=require("@emotion/react"),tt=D.css`
|
|
401
401
|
margin-inline: auto;
|
|
402
402
|
max-width: fit-content;
|
|
403
403
|
`,ot=D.css`
|
|
@@ -458,7 +458,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
458
458
|
`;var lt=require("react-icons/cg"),cr=({classNameContainer:t,options:o,value:r,onChange:n,disabled:a,...i})=>{var b;let[s,u]=(0,ee.useState)(!1),d=(0,ee.useRef)(null);st.useEffect(()=>{let p=v=>{d.current&&!d.current.contains(v.target)&&u(!1)};return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[d]);let m=o.find(p=>p.value===r);return(0,e.jsx)("div",{ref:d,css:t?it.css`
|
|
459
459
|
max-width: fit-content;
|
|
460
460
|
${typeof t=="object"?t:void 0}
|
|
461
|
-
`:tt,className:typeof t=="string"?t:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:ot,onClick:()=>{a||u(p=>!p)},disabled:a,...i},(0,e.jsx)("span",null,(b=m==null?void 0:m.label)!=null?b:r),a?null:(0,e.jsx)(y,{icon:lt.CgChevronDown,iconColor:"currentColor",size:24})),(0,e.jsx)("div",{id:`and-or-${i.id}`,css:[rt,s?void 0:at],"aria-hidden":!s},o.map(p=>(0,e.jsx)("button",{key:p.value,type:"button",css:nt,onClick:()=>{n(p),u(v=>!v)}},p.label))))};var pr=({onSearchTextChanged:t,disabled:o=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>(0,e.jsx)(ce,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:(0,e.jsx)("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:Re},(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:m=>{t(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:o,"aria-label":r,...s});var dr=({label:t,defaultOption:o,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:d,classNameLabel:m,...b})=>(0,e.jsx)("div",{css:[E,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?(0,e.jsx)(l.Fragment,null,(0,e.jsx)(B,{htmlFor:b.id,css:[h,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},t,s)):null,(0,e.jsx)("select",{title:t,"aria-label":i?void 0:t,css:[
|
|
461
|
+
`:tt,className:typeof t=="string"?t:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:ot,onClick:()=>{a||u(p=>!p)},disabled:a,...i},(0,e.jsx)("span",null,(b=m==null?void 0:m.label)!=null?b:r),a?null:(0,e.jsx)(y,{icon:lt.CgChevronDown,iconColor:"currentColor",size:24})),(0,e.jsx)("div",{id:`and-or-${i.id}`,css:[rt,s?void 0:at],"aria-hidden":!s},o.map(p=>(0,e.jsx)("button",{key:p.value,type:"button",css:nt,onClick:()=>{n(p),u(v=>!v)}},p.label))))};var pr=({onSearchTextChanged:t,disabled:o=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>(0,e.jsx)(ce,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:(0,e.jsx)("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:Re},(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:m=>{t(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:o,"aria-label":r,...s});var dr=({label:t,defaultOption:o,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:d,classNameLabel:m,...b})=>(0,e.jsx)("div",{css:[E,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?(0,e.jsx)(l.Fragment,null,(0,e.jsx)(B,{htmlFor:b.id,css:[h,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},t,s)):null,(0,e.jsx)("select",{title:t,"aria-label":i?void 0:t,css:[k,X,a?R:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...b},o?(0,e.jsx)("option",{value:""},o):null,r.map((p,v)=>(0,e.jsx)("option",{key:v,value:p.label,...p}))),n?(0,e.jsx)(C,null,n):null,a?(0,e.jsx)(S,{message:a}):null);var ur=({label:t,type:o,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>(0,e.jsx)(B,{css:[Le,r?ke:void 0]},(0,e.jsx)("input",{type:o,css:Te,checked:n,name:a,disabled:r,...u}),(0,e.jsx)("span",{css:Pe},t),i||s?(0,e.jsx)("span",{css:Me},i?(0,e.jsx)(C,null,i):null,s?(0,e.jsx)(S,{message:s}):null):null);var ct=f(require("react"));var mr=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>(0,e.jsx)(ct.Fragment,null,a?(0,e.jsx)("label",{htmlFor:r,css:[h]},t):null,(0,e.jsx)("div",{css:[E]},(0,e.jsx)("textarea",{id:r,css:[Be,i?R:void 0,o?Y:""],"aria-label":a?void 0:t,...s}),o?(0,e.jsx)("div",{css:K},o):null),n?(0,e.jsx)(C,null,n):null,i?(0,e.jsx)(S,{message:i}):null);var O=f(require("react")),V=require("reakit/Menu");var pt=require("@emotion/react"),dt=pt.css`
|
|
462
462
|
border: 1px solid var(--gray-500);
|
|
463
463
|
border-radius: var(--rounded-base);
|
|
464
464
|
outline: none;
|
|
@@ -646,9 +646,9 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
646
646
|
overflow: hidden;
|
|
647
647
|
z-index: 9999;
|
|
648
648
|
justify-content: center;
|
|
649
|
-
`,Mt=H.css`
|
|
650
|
-
display: flex;
|
|
651
649
|
`,kt=H.css`
|
|
650
|
+
display: flex;
|
|
651
|
+
`,Mt=H.css`
|
|
652
652
|
display: none;
|
|
653
653
|
`,Bt=H.css`
|
|
654
654
|
background: var(--white);
|
|
@@ -662,7 +662,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
662
662
|
`,Ht=H.css`
|
|
663
663
|
color: var(--gray-500);
|
|
664
664
|
margin: var(--spacing-base) 0 0;
|
|
665
|
-
`;var xr=({isActive:t,statusMessage:o})=>(0,e.jsx)("div",{role:"alert",css:[Pt,t?Mt
|
|
665
|
+
`;var xr=({isActive:t,statusMessage:o})=>(0,e.jsx)("div",{role:"alert",css:[Pt,t?kt:Mt],"aria-hidden":!t},(0,e.jsx)("div",{css:Bt}),(0,e.jsx)("div",{css:Et.css`
|
|
666
666
|
position: relative;
|
|
667
667
|
`},(0,e.jsx)("div",{css:zt},(0,e.jsx)(At,{height:128,width:128}),o?(0,e.jsx)("div",{css:Ht},o):null))),At=({height:t,width:o})=>(0,e.jsx)("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:o!=null?o:40,height:t!=null?t: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"),Dt=I.css`
|
|
668
668
|
font-family: var(--ff-heading);
|
|
@@ -724,7 +724,6 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
724
724
|
box-shadow: var(--shadow-base);
|
|
725
725
|
border: 2px solid var(--gray-200);
|
|
726
726
|
display: flex;
|
|
727
|
-
padding: var(--spacing-3);
|
|
728
727
|
margin-block: 0 var(--spacing-sm);
|
|
729
728
|
min-height: 52px;
|
|
730
729
|
transition: border-color var(--duration-fast) var(--timing-ease-out);
|
|
@@ -736,8 +735,12 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
736
735
|
border-color: var(--brand-secondary-3);
|
|
737
736
|
`,oo=oe.css`
|
|
738
737
|
align-items: center;
|
|
738
|
+
border: none;
|
|
739
|
+
background: transparent;
|
|
740
|
+
color: var(--brand-secondary-1);
|
|
739
741
|
display: flex;
|
|
740
742
|
justify-content: space-between;
|
|
743
|
+
padding: var(--spacing-3);
|
|
741
744
|
width: 100%;
|
|
742
745
|
outline: none;
|
|
743
746
|
|
|
@@ -779,7 +782,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
779
782
|
100% {
|
|
780
783
|
opacity: 1;
|
|
781
784
|
}
|
|
782
|
-
`;var Rr=({buttonText:t,active:o,...r})=>(0,e.jsx)("div",{css:[eo,o?to:void 0]
|
|
785
|
+
`;var Rr=({buttonText:t,active:o,...r})=>(0,e.jsx)("div",{css:[eo,o?to:void 0]},(0,e.jsx)("button",{css:oo,type:"button",...r},(0,e.jsx)("span",null,t),(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!o,css:fe.css`
|
|
783
786
|
color: var(--brand-secondary-3);
|
|
784
787
|
transition: opacity var(--duration-fast) var(--timing-ease-out);
|
|
785
788
|
${o?fe.css`
|
|
@@ -877,7 +880,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
877
880
|
& svg {
|
|
878
881
|
color: var(--brand-secondary-5);
|
|
879
882
|
}
|
|
880
|
-
`;var
|
|
883
|
+
`;var kr=({buttonText:t="Add",onClick:o,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(ne({shortcut:r,macShortcut:n,handler:o,activeWhenEditing:!0}),(0,e.jsx)("button",{type:"button","aria-label":t,"data-testid":"add-entry-button",onClick:o,css:Ro,...a},r?(0,e.jsx)(ye,{shortcut:r,css:Lo.css`
|
|
881
884
|
top: -2rem;
|
|
882
885
|
left: -1.5rem;
|
|
883
886
|
`}):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 ae=f(require("react"));var W=require("@emotion/react"),To=W.css`
|
|
@@ -925,14 +928,14 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
925
928
|
&:disabled {
|
|
926
929
|
cursor: not-allowed;
|
|
927
930
|
}
|
|
928
|
-
`,
|
|
931
|
+
`,ko=W.css`
|
|
929
932
|
opacity: var(--opacity-50);
|
|
930
933
|
cursor: not-allowed;
|
|
931
934
|
|
|
932
935
|
& > :before {
|
|
933
936
|
cursor: not-allowed;
|
|
934
937
|
}
|
|
935
|
-
`,
|
|
938
|
+
`,Mo=W.css`
|
|
936
939
|
align-items: center;
|
|
937
940
|
color: var(--brand-secondary-1);
|
|
938
941
|
display: inline-flex;
|
|
@@ -957,7 +960,7 @@ var Yo=Object.create;var U=Object.defineProperty;var Xo=Object.getOwnPropertyDes
|
|
|
957
960
|
color: var(--gray-500);
|
|
958
961
|
font-size: var(--fs-sm);
|
|
959
962
|
padding-inline: var(--spacing-2xl) 0;
|
|
960
|
-
`;var
|
|
963
|
+
`;var Mr=ae.forwardRef(({label:t,infoText:o,toggleText:r,children:n,...a},i)=>{let s=o;return o&&r&&(s=a.checked?r:o),(0,e.jsx)(ae.Fragment,null,(0,e.jsx)("label",{css:[To,a.disabled?ko:void 0]},(0,e.jsx)("input",{type:"checkbox",css:Po,...a,ref:i}),(0,e.jsx)("span",{css:Mo},t)),s?(0,e.jsx)("p",{css:Bo},s):null,n)});var T=f(require("react"));var Z=require("@emotion/react"),zo=Z.css`
|
|
961
964
|
border-bottom: 1px solid var(--gray-400);
|
|
962
965
|
border-collapse: collapse;
|
|
963
966
|
min-width: 100%;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "16.1.1-alpha.
|
|
3
|
+
"version": "16.1.1-alpha.281+1e3a525e6",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"files": [
|
|
46
46
|
"/dist"
|
|
47
47
|
],
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "1e3a525e658169c20a3f3aa9f2603650543f1053"
|
|
49
49
|
}
|