@theroutingcompany/components 0.0.148-alpha.7 → 0.0.149-alpha.0

package/dist/trc-components.umd.js

@@ -1330,7 +1330,8 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var ie=re(oe,X,U,Y,Q+"."
     color: ${f.color_deprecated_fill_inverse_hover};
   }
 
-  &[data-state~='pressed'] {
+  &[data-state~='pressed'],
+  &[data-active='true'] {
     background: ${f.color_deprecated_fill_primary_pressed};
   }
 
@@ -1390,7 +1391,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var ie=re(oe,X,U,Y,Q+"."
   &:disabled {
     background: ${f.color_deprecated_fill_inverse_disabled};
   }
-`,MF={primary:BF,secondary:FF,danger:IF,inverse:RF},Zi=y.forwardRef((e,t)=>{const n=Qn(t),{label:r,size:o="small",variant:i="primary",shape:u="circle",disabled:a,onClick:l,autoFocus:s,children:c,style:d={},...p}=e,h=yn(),v=a??h,{buttonProps:g,isPressed:$}=Br({onPress:l,isDisabled:v,autoFocus:s},n),{isFocusVisible:x,focusProps:E}=Ii({autoFocus:s}),C=d3({isFocusVisible:x,isPressed:$}),_=MF[i],P=ay[u],S=cf[o],k=ke(E,p,g,{"data-state":C});return m(_,{ref:n,...k,style:{"--icon-button-size":S,"--icon-button-border-radius":P,...d},children:m(li,{label:r,children:c})})});Zi.displayName="IconButton";const OF=L.default(Rt)`
+`,MF={primary:BF,secondary:FF,danger:IF,inverse:RF},Zi=y.forwardRef((e,t)=>{const n=Qn(t),{label:r,size:o="small",variant:i="primary",shape:u="circle",disabled:a,onClick:l,autoFocus:s,children:c,style:d={},as:p,active:h,...v}=e,g=yn(),$=a??g,{buttonProps:x,isPressed:E}=Br({onPress:l,isDisabled:$,autoFocus:s},n),{isFocusVisible:C,focusProps:_}=Ii({autoFocus:s}),P=d3({isFocusVisible:C,isPressed:E}),S=MF[i],k=ay[u],B=cf[o],F=ke(_,v,x,{"data-state":P,"data-active":h?"true":"false"});return m(S,{ref:n,...F,as:p,style:{"--icon-button-size":B,"--icon-button-border-radius":k,...d},children:m(li,{label:r,children:c})})});Zi.displayName="IconButton";const OF=L.default(Rt)`
   font-family: ${f.font_family_pingo} !important;
   color: ${f.color_black} !important;
   font-weight: ${f.font_weight_100};
@@ -1543,7 +1544,7 @@ Valid keys: `+JSON.stringify(Object.keys(D),null,"  "));var ie=re(oe,X,U,Y,Q+"."
   line-height: ${f.line_height_deprecated_133};
   font-family: ${f.font_family_pingo};
   max-width: ${f.sizing_1000};
-  z-index: 30;
+  z-index: 2100;
   animation-duration: 400ms;
   animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
 
@@ -2455,7 +2456,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `,Ip=e=>{const{label:t,boldLabel:n=!0,autoFocus:r,className:o,excludeFromTabOrder:i,isClearable:u=!0,isDisabled:a,isSelectableAll:l=!1,isAllSelectedText:s,placeholder:c="Select...",tooltipContent:d,tooltipIcon:p,errorMessage:h,isInvalid:v=!1}=e,g=b.default.useRef(null),$=!u,x=jz({...e,disallowEmptySelection:$}),{labelProps:E,triggerProps:C,valueProps:_,menuProps:P,errorMessageProps:S}=zz({...e,disallowEmptySelection:$},x,g),{buttonProps:k}=Br({...C,autoFocus:r,excludeFromTabOrder:i,isDisabled:a},g),B=x.selectionManager.isSelectAll,[F,A]=b.default.useState(!1),O=()=>x.selectionManager.toggleSelectAll(),H=()=>x.selectionManager.setFocusedKey(null),K=(M,N=!1,W)=>m(Rt,{children:N&&W?m("span",{children:W}):m("span",{children:M.map(G=>G.textValue).join(", ")})});return ee(jt,{className:iE("select-wrapper",{"select-wrapper--opens":x.isOpen},o),children:[t?ee(et,{...E,mb:f.spacing_150,onClick:()=>x.open(),bold:n,children:[t,d?m(ft,{icon:p,children:d}):null]}):null,m(G8,{focusRingClass:"select--focused",autoFocus:r,children:ee(Fp,{...k,ref:g,isOpen:x.isOpen,"data-state":v?"invalid":void 0,disabled:a??!1,children:[m("span",{..._,children:x.selectedItems?K(x.selectedItems,B,s):m(Bp,{children:c})}),m(Wz,{children:m(Il,{style:{width:"18px",height:"18px"},"aria-hidden":"true"})})]})}),h?m(Wt,{...S,children:h}):null,x.isOpen?ee(zr,{state:x,targetRef:g,isTargetWidth:!0,children:[l?ee(Ge,{children:[ee(Fl,{onMouseOver:()=>{A(!0),H()},onMouseOut:()=>A(!1),isFocused:F,tabIndex:F?0:-1,onClick:O,"aria-label":"Select All",children:[m(Lf,{isDisabled:a??!1,isSelected:B,"aria-label":"Select All",onChange:O}),ee(Jf,{children:[m(Et,{as:"span",children:s??"All"}),m(Qf,{children:B?m(Le.Check,{"aria-hidden":"true",style:{width:18,height:18}}):null})]})]}),m(t$,{})]}):null,m(IM,{...P,state:x,isSelectableAll:!0})]}):null]})};Ip.displayName="MultiSelectComponent";const lE=({items:e,...t})=>{const{children:n}=t,r=o=>o.textValue?m(zo,{textValue:o.textValue,children:o.textValue},o.id):m(zo,{children:o.name},o.id);if(!e)throw new Error("MultiSelect requires items");return m(Ip,{...t,items:e,children:n||r})};lE.displayName="MultiSelect";const Rp="nav-menu-portal";var sE=(e=>(e.Up="Up",e.Down="Down",e))(sE||{});const Mp=b.default.createContext({direction:"Down",menuRef:null,triggerRef:null,setTriggerRef:function(){throw new Error("Function not implemented.")},open:!1,setOpen:function(){throw new Error("Function not implemented.")}}),Uz=L.default.div`
   position: relative;
   width: inherit;
-`,Go=y.forwardRef((e,t)=>{const[n,r]=y.useState(!1),[o,i]=y.useState(null),u=Qn(t);return y.useEffect(()=>{const a=document.getElementById(Rp);function l(s){const c=s.target;u.current&&!u.current.contains(c)&&!(a!=null&&a.contains(c))&&r(!1)}return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[u]),m(Mp.Provider,{value:{menuRef:u,triggerRef:o,setTriggerRef:i,open:n,setOpen:r,direction:e.direction??"Down"},children:m(Uz,{ref:u,role:"menu",children:e.children})})});Go.displayName="NavigationMenu";const Hz=L.default.button`
+`,Go=y.forwardRef((e,t)=>{const[n,r]=y.useState(!1),[o,i]=y.useState(null),u=Qn(t),a=e.isOpen!==void 0,l=a?e.isOpen??!1:n,s=y.useCallback(c=>{var d;if(a){const p=typeof c=="function"?c(e.isOpen??!1):c;(d=e.onOpenChange)==null||d.call(e,p)}else r(c)},[a,e]);return y.useEffect(()=>{const c=document.getElementById(Rp);function d(p){const h=p.target;u.current&&!u.current.contains(h)&&!(c!=null&&c.contains(h))&&s(!1)}return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[u,s]),m(Mp.Provider,{value:{menuRef:u,triggerRef:o,setTriggerRef:i,open:l,setOpen:s,direction:e.direction??"Down"},children:m(Uz,{ref:u,role:"menu",children:e.children})})});Go.displayName="NavigationMenu";const Hz=L.default.button`
   cursor: pointer;
   padding: ${e=>e.padding??"8px"};
   border: 1px solid transparent;