@worldresources/wri-design-systems 2.191.7 → 2.191.8
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/index.cjs.js +2 -9
- package/dist/index.esm.js +2 -9
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1179,13 +1179,12 @@
|
|
|
1179
1179
|
padding: ${"small"===e?"0.25rem 0.5rem":"0.75rem"};
|
|
1180
1180
|
background-color: ${f("neutral",100)};
|
|
1181
1181
|
color: ${f("neutral",800)};
|
|
1182
|
-
border: 0.0625rem solid ${f("neutral",
|
|
1182
|
+
border: 0.0625rem solid ${f("neutral",300)};
|
|
1183
1183
|
box-shadow: 0 0.0625rem 0.125rem 0 #0000000d;
|
|
1184
1184
|
font-size: ${"small"===e?"0.875rem":"1rem"};
|
|
1185
1185
|
|
|
1186
1186
|
&:focus-visible,
|
|
1187
1187
|
&[data-focus-visible] {
|
|
1188
|
-
border: 0.125rem solid ${f("neutral",700)};
|
|
1189
1188
|
outline: 0.125rem solid ${f("primary",700)};
|
|
1190
1189
|
outline-offset: 0.125rem;
|
|
1191
1190
|
box-shadow:
|
|
@@ -1193,12 +1192,6 @@
|
|
|
1193
1192
|
rgba(0, 0, 0, 0.05) 0 0.125rem 0.125rem 0.25rem;
|
|
1194
1193
|
}
|
|
1195
1194
|
|
|
1196
|
-
&:active {
|
|
1197
|
-
border: 0.0625rem solid ${f("primary",600)} !important;
|
|
1198
|
-
outline: none !important;
|
|
1199
|
-
box-shadow: 0 0.0625rem 0.125rem 0 #0000000d;
|
|
1200
|
-
}
|
|
1201
|
-
|
|
1202
1195
|
&[data-invalid] {
|
|
1203
1196
|
border: 0.0625rem solid ${f("error",900)} !important;
|
|
1204
1197
|
}
|
|
@@ -3770,4 +3763,4 @@ function sh(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Obj
|
|
|
3770
3763
|
border: 1px solid ${f("neutral",300)};
|
|
3771
3764
|
border-radius: 4px;
|
|
3772
3765
|
${a?`background: ${a};`:""}
|
|
3773
|
-
`)}):n.jsx("div",{css:Ai,children:e?.map(((e,r)=>n.jsx("div",{"data-test":`${e}-${t?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${t?.[r]}`)))}),n.jsx("div",{css:Ni,children:t?.map((e=>n.jsx("div",{style:{width:i?"auto":`calc(100% / ${t.length})`,display:"flex",justifyContent:"center"},children:n.jsx("p",{css:Vi,children:e})},e)))}),r&&r.length?n.jsx("div",{css:Ni,children:r.map((e=>n.jsx("div",{style:{width:i?"auto":`calc(100% / ${t.length})`,display:"flex",justifyContent:"center"},children:n.jsx("p",{css:zi,style:{width:"100%"},children:e})},e)))}):null]});var a},exports.Search=({placeholder:t,disabled:o,size:i="default",options:a=[],resultsMaxHeight:s=50,isLoading:l=!1,displayResults:c="text",onSelect:d,onQueryChange:u,onClear:h,renderResults:p,labels:m})=>{const g=w("Search",m),[v,b]=r.useState(""),{open:x,onOpen:y,onClose:C}=e.useDisclosure(),[j,k]=r.useState(a),[$,S]=r.useState(-1),[E,L]=r.useState(!1),R=r.useRef(null),T=`search-results-${r.useId()}`,O=e=>{const t=a.find((t=>t.id===e||t.label===e));t&&(d?.(t),b(""),C())};r.useEffect((()=>{if(u?.(v),!v)return void k(a);const e=a.filter((e=>e.id?.toLowerCase().includes(v.toLowerCase())||e.label.toLowerCase().includes(v.toLowerCase())||e.caption?.toLowerCase().includes(v.toLowerCase()))).map((e=>({id:e.id,label:e.label,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>O(e.id||e.label)})));k(e),y()}),[v]),r.useEffect((()=>{function e(e){x&&R.current&&!R.current.contains(e.target)&&C()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[x]);const P=v.length?n.jsx(de,{style:{marginTop:"0.5rem"},onClick:()=>{b(""),h?.()}}):null,M="none"!==c&&!!v.length&&j.length>0&&x;let _=f("neutral",500);o?_=f("neutral",500):E&&(_=f("primary",700));const I="small"===i?"1rem":"1.25rem",D=ve(s);return n.jsxs("div",{ref:R,style:{position:"relative",width:"100%"},children:[n.jsx(e.InputGroup,{startElement:n.jsx(ie,{width:I,height:I,fill:_,style:{marginTop:"0.5rem"}}),endElement:P,children:n.jsx(Mt,{autoComplete:"off",placeholder:t||g.filterPlaceholder,onChange:e=>{const{value:t}=e.target;b(t)},onFocus:()=>L(!0),onBlur:()=>L(!1),value:v,label:"",style:{paddingLeft:"2.5rem",borderColor:f("neutral",500)},type:"search","aria-label":t||g.filterAriaLabel,"aria-expanded":M,"aria-controls":T,role:"combobox","aria-autocomplete":"list",disabled:o,size:i,noMarginBottom:!0,onKeyDown:e=>{if(M){if("ArrowDown"===e.key&&(e.preventDefault(),S((e=>Math.min(e+1,j.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),S((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),$>=0)){const e=j[$];O(e.id||e.label)}"Escape"===e.key&&C()}}})}),(M||l&&!!v.length)&&"custom"===c&&p&&!l&&p({items:j,highlightedIndex:$,query:v,onSelect:O}),(M||l&&!!v.length)&&n.jsx(e.Portal,{container:R,children:n.jsxs(e.Box,{position:"absolute",width:"100%",backgroundColor:"white",border:"custom"===c?"none":"0.0625rem solid",borderColor:"gray.200",borderRadius:"md",zIndex:1e3,overflowY:"auto",maxHeight:D,children:[l&&n.jsx(e.Box,{padding:"1rem",children:n.jsx(e.Spinner,{})}),"text"===c&&!l&&n.jsx(Np,{highlightedIndex:$,items:j,query:v,onSelect:O}),"list"===c&&!l&&n.jsx(ea,{items:j,highlightedIndex:$})]})})]})},exports.Select=ir,exports.Sheet=({header:e,content:t,footer:o,open:i=!1,onClose:a,minimizedHeight:s,midHeight:l=200,maxFullHeight:c,defaultSnap:d="minimized",className:u,blocking:h,zIndex:f=1e3})=>{const p=r.useRef(null),m=r.useRef([]),[g,v]=r.useState(null),b=window.innerWidth>768,x=m.current;let y="Expand sheet";if(null!=g){const e=Bf(g,x);e>0&&e<x.length-1?y="Make full screen":e===x.length-1&&(y="Expanded sheet")}const w=!(null==g||!x.length||Bf(g,x)!==x.length-1);return n.jsx(Nf,{ref:p,css:zf(!!e,f),className:u,open:i,onDismiss:a,header:n.jsxs("div",{children:[n.jsx("button",{type:"button",disabled:w,"aria-label":y,css:Vf,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=x[x.length-1];if(b)return void p.current?.snapTo?.((()=>t));const r=g??x[0];let n=x.findIndex((e=>e>r));-1===n&&(n=x.length-1);const o=x[n];p.current?.snapTo?.((()=>o))},children:n.jsx("div",{})}),n.jsx("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:y}),e]}),footer:o,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const n=[20,s||e,l+(o?r:0),c||t-t/6];return m.current=n,n},onSpringEnd:()=>{const e=p.current?.height;e&&v(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let n=20;return"minimized"===d?n=s||e:"mid"===d?n=l+(o?r:0):"full"===d&&(n=c||t-t/6),n},blocking:h,children:i?t:null})},exports.SimpleMapPin=({onClick:e,triggerRef:r,showFocusState:n,count:o,mode:i,variant:a="simple-pin"})=>t.jsx(Vr,{count:o,mode:i,onClick:e,ref:r,showFocusState:n,variant:a}),exports.Slider=dt,exports.SliderInput=({label:e,caption:t,size:o="default",sliderItem:i,required:a,onChange:s})=>{const[l,c]=r.useState(i.value||[]),d=(e,t)=>{const r=e.target.value,n=[...l];let o=r?parseInt(r,10):r;const a=i.min||0,s=i.max||100;o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>s?s:o,n[t]=o,c(n)},u=(e,t)=>{const r=e.target.value||"0",n=[...l];let o=parseInt(r,10);const a=i.min||0,d=i.max||100;if(o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>d?d:o,2===l?.length){o=Number.isNaN(o)?a:o;const e=l[0],r=l[1];0===t?(o=o<a?a:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),s&&s(n)};return n.jsxs("div",{children:[n.jsxs("p",{css:yr(o),"aria-label":e,children:[a?n.jsx("span",{children:"*"}):null,e]}),t?n.jsx("p",{css:wr(o),"aria-label":t,children:t}):null,n.jsxs("div",{css:Cr,children:[i.step&&i.marks?n.jsx(ir,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"5.625rem"},value:[`${l?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),s&&s(t)}}):n.jsx(Mt,{"aria-label":e,min:i.min,max:i.max,value:l?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>u(e,0),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}),n.jsx(dt,{css:{},...i,value:l,onValueChangeEnd:e=>{c(e.value),s&&s(e.value)}}),2===l?.length?n.jsx(Mt,{"aria-label":e,min:i.min,max:i.max,value:l?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>u(e,1),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:t,labels:r})=>{const o=w("StepProgressIndicator",r);return n.jsxs("div",{css:um,children:[e.map(((e,r)=>n.jsxs("div",{css:hm,children:[n.jsx("button",{css:fm(t>=r+1,t<r+1),type:"button",onClick:e.onClick,"aria-current":t===r+1,"aria-disabled":t<r+1,disabled:t<r+1,"aria-label":o.currentStepLabel(r+1,e.label||"",t>r+1),"data-active":t>=r+1,children:t>r+1?n.jsx($,{height:"1rem",width:"1rem"}):r+1}),e.label?n.jsx("p",{css:pm(t===r+1),children:e.label}):null]},`${e.label}-${r}`))),n.jsx("div",{css:mm,children:n.jsx("div",{css:gm})})]})},exports.Switch=ht,exports.TabBar=({variant:t="panel",defaultValue:o,tabs:i,onTabClick:a,activationMode:s="manual"})=>{const[l,c]=r.useState(Ip(i,o)||0);return n.jsx("div",{css:Rp(t),children:n.jsx(e.Tabs.Root,{width:"full",defaultValue:o||i?.[0]?.value,onValueChange:({value:e})=>{return c(Ip(i,t=e)),void(a&&a(t));var t},activationMode:s,children:n.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((o,i)=>n.jsxs(r.Fragment,{children:["view"===t&&1===i&&"left"===Dp(l)?n.jsx("div",{css:Pp}):null,n.jsx(e.Tabs.Trigger,{css:[Tp,"view"===t&&Mp,"panel"===t&&Op,"transparent"===t&&_p],"aria-label":o["aria-label"]||o.label,...o,children:n.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[o.icon,o.label]})},o.label),"view"===t&&1===i&&"right"===Dp(l)?n.jsx("div",{css:Pp}):null]},o.label)))})})})},exports.Table=({columns:t,data:o=[],renderRow:i,striped:a,stickyHeader:s,pagination:l,selectable:c,selectedRows:d,variant:u="default",onSortColumn:h,onPageSizeChange:p,onPageChange:m,onAllItemsSelected:g,loading:v,labels:b})=>{const x=w("Table",b),[y,C]=r.useState({key:"",order:""}),{totalItems:j=o.length,currentPage:k=1,pageSize:$=10,showItemCount:S,showItemCountText:E}=l||{},R=(e,t)=>{C({key:e,order:t}),h&&h({key:e,order:t})},T=d?.length===o?.length,O=d&&d.length>0&&!T;return n.jsxs("div",{children:[n.jsxs(e.Table.Root,{css:aa(u),striped:a,stickyHeader:s,interactive:!0,children:[n.jsx(e.Table.Header,{css:sa(u),children:n.jsxs(e.Table.Row,{children:[c?n.jsx(e.Table.ColumnHeader,{children:n.jsx(Ne,{name:"header-checkbox",checked:T,indeterminate:O,onCheckedChange:({checked:e})=>{g&&g(e)}})}):null,t.map((t=>n.jsx(e.Table.ColumnHeader,{role:t.sortable?"columnheader":void 0,"aria-sort":t.sortable&&"asc"===y.order?"ascending":t.sortable&&"desc"===y.order?"descending":void 0,children:n.jsxs("div",{css:la,children:[t.label,t.sortable?n.jsxs("div",{css:ca,children:[n.jsx(ce,{css:da(y.key===t.key&&"asc"===y.order),icon:n.jsx(L,{style:{transform:"rotate(180deg)"}}),onClick:()=>R(t.key,"asc"),"aria-label":x.ascendingLabel}),n.jsx(ce,{css:da(y.key===t.key&&"desc"===y.order),icon:n.jsx(L,{}),onClick:()=>R(t.key,"desc"),"aria-label":x.descendingLabel})]}):null]})},t.key)))]})}),n.jsx(e.Table.Body,{css:fa,children:o.map((e=>n.jsx(r.Fragment,{children:i(e,{className:d?.some((t=>t.id===e.id))?"selected":void 0})},e.id)))})]}),v?n.jsx("div",{css:pa,children:n.jsx(e.Spinner,{size:"lg",color:f("primary",500)})}):null,n.jsxs("div",{css:ua,children:[n.jsx("div",{children:S?n.jsx(Zi,{pageSize:$,currentPage:k,totalItems:j,onPageSizeChange:p,showItemCountText:E}):null}),l?n.jsx("div",{css:ha,children:n.jsx(ia,{totalItems:j,pageSize:$,currentPage:k,onPageChange:m})}):null]})]})},exports.TableCell=ga,exports.TableRow=ma,exports.Tag=rr,exports.TextInput=Mt,exports.Textarea=({label:t,caption:o,placeholder:i,errorMessage:a,required:s,disabled:l,size:c="default",defaultValue:d="",onChange:u,minLength:h,maxLength:f,labels:p,...m})=>{const g=w("Textarea",p),[v,b]=r.useState(d),[x,y]=r.useState(!1),[C,j]=r.useState(!1),[k,$]=r.useState(""),S=r.useId(),E=r.useId(),L=r.useId();r.useEffect((()=>{const{length:e}=d;h&&e<h&&e>0?(y(e<h),j(!1),$(g.enterAtLeastChars(h-e))):h&&0===e&&$(g.minChars(h)),f&&e>0?(y(!1),j(e>f),$(g.charsRemaining(f-e))):f&&0===e&&$(g.maxChars(f))}),[]);const R=!!a||x||C,T=[o?S:null,R?E:null,k?L:null].filter(Boolean).join(" ")||void 0;return n.jsxs("div",{css:jr(c),children:[R?n.jsx("div",{css:kr}):null,n.jsxs(e.Field.Root,{required:s,invalid:R,gap:"0",style:{marginLeft:R?"1.1875rem":"0px"},children:[t?n.jsxs(e.Field.Label,{css:$r(c,l),"aria-label":t,children:[n.jsx(e.Field.RequiredIndicator,{"aria-label":g.requiredSymbolLabel}),t,s?"":n.jsx("span",{children:g.optionalSuffix})]}):null,o?n.jsx(e.Field.HelperText,{id:S,css:Sr(c,l),children:o}):null,a?n.jsx(e.Field.ErrorText,{id:E,css:Lr,"aria-label":`${g.errorPrefix} ${a}`,"aria-live":"polite",children:a}):null,n.jsx(e.Textarea,{placeholder:i,disabled:l,css:Rr(c,v,d),onChange:e=>{b(e.target.value);const{length:t}=e.target.value;h&&f?(y(t<h),j(t>f),$(g.charsRemaining(f-t))):h?(y(t<h),j(!1),$(t<h?g.enterAtLeastChars(h-t):"")):f&&(j(t>f),y(!1),$(g.charsRemaining(f-t))),u&&u(e)},value:v,"aria-describedby":T,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...m}),x&&h?n.jsx(e.Field.ErrorText,{id:E,css:Lr,style:{marginTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem"},"aria-live":"polite",children:g.needMoreChars(h-v.length)}):null,C&&f?n.jsx(e.Field.ErrorText,{id:E,css:Lr,style:{marginTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem"},"aria-live":"polite",children:g.tooManyChars(v.length-f)}):null,!k||C||x?null:n.jsx(e.Field.HelperText,{id:L,css:Er,"aria-live":"polite",children:k})]})]})},exports.Toast=({labels:t})=>{const r=w("Toast",t);return Object.keys(jm).map((t=>n.jsx(e.Portal,{children:n.jsx(e.Toaster,{toaster:jm[t],insetInline:{mdDown:"4"},children:o=>n.jsxs(e.Toast.Root,{css:vm,width:{md:"sm"},children:[n.jsxs(e.Stack,{flexDirection:"row",className:"ds-toast-icon-container",children:["info"===o.type?o.meta?.icon?o.meta.icon:n.jsx(E,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===o.type?n.jsx(e.Spinner,{size:"lg",borderWidth:"0.1875rem",color:"var(--chakra-colors-primary-500)"}):null,"success"===o.type?o.meta?.icon?o.meta.icon:n.jsx(I,{color:"var(--chakra-colors-success-500)"}):null,"warning"===o.type?o.meta?.icon?o.meta.icon:n.jsx(D,{color:"var(--chakra-colors-warning-500)"}):null,"error"===o.type?o.meta?.icon?o.meta.icon:n.jsx(A,{color:"var(--chakra-colors-error-500)"}):null,n.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[n.jsx(e.Toast.Title,{css:bm,"aria-label":`${o.title}`,children:o.title}),o.description?n.jsx(e.Toast.Title,{css:xm,"aria-label":`${o.description}`,children:o.description}):null]})]}),o.action||o.meta?.closable?n.jsxs(e.Stack,{flexDirection:"row",children:[o.action?n.jsx(C,{css:ym,label:o.action.label,size:"small",variant:"info"===o.type?"primary":"secondary",onClick:()=>{o?.action?.onClick&&o.action.onClick(),jm[t].dismiss()}}):null,o.meta?.closable?n.jsx(C,{css:wm,label:o.meta.closableLabel,"aria-label":o.meta?.closableLabel||r.dismissLabel,leftIcon:n.jsx(T,{height:"0.625rem!",width:"0.625rem!"}),size:"small",variant:"secondary",onClick:()=>jm[t].dismiss()}):null]}):null]})})},t)))},exports.Toolbar=xe,exports.Tooltip=me,exports.designSystemStyles=h,exports.designSystemStylesForTailwind=u,exports.getThemedColor=f,exports.showToast=e=>{jm[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
|
|
3766
|
+
`)}):n.jsx("div",{css:Ai,children:e?.map(((e,r)=>n.jsx("div",{"data-test":`${e}-${t?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${t?.[r]}`)))}),n.jsx("div",{css:Ni,children:t?.map((e=>n.jsx("div",{style:{width:i?"auto":`calc(100% / ${t.length})`,display:"flex",justifyContent:"center"},children:n.jsx("p",{css:Vi,children:e})},e)))}),r&&r.length?n.jsx("div",{css:Ni,children:r.map((e=>n.jsx("div",{style:{width:i?"auto":`calc(100% / ${t.length})`,display:"flex",justifyContent:"center"},children:n.jsx("p",{css:zi,style:{width:"100%"},children:e})},e)))}):null]});var a},exports.Search=({placeholder:t,disabled:o,size:i="default",options:a=[],resultsMaxHeight:s=50,isLoading:l=!1,displayResults:c="text",onSelect:d,onQueryChange:u,onClear:h,renderResults:p,labels:m})=>{const g=w("Search",m),[v,b]=r.useState(""),{open:x,onOpen:y,onClose:C}=e.useDisclosure(),[j,k]=r.useState(a),[$,S]=r.useState(-1),[E,L]=r.useState(!1),R=r.useRef(null),T=`search-results-${r.useId()}`,O=e=>{const t=a.find((t=>t.id===e||t.label===e));t&&(d?.(t),b(""),C())};r.useEffect((()=>{if(u?.(v),!v)return void k(a);const e=a.filter((e=>e.id?.toLowerCase().includes(v.toLowerCase())||e.label.toLowerCase().includes(v.toLowerCase())||e.caption?.toLowerCase().includes(v.toLowerCase()))).map((e=>({id:e.id,label:e.label,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>O(e.id||e.label)})));k(e),y()}),[v]),r.useEffect((()=>{function e(e){x&&R.current&&!R.current.contains(e.target)&&C()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[x]);const P=v.length?n.jsx(de,{onClick:()=>{b(""),h?.()}}):null,M="none"!==c&&!!v.length&&j.length>0&&x;let _=f("neutral",500);o?_=f("neutral",500):E&&(_=f("primary",700));const I="small"===i?"1rem":"1.25rem",D=ve(s);return n.jsxs("div",{ref:R,style:{position:"relative",width:"100%"},children:[n.jsx(e.InputGroup,{startElement:n.jsx(ie,{width:I,height:I,fill:_}),endElement:P,children:n.jsx(Mt,{autoComplete:"off",placeholder:t||g.filterPlaceholder,onChange:e=>{const{value:t}=e.target;b(t)},onFocus:()=>L(!0),onBlur:()=>L(!1),value:v,label:"",style:{paddingLeft:"2.5rem"},type:"search","aria-label":t||g.filterAriaLabel,"aria-expanded":M,"aria-controls":T,role:"combobox","aria-autocomplete":"list",disabled:o,size:i,noMarginBottom:!0,onKeyDown:e=>{if(M){if("ArrowDown"===e.key&&(e.preventDefault(),S((e=>Math.min(e+1,j.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),S((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),$>=0)){const e=j[$];O(e.id||e.label)}"Escape"===e.key&&C()}}})}),(M||l&&!!v.length)&&"custom"===c&&p&&!l&&p({items:j,highlightedIndex:$,query:v,onSelect:O}),(M||l&&!!v.length)&&n.jsx(e.Portal,{container:R,children:n.jsxs(e.Box,{position:"absolute",width:"100%",backgroundColor:"white",border:"custom"===c?"none":"0.0625rem solid",borderColor:"gray.200",borderRadius:"md",zIndex:1e3,overflowY:"auto",maxHeight:D,children:[l&&n.jsx(e.Box,{padding:"1rem",children:n.jsx(e.Spinner,{})}),"text"===c&&!l&&n.jsx(Np,{highlightedIndex:$,items:j,query:v,onSelect:O}),"list"===c&&!l&&n.jsx(ea,{items:j,highlightedIndex:$})]})})]})},exports.Select=ir,exports.Sheet=({header:e,content:t,footer:o,open:i=!1,onClose:a,minimizedHeight:s,midHeight:l=200,maxFullHeight:c,defaultSnap:d="minimized",className:u,blocking:h,zIndex:f=1e3})=>{const p=r.useRef(null),m=r.useRef([]),[g,v]=r.useState(null),b=window.innerWidth>768,x=m.current;let y="Expand sheet";if(null!=g){const e=Bf(g,x);e>0&&e<x.length-1?y="Make full screen":e===x.length-1&&(y="Expanded sheet")}const w=!(null==g||!x.length||Bf(g,x)!==x.length-1);return n.jsx(Nf,{ref:p,css:zf(!!e,f),className:u,open:i,onDismiss:a,header:n.jsxs("div",{children:[n.jsx("button",{type:"button",disabled:w,"aria-label":y,css:Vf,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=x[x.length-1];if(b)return void p.current?.snapTo?.((()=>t));const r=g??x[0];let n=x.findIndex((e=>e>r));-1===n&&(n=x.length-1);const o=x[n];p.current?.snapTo?.((()=>o))},children:n.jsx("div",{})}),n.jsx("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:y}),e]}),footer:o,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const n=[20,s||e,l+(o?r:0),c||t-t/6];return m.current=n,n},onSpringEnd:()=>{const e=p.current?.height;e&&v(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let n=20;return"minimized"===d?n=s||e:"mid"===d?n=l+(o?r:0):"full"===d&&(n=c||t-t/6),n},blocking:h,children:i?t:null})},exports.SimpleMapPin=({onClick:e,triggerRef:r,showFocusState:n,count:o,mode:i,variant:a="simple-pin"})=>t.jsx(Vr,{count:o,mode:i,onClick:e,ref:r,showFocusState:n,variant:a}),exports.Slider=dt,exports.SliderInput=({label:e,caption:t,size:o="default",sliderItem:i,required:a,onChange:s})=>{const[l,c]=r.useState(i.value||[]),d=(e,t)=>{const r=e.target.value,n=[...l];let o=r?parseInt(r,10):r;const a=i.min||0,s=i.max||100;o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>s?s:o,n[t]=o,c(n)},u=(e,t)=>{const r=e.target.value||"0",n=[...l];let o=parseInt(r,10);const a=i.min||0,d=i.max||100;if(o=Number.isNaN(o)?a:o,o=o<a?a:o,o=o>d?d:o,2===l?.length){o=Number.isNaN(o)?a:o;const e=l[0],r=l[1];0===t?(o=o<a?a:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),s&&s(n)};return n.jsxs("div",{children:[n.jsxs("p",{css:yr(o),"aria-label":e,children:[a?n.jsx("span",{children:"*"}):null,e]}),t?n.jsx("p",{css:wr(o),"aria-label":t,children:t}):null,n.jsxs("div",{css:Cr,children:[i.step&&i.marks?n.jsx(ir,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"5.625rem"},value:[`${l?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),s&&s(t)}}):n.jsx(Mt,{"aria-label":e,min:i.min,max:i.max,value:l?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>u(e,0),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}),n.jsx(dt,{css:{},...i,value:l,onValueChangeEnd:e=>{c(e.value),s&&s(e.value)}}),2===l?.length?n.jsx(Mt,{"aria-label":e,min:i.min,max:i.max,value:l?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>u(e,1),className:"ds-opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:t,labels:r})=>{const o=w("StepProgressIndicator",r);return n.jsxs("div",{css:um,children:[e.map(((e,r)=>n.jsxs("div",{css:hm,children:[n.jsx("button",{css:fm(t>=r+1,t<r+1),type:"button",onClick:e.onClick,"aria-current":t===r+1,"aria-disabled":t<r+1,disabled:t<r+1,"aria-label":o.currentStepLabel(r+1,e.label||"",t>r+1),"data-active":t>=r+1,children:t>r+1?n.jsx($,{height:"1rem",width:"1rem"}):r+1}),e.label?n.jsx("p",{css:pm(t===r+1),children:e.label}):null]},`${e.label}-${r}`))),n.jsx("div",{css:mm,children:n.jsx("div",{css:gm})})]})},exports.Switch=ht,exports.TabBar=({variant:t="panel",defaultValue:o,tabs:i,onTabClick:a,activationMode:s="manual"})=>{const[l,c]=r.useState(Ip(i,o)||0);return n.jsx("div",{css:Rp(t),children:n.jsx(e.Tabs.Root,{width:"full",defaultValue:o||i?.[0]?.value,onValueChange:({value:e})=>{return c(Ip(i,t=e)),void(a&&a(t));var t},activationMode:s,children:n.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((o,i)=>n.jsxs(r.Fragment,{children:["view"===t&&1===i&&"left"===Dp(l)?n.jsx("div",{css:Pp}):null,n.jsx(e.Tabs.Trigger,{css:[Tp,"view"===t&&Mp,"panel"===t&&Op,"transparent"===t&&_p],"aria-label":o["aria-label"]||o.label,...o,children:n.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[o.icon,o.label]})},o.label),"view"===t&&1===i&&"right"===Dp(l)?n.jsx("div",{css:Pp}):null]},o.label)))})})})},exports.Table=({columns:t,data:o=[],renderRow:i,striped:a,stickyHeader:s,pagination:l,selectable:c,selectedRows:d,variant:u="default",onSortColumn:h,onPageSizeChange:p,onPageChange:m,onAllItemsSelected:g,loading:v,labels:b})=>{const x=w("Table",b),[y,C]=r.useState({key:"",order:""}),{totalItems:j=o.length,currentPage:k=1,pageSize:$=10,showItemCount:S,showItemCountText:E}=l||{},R=(e,t)=>{C({key:e,order:t}),h&&h({key:e,order:t})},T=d?.length===o?.length,O=d&&d.length>0&&!T;return n.jsxs("div",{children:[n.jsxs(e.Table.Root,{css:aa(u),striped:a,stickyHeader:s,interactive:!0,children:[n.jsx(e.Table.Header,{css:sa(u),children:n.jsxs(e.Table.Row,{children:[c?n.jsx(e.Table.ColumnHeader,{children:n.jsx(Ne,{name:"header-checkbox",checked:T,indeterminate:O,onCheckedChange:({checked:e})=>{g&&g(e)}})}):null,t.map((t=>n.jsx(e.Table.ColumnHeader,{role:t.sortable?"columnheader":void 0,"aria-sort":t.sortable&&"asc"===y.order?"ascending":t.sortable&&"desc"===y.order?"descending":void 0,children:n.jsxs("div",{css:la,children:[t.label,t.sortable?n.jsxs("div",{css:ca,children:[n.jsx(ce,{css:da(y.key===t.key&&"asc"===y.order),icon:n.jsx(L,{style:{transform:"rotate(180deg)"}}),onClick:()=>R(t.key,"asc"),"aria-label":x.ascendingLabel}),n.jsx(ce,{css:da(y.key===t.key&&"desc"===y.order),icon:n.jsx(L,{}),onClick:()=>R(t.key,"desc"),"aria-label":x.descendingLabel})]}):null]})},t.key)))]})}),n.jsx(e.Table.Body,{css:fa,children:o.map((e=>n.jsx(r.Fragment,{children:i(e,{className:d?.some((t=>t.id===e.id))?"selected":void 0})},e.id)))})]}),v?n.jsx("div",{css:pa,children:n.jsx(e.Spinner,{size:"lg",color:f("primary",500)})}):null,n.jsxs("div",{css:ua,children:[n.jsx("div",{children:S?n.jsx(Zi,{pageSize:$,currentPage:k,totalItems:j,onPageSizeChange:p,showItemCountText:E}):null}),l?n.jsx("div",{css:ha,children:n.jsx(ia,{totalItems:j,pageSize:$,currentPage:k,onPageChange:m})}):null]})]})},exports.TableCell=ga,exports.TableRow=ma,exports.Tag=rr,exports.TextInput=Mt,exports.Textarea=({label:t,caption:o,placeholder:i,errorMessage:a,required:s,disabled:l,size:c="default",defaultValue:d="",onChange:u,minLength:h,maxLength:f,labels:p,...m})=>{const g=w("Textarea",p),[v,b]=r.useState(d),[x,y]=r.useState(!1),[C,j]=r.useState(!1),[k,$]=r.useState(""),S=r.useId(),E=r.useId(),L=r.useId();r.useEffect((()=>{const{length:e}=d;h&&e<h&&e>0?(y(e<h),j(!1),$(g.enterAtLeastChars(h-e))):h&&0===e&&$(g.minChars(h)),f&&e>0?(y(!1),j(e>f),$(g.charsRemaining(f-e))):f&&0===e&&$(g.maxChars(f))}),[]);const R=!!a||x||C,T=[o?S:null,R?E:null,k?L:null].filter(Boolean).join(" ")||void 0;return n.jsxs("div",{css:jr(c),children:[R?n.jsx("div",{css:kr}):null,n.jsxs(e.Field.Root,{required:s,invalid:R,gap:"0",style:{marginLeft:R?"1.1875rem":"0px"},children:[t?n.jsxs(e.Field.Label,{css:$r(c,l),"aria-label":t,children:[n.jsx(e.Field.RequiredIndicator,{"aria-label":g.requiredSymbolLabel}),t,s?"":n.jsx("span",{children:g.optionalSuffix})]}):null,o?n.jsx(e.Field.HelperText,{id:S,css:Sr(c,l),children:o}):null,a?n.jsx(e.Field.ErrorText,{id:E,css:Lr,"aria-label":`${g.errorPrefix} ${a}`,"aria-live":"polite",children:a}):null,n.jsx(e.Textarea,{placeholder:i,disabled:l,css:Rr(c,v,d),onChange:e=>{b(e.target.value);const{length:t}=e.target.value;h&&f?(y(t<h),j(t>f),$(g.charsRemaining(f-t))):h?(y(t<h),j(!1),$(t<h?g.enterAtLeastChars(h-t):"")):f&&(j(t>f),y(!1),$(g.charsRemaining(f-t))),u&&u(e)},value:v,"aria-describedby":T,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...m}),x&&h?n.jsx(e.Field.ErrorText,{id:E,css:Lr,style:{marginTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem"},"aria-live":"polite",children:g.needMoreChars(h-v.length)}):null,C&&f?n.jsx(e.Field.ErrorText,{id:E,css:Lr,style:{marginTop:"0.5rem",fontSize:"0.75rem",lineHeight:"1rem"},"aria-live":"polite",children:g.tooManyChars(v.length-f)}):null,!k||C||x?null:n.jsx(e.Field.HelperText,{id:L,css:Er,"aria-live":"polite",children:k})]})]})},exports.Toast=({labels:t})=>{const r=w("Toast",t);return Object.keys(jm).map((t=>n.jsx(e.Portal,{children:n.jsx(e.Toaster,{toaster:jm[t],insetInline:{mdDown:"4"},children:o=>n.jsxs(e.Toast.Root,{css:vm,width:{md:"sm"},children:[n.jsxs(e.Stack,{flexDirection:"row",className:"ds-toast-icon-container",children:["info"===o.type?o.meta?.icon?o.meta.icon:n.jsx(E,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===o.type?n.jsx(e.Spinner,{size:"lg",borderWidth:"0.1875rem",color:"var(--chakra-colors-primary-500)"}):null,"success"===o.type?o.meta?.icon?o.meta.icon:n.jsx(I,{color:"var(--chakra-colors-success-500)"}):null,"warning"===o.type?o.meta?.icon?o.meta.icon:n.jsx(D,{color:"var(--chakra-colors-warning-500)"}):null,"error"===o.type?o.meta?.icon?o.meta.icon:n.jsx(A,{color:"var(--chakra-colors-error-500)"}):null,n.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[n.jsx(e.Toast.Title,{css:bm,"aria-label":`${o.title}`,children:o.title}),o.description?n.jsx(e.Toast.Title,{css:xm,"aria-label":`${o.description}`,children:o.description}):null]})]}),o.action||o.meta?.closable?n.jsxs(e.Stack,{flexDirection:"row",children:[o.action?n.jsx(C,{css:ym,label:o.action.label,size:"small",variant:"info"===o.type?"primary":"secondary",onClick:()=>{o?.action?.onClick&&o.action.onClick(),jm[t].dismiss()}}):null,o.meta?.closable?n.jsx(C,{css:wm,label:o.meta.closableLabel,"aria-label":o.meta?.closableLabel||r.dismissLabel,leftIcon:n.jsx(T,{height:"0.625rem!",width:"0.625rem!"}),size:"small",variant:"secondary",onClick:()=>jm[t].dismiss()}):null]}):null]})})},t)))},exports.Toolbar=xe,exports.Tooltip=me,exports.designSystemStyles=h,exports.designSystemStylesForTailwind=u,exports.getThemedColor=f,exports.showToast=e=>{jm[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
|
package/dist/index.esm.js
CHANGED
|
@@ -1208,13 +1208,12 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
|
|
|
1208
1208
|
padding: ${"small"===e?"0.25rem 0.5rem":"0.75rem"};
|
|
1209
1209
|
background-color: ${Re("neutral",100)};
|
|
1210
1210
|
color: ${Re("neutral",800)};
|
|
1211
|
-
border: 0.0625rem solid ${Re("neutral",
|
|
1211
|
+
border: 0.0625rem solid ${Re("neutral",300)};
|
|
1212
1212
|
box-shadow: 0 0.0625rem 0.125rem 0 #0000000d;
|
|
1213
1213
|
font-size: ${"small"===e?"0.875rem":"1rem"};
|
|
1214
1214
|
|
|
1215
1215
|
&:focus-visible,
|
|
1216
1216
|
&[data-focus-visible] {
|
|
1217
|
-
border: 0.125rem solid ${Re("neutral",700)};
|
|
1218
1217
|
outline: 0.125rem solid ${Re("primary",700)};
|
|
1219
1218
|
outline-offset: 0.125rem;
|
|
1220
1219
|
box-shadow:
|
|
@@ -1222,12 +1221,6 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
|
|
|
1222
1221
|
rgba(0, 0, 0, 0.05) 0 0.125rem 0.125rem 0.25rem;
|
|
1223
1222
|
}
|
|
1224
1223
|
|
|
1225
|
-
&:active {
|
|
1226
|
-
border: 0.0625rem solid ${Re("primary",600)} !important;
|
|
1227
|
-
outline: none !important;
|
|
1228
|
-
box-shadow: 0 0.0625rem 0.125rem 0 #0000000d;
|
|
1229
|
-
}
|
|
1230
|
-
|
|
1231
1224
|
&[data-invalid] {
|
|
1232
1225
|
border: 0.0625rem solid ${Re("error",900)} !important;
|
|
1233
1226
|
}
|
|
@@ -3449,7 +3442,7 @@ function Kf(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Obj
|
|
|
3449
3442
|
}
|
|
3450
3443
|
}
|
|
3451
3444
|
}
|
|
3452
|
-
`,Tg=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),Pg=e=>1===e?"none":2===e?"left":"right",Mg=({variant:e="panel",defaultValue:t,tabs:r,onTabClick:o,activationMode:i="manual"})=>{const[a,l]=ae(Tg(r,t)||0);return be("div",{css:kg(e),children:be(A.Root,{width:"full",defaultValue:t||r?.[0]?.value,onValueChange:({value:e})=>{return l(Tg(r,t=e)),void(o&&o(t));var t},activationMode:i,children:be(A.List,{alignItems:"center",border:"none",children:r.map(((t,r)=>ve(ge,{children:["view"===e&&1===r&&"left"===Pg(a)?be("div",{css:Lg}):null,be(A.Trigger,{css:[Sg,"view"===e&&Rg,"panel"===e&&Eg,"transparent"===e&&Og],"aria-label":t["aria-label"]||t.label,...t,children:ve(n,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[t.icon,t.label]})},t.label),"view"===e&&1===r&&"right"===Pg(a)?be("div",{css:Lg}):null]},t.label)))})})})},_g=({text:e,query:t})=>{if(!t)return e;const r=new RegExp(`(${t})`,"ig"),n=e.split(r);return K(Q,{children:n.map((e=>r.test(e)?K("strong",{children:e},e):K("span",{children:e},e)))})},Dg=({items:e,query:t,onSelect:r,highlightedIndex:o})=>{const i=le(null);return se((()=>{if(!i.current)return;const e=i.current.children[o];e&&e.scrollIntoView({block:"nearest"})}),[o]),K(n,{padding:"0.5rem",children:e.map(((e,a)=>K(n,{ref:i,padding:"0.375rem 0.5rem",borderRadius:"md",cursor:"pointer",bg:a===o?"gray.100":void 0,_hover:{background:"gray.50"},onClick:()=>r(e.id||e.label),children:K(_g,{text:e.label,query:t})},e.id)))})},Ng=({placeholder:e,disabled:t,size:r="default",options:i=[],resultsMaxHeight:a=50,isLoading:s=!1,displayResults:c="text",onSelect:d,onQueryChange:u,onClear:h,renderResults:f,labels:p})=>{const m=Ve("Search",p),[g,v]=ae(""),{open:b,onOpen:y,onClose:w}=B(),[C,x]=ae(i),[$,k]=ae(-1),[S,E]=ae(!1),L=le(null),R=`search-results-${ce()}`,O=e=>{const t=i.find((t=>t.id===e||t.label===e));t&&(d?.(t),v(""),w())};se((()=>{if(u?.(g),!g)return void x(i);const e=i.filter((e=>e.id?.toLowerCase().includes(g.toLowerCase())||e.label.toLowerCase().includes(g.toLowerCase())||e.caption?.toLowerCase().includes(g.toLowerCase()))).map((e=>({id:e.id,label:e.label,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>O(e.id||e.label)})));x(e),y()}),[g]),se((()=>{function e(e){b&&L.current&&!L.current.contains(e.target)&&w()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[b]);const T=g.length?be(Et,{
|
|
3445
|
+
`,Tg=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),Pg=e=>1===e?"none":2===e?"left":"right",Mg=({variant:e="panel",defaultValue:t,tabs:r,onTabClick:o,activationMode:i="manual"})=>{const[a,l]=ae(Tg(r,t)||0);return be("div",{css:kg(e),children:be(A.Root,{width:"full",defaultValue:t||r?.[0]?.value,onValueChange:({value:e})=>{return l(Tg(r,t=e)),void(o&&o(t));var t},activationMode:i,children:be(A.List,{alignItems:"center",border:"none",children:r.map(((t,r)=>ve(ge,{children:["view"===e&&1===r&&"left"===Pg(a)?be("div",{css:Lg}):null,be(A.Trigger,{css:[Sg,"view"===e&&Rg,"panel"===e&&Eg,"transparent"===e&&Og],"aria-label":t["aria-label"]||t.label,...t,children:ve(n,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[t.icon,t.label]})},t.label),"view"===e&&1===r&&"right"===Pg(a)?be("div",{css:Lg}):null]},t.label)))})})})},_g=({text:e,query:t})=>{if(!t)return e;const r=new RegExp(`(${t})`,"ig"),n=e.split(r);return K(Q,{children:n.map((e=>r.test(e)?K("strong",{children:e},e):K("span",{children:e},e)))})},Dg=({items:e,query:t,onSelect:r,highlightedIndex:o})=>{const i=le(null);return se((()=>{if(!i.current)return;const e=i.current.children[o];e&&e.scrollIntoView({block:"nearest"})}),[o]),K(n,{padding:"0.5rem",children:e.map(((e,a)=>K(n,{ref:i,padding:"0.375rem 0.5rem",borderRadius:"md",cursor:"pointer",bg:a===o?"gray.100":void 0,_hover:{background:"gray.50"},onClick:()=>r(e.id||e.label),children:K(_g,{text:e.label,query:t})},e.id)))})},Ng=({placeholder:e,disabled:t,size:r="default",options:i=[],resultsMaxHeight:a=50,isLoading:s=!1,displayResults:c="text",onSelect:d,onQueryChange:u,onClear:h,renderResults:f,labels:p})=>{const m=Ve("Search",p),[g,v]=ae(""),{open:b,onOpen:y,onClose:w}=B(),[C,x]=ae(i),[$,k]=ae(-1),[S,E]=ae(!1),L=le(null),R=`search-results-${ce()}`,O=e=>{const t=i.find((t=>t.id===e||t.label===e));t&&(d?.(t),v(""),w())};se((()=>{if(u?.(g),!g)return void x(i);const e=i.filter((e=>e.id?.toLowerCase().includes(g.toLowerCase())||e.label.toLowerCase().includes(g.toLowerCase())||e.caption?.toLowerCase().includes(g.toLowerCase()))).map((e=>({id:e.id,label:e.label,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>O(e.id||e.label)})));x(e),y()}),[g]),se((()=>{function e(e){b&&L.current&&!L.current.contains(e.target)&&w()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[b]);const T=g.length?be(Et,{onClick:()=>{v(""),h?.()}}):null,P="none"!==c&&!!g.length&&C.length>0&&b;let M=Re("neutral",500);t?M=Re("neutral",500):S&&(M=Re("primary",700));const _="small"===r?"1rem":"1.25rem",D=_t(a);return ve("div",{ref:L,style:{position:"relative",width:"100%"},children:[be(F,{startElement:be(Ct,{width:_,height:_,fill:M}),endElement:T,children:be(tn,{autoComplete:"off",placeholder:e||m.filterPlaceholder,onChange:e=>{const{value:t}=e.target;v(t)},onFocus:()=>E(!0),onBlur:()=>E(!1),value:g,label:"",style:{paddingLeft:"2.5rem"},type:"search","aria-label":e||m.filterAriaLabel,"aria-expanded":P,"aria-controls":R,role:"combobox","aria-autocomplete":"list",disabled:t,size:r,noMarginBottom:!0,onKeyDown:e=>{if(P){if("ArrowDown"===e.key&&(e.preventDefault(),k((e=>Math.min(e+1,C.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),k((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),$>=0)){const e=C[$];O(e.id||e.label)}"Escape"===e.key&&w()}}})}),(P||s&&!!g.length)&&"custom"===c&&f&&!s&&f({items:C,highlightedIndex:$,query:g,onSelect:O}),(P||s&&!!g.length)&&be(l,{container:L,children:ve(n,{position:"absolute",width:"100%",backgroundColor:"white",border:"custom"===c?"none":"0.0625rem solid",borderColor:"gray.200",borderRadius:"md",zIndex:1e3,overflowY:"auto",maxHeight:D,children:[s&&be(n,{padding:"1rem",children:be(o,{})}),"text"===c&&!s&&be(Dg,{highlightedIndex:$,items:C,query:g,onSelect:O}),"list"===c&&!s&&be(Al,{items:C,highlightedIndex:$})]})})]})},Ig={small:"1rem",medium:"1.5rem",large:"2.5rem",default:"1rem"};function Vg(e,t,r,n){const o=function(e,t){return null!=t&&""!==t?_t(t):e&&Ig[e]?Ig[e]:Ig.default}(e,t),i=r?Re("neutral",200):Re("primary",300),a=n??i,l=n&&r?"opacity: 0.7;":"",s=Re("neutral",r?400:800);return we`
|
|
3453
3446
|
height: ${o};
|
|
3454
3447
|
width: ${o};
|
|
3455
3448
|
border-radius: 50%;
|