@theroutingcompany/components 0.0.30-alpha.5 → 0.0.30-alpha.8

package/dist/trc-components.umd.js

@@ -793,6 +793,7 @@ object-assign
   position: relative;
   width: 100%;
 `,Q6=P.input`
+  box-sizing: border-box;
   appearance: none;
   border: none;
   padding: 6px 8px;
@@ -805,7 +806,9 @@ object-assign
   margin: 0;
   flex: 1;
   width: 0;
+  height: ${p.sizing_600};
 `,e4=P.button`
+  box-sizing: border-box;
   appearance: none;
   border: none;
   background: ${p.color_gray_6};
@@ -813,9 +816,10 @@ object-assign
   margin: 0;
   border-top-right-radius: ${p.border_radius_400};
   border-bottom-right-radius: ${p.border_radius_400};
+  height: ${p.sizing_600};
 `,t4=P($e.ChevronLeft)`
   transform: rotate(-90deg);
-`;function Vc(e){const{tooltipContent:t}=e,{contains:r}=lh({sensitivity:"base"}),n=nC({...e,defaultFilter:r}),o=Y.useRef(null),a=Y.useRef(null),i=Y.useRef(null),l=Y.useRef(null),{buttonProps:c,inputProps:d,listBoxProps:u,labelProps:f}=ZT({...e,inputRef:a,buttonRef:o,listBoxRef:i,popoverRef:l},n),{buttonProps:m}=vn(c,o);return te(Jv,{children:[te(Be,{...f,mb:p.spacing_200,children:[e.label,t?w(br,{children:t}):null]}),w(xc,{height:p.sizing_600,right:w(e4,{...m,ref:o,children:w(t4,{style:{width:18,height:18},"aria-hidden":"true"})}),children:w(Q6,{...d,ref:a,isFocused:n.isFocused,style:{height:p.sizing_600}})}),n.isOpen?w(Rc,{popoverRef:l,triggerRef:a,state:n,isNonModal:!0,placement:"bottom start",children:w(Xv,{...u,listBoxRef:i,state:n})}):null]})}Vc.Item=ko,Vc.Section=Di;const r4=P(gt)`
+`;function Vc(e){const{tooltipContent:t}=e,{contains:r}=lh({sensitivity:"base"}),n=nC({...e,defaultFilter:r}),o=Y.useRef(null),a=Y.useRef(null),i=Y.useRef(null),l=Y.useRef(null),{buttonProps:c,inputProps:d,listBoxProps:u,labelProps:f}=ZT({...e,inputRef:a,buttonRef:o,listBoxRef:i,popoverRef:l},n),{buttonProps:m}=vn(c,o);return te(Jv,{children:[te(Be,{...f,mb:p.spacing_200,children:[e.label,t?w(br,{children:t}):null]}),w(xc,{height:p.sizing_600,right:w(e4,{...m,ref:o,children:w(t4,{style:{width:18,height:18},"aria-hidden":"true"})}),children:w(Q6,{...d,ref:a,isFocused:n.isFocused})}),n.isOpen?w(Rc,{popoverRef:l,triggerRef:a,state:n,isNonModal:!0,placement:"bottom start",children:w(Xv,{...u,listBoxRef:i,state:n})}):null]})}Vc.Item=ko,Vc.Section=Di;const r4=P(gt)`
   display: flex;
   flex-direction: column;
 
@@ -2223,6 +2227,11 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var Q=se(Z,re,G,ie,le+".
 
     margin-top: ${p.spacing_100};
 `,sN=({label:e,value:t})=>te(Ke,{role:"group",children:[w(Be,{htmlFor:`labeled-text-${e}`,color:p.color_gray_52,size:"medium",bold:!0,children:e}),w(lN,{id:`labeled-text-${e}`,children:t})]});function cN(e,t,r){const{disallowEmptySelection:n,isDisabled:o}=e,a=yi({usage:"search",sensitivity:"base"}),i=s.useMemo(()=>new wi(t.collection,t.disabledKeys,null,a),[t.collection,t.disabledKeys,a]),{menuTriggerProps:l,menuProps:c}=vc({isDisabled:o,type:"listbox"},t,r),d=v=>{if(t.selectionMode==="single")switch(v.key){case"ArrowLeft":{v.preventDefault();const y=t.selectedKeys.size>0?i.getKeyAbove(t.selectedKeys.values().next().value):i.getFirstKey();y&&t.setSelectedKeys([y]);break}case"ArrowRight":{v.preventDefault();const y=t.selectedKeys.size>0?i.getKeyBelow(t.selectedKeys.values().next().value):i.getFirstKey();y&&t.setSelectedKeys([y]);break}}},{typeSelectProps:u}=hc({keyboardDelegate:i,selectionManager:t.selectionManager,onTypeSelect(v){t.setSelectedKeys([v])}}),{labelProps:f,fieldProps:m}=Po({...e,labelElementType:"span"});u.onKeyDown=u.onKeyDownCapture,delete u.onKeyDownCapture;const h=Ct(e,{labelable:!0}),b=pe(u,l,m),g=tt();return{labelProps:{...f,onClick:()=>{var v;e.isDisabled||((v=r.current)==null||v.focus(),Xp("keyboard"))}},triggerProps:pe(h,{...b,onKeyDown:sr(b.onKeyDown,d,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[b["aria-labelledby"],b["aria-label"]&&!b["aria-labelledby"]?b.id:null,g].filter(Boolean).join(" "),onFocus(v){t.isFocused||(e.onFocus&&e.onFocus(v),t.setFocused(!0))},onBlur(v){t.isOpen||(e.onBlur&&e.onBlur(v),t.setFocused(!1))}}),valueProps:{id:g},menuProps:{...c,disallowEmptySelection:n,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:v=>{v.currentTarget.contains(v.relatedTarget)||(e.onBlur&&e.onBlur(v),t.setFocused(!1))},"aria-labelledby":[m["aria-labelledby"],b["aria-label"]&&!m["aria-labelledby"]?b.id:null].filter(Boolean).join(" ")}}}function dN(e){const{collection:t,disabledKeys:r,selectionManager:n,selectionManager:{setSelectedKeys:o,selectedKeys:a,selectionMode:i}}=Mg(e),l=[],c=a.size!==0?Array.from(a).map(d=>{const u=t.getItem(d);return u||l.push(d),u}).filter(ZP):null;return l.length&&console.warn(`Select: Keys "${l.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:r,selectionManager:n,selectionMode:i,selectedKeys:a,setSelectedKeys:o.bind(n),selectedItems:c}}function uN(e){const[t,r]=s.useState(!1),n=$c(e),o=dN({...e,onSelectionChange:a=>{e.onSelectionChange!=null&&(a==="all"?e.onSelectionChange(new Set(o.collection.getKeys())):e.onSelectionChange(a)),e.selectionMode==="single"&&n.close()}});return{...o,...n,close(){n.close()},open(){o.collection.size!==0&&n.open()},toggle(a){o.collection.size!==0&&n.toggle(a)},isFocused:t,setFocused:r}}const fN=P.span`
+  width: ${p.sizing_500};
+  height: ${p.sizing_600};
+  display: flex;
+  justify-content: center;
+  align-items: center;
   color: ${p.color_deprecated_fill_secondary_enabled};
 `,pN=P(Gc.primary)`
   display: flex;
@@ -2239,6 +2248,8 @@ Valid keys: `+JSON.stringify(Object.keys(F),null,"  "));var Q=se(Z,re,G,ie,le+".
 
   font-family: ${p.font_family_pingo};
 
+  max-height: ${p.sizing_600};
+
   &::placeholder {
     font-weight: 400;
     font-style: normal;