@worldresources/wri-design-systems 2.136.3 → 2.137.1

package/dist/index.cjs.js

@@ -2156,7 +2156,7 @@
 `,zo=(e,t)=>r.css`
   height: ${((e,t)=>e&&t?`calc(100% - ${e+t}px)`:e?`calc(100% - ${e}px)`:t?`calc(100% - ${t}px)`:"100%")(e,t)};
   width: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
 `,Po=r.css`
   min-height: 64px;
   width: 100%;
@@ -2268,7 +2268,7 @@
 `,Uo=(e,t)=>r.css`
   min-height: 56px;
   width: 100vw;
-  position: ${e?"fixed":"absolute"};
+  position: ${e?"sticky":"absolute"};
   bottom: 0;
   left: 0;
   background-color: ${t?p("neutral",200):"transparent"};
@@ -2318,7 +2318,7 @@
   height: ${e?"96px":"48px"};
   width: 100%;
   background-color: ${p("neutral",100)};
-  position: ${t?"fixed":"absolute"};
+  position: ${t?"sticky":"absolute"};
   top: 0;
   left: 0;
   z-index: 102;
@@ -2574,13 +2574,10 @@
   button {
     width: calc(48% - 24px);
   }
-`,Ci=({navigationSection:e,utilitySection:r,actionsSection:n,linkRouter:i,isOpen:l,setIsOpen:a,pathname:s})=>{const[c,d]=o.useState(void 0),[p,u]=o.useState(-1),x=o.useRef(null),h=o.useRef([]),g=i;return t.jsxs(t.Fragment,{children:[t.jsx("div",{css:si(l),children:l&&t.jsxs("div",{css:ci,children:[t.jsxs("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"72px"},children:[r?t.jsx("div",{css:di,children:r?.map((e=>t.jsx("div",{className:"utility-item",children:e})))}):null,e?t.jsx("div",{css:pi,children:e.map(((e,r)=>e.link?t.jsx(g,{to:e.link,href:e.link,onClick:()=>{d(void 0),u(-1),a(!1)},css:xi(s===e.link),children:e.label},e.label):t.jsxs("button",{css:hi,type:"button",ref:e=>h.current[r]=e,onClick:()=>{e.items&&(d(e),u(r),setTimeout((()=>{x.current?.focus()}),100))},children:[e.label,e.items?t.jsx(y,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),n?t.jsx("div",{css:bi,children:n.map((e=>t.jsx(b,{label:e.label,onClick:()=>{e?.onClick?.(),d(void 0),u(-1),a(!1)}},e.label)))}):null]})}),t.jsx("div",{css:gi(!!c?.items),children:c?.items?t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:fi,children:[t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),h.current[p]?.focus()},"aria-label":"Go back",css:ai,ref:x,children:[t.jsx(y,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),c?.label]}),t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),a(!1)},"aria-label":"Close menu",css:ai,children:["Close",t.jsx(k,{height:"16px",width:"16px"})]})]}),t.jsx("div",{css:ui,children:c?.items?.map((e=>t.jsx(g,{to:e.link,href:e.link,css:xi(),onClick:()=>{d(void 0),u(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},mi=1023,vi=(e,t)=>r.css`
+`,Ci=({navigationSection:e,utilitySection:r,actionsSection:n,linkRouter:i,isOpen:l,setIsOpen:a,pathname:s})=>{const[c,d]=o.useState(void 0),[p,u]=o.useState(-1),x=o.useRef(null),h=o.useRef([]),g=i;return t.jsxs(t.Fragment,{children:[t.jsx("div",{css:si(l),children:l&&t.jsxs("div",{css:ci,children:[t.jsxs("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"72px"},children:[r?t.jsx("div",{css:di,children:r?.map((e=>t.jsx("div",{className:"utility-item",children:e})))}):null,e?t.jsx("div",{css:pi,children:e.map(((e,r)=>e.link?t.jsx(g,{to:e.link,href:e.link,onClick:()=>{d(void 0),u(-1),a(!1)},css:xi(s===e.link),children:e.label},e.label):t.jsxs("button",{css:hi,type:"button",ref:e=>h.current[r]=e,onClick:()=>{e.items&&(d(e),u(r),setTimeout((()=>{x.current?.focus()}),100))},children:[e.label,e.items?t.jsx(y,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),n?t.jsx("div",{css:bi,children:n.map((e=>t.jsx(b,{label:e.label,onClick:()=>{e?.onClick?.(),d(void 0),u(-1),a(!1)}},e.label)))}):null]})}),t.jsx("div",{css:gi(!!c?.items),children:c?.items?t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:fi,children:[t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),h.current[p]?.focus()},"aria-label":"Go back",css:ai,ref:x,children:[t.jsx(y,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),c?.label]}),t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),a(!1)},"aria-label":"Close menu",css:ai,children:["Close",t.jsx(k,{height:"16px",width:"16px"})]})]}),t.jsx("div",{css:ui,children:c?.items?.map((e=>t.jsx(g,{to:e.link,href:e.link,css:xi(),onClick:()=>{d(void 0),u(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},mi=1023,vi=r.css`
   width: 64px;
-  height: calc(100vh - ${e||"0px"} - ${t||"0px"});
+  height: 100%;
   z-index: 100;
-  position: fixed;
-  top: ${e||"0px"};
-  left: 0;
   border-right: 1px solid ${p("neutral",300)};
   background-color: ${p("neutral",200)};
   display: flex;
@@ -2727,13 +2724,10 @@
     text-align: center;
     color: ${p("neutral",600)};
   }
-`,$i=(e,t)=>r.css`
+`,$i=r.css`
   width: 320px;
-  height: calc(100vh - ${e||"0px"} - ${t||"0px"});
+  height: 100%;
   z-index: 100;
-  position: fixed;
-  top: ${e||"0px"};
-  left: 64px;
   box-shadow: 2px 0px 2px 0px #0000000d;
   background-color: ${p("neutral",100)};
   overflow-y: auto;
@@ -3160,7 +3154,7 @@
   justify-content: flex-start;
   gap: 12px;
   color: ${p("neutral",M?100:900)};
-`),ref:x,children:[e?t.jsx("div",{ref:g,css:ti,children:e}):null,t.jsx("div",{css:ri(f),children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:ni(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:oi,ref:h,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!y),"aria-label":"Open menu",css:ai,children:[y?"Close":"Menu",y?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(U,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:oi,children:a?.map(((e,r)=>t.jsx("div",{css:ii(f),children:e},r)))}),s?t.jsx("div",{css:li(f),children:s.map((e=>t.jsx(b,{...e},e.label)))}):null]})})]}),f&&!w?t.jsx("div",{css:Qo,children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:ni(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(Ci,{navigationSection:l,utilitySection:a,actionsSection:s,linkRouter:n,isOpen:y,setIsOpen:$,pathname:i}):null]});var M},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:i,children:l,onOpenChange:a,navbarHeight:s,footerHeight:c})=>{const[d,p]=o.useState(!1),[u,x]=o.useState(n||r?.[0]?.value);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:vi(s,c),children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;x(t=e),i&&i(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:wi,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:ji,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{p(e),a&&a(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:yi,children:[t.jsx("div",{css:ji,children:d?t.jsx(m,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:d?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!d,children:t.jsx(e.Collapsible.Content,{children:t.jsx("div",{css:$i(s,c),role:"tabpanel","aria-labelledby":u,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:Se,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:Le,children:[t.jsxs("div",{css:(i=n.variant,r.css`
+`),ref:x,children:[e?t.jsx("div",{ref:g,css:ti,children:e}):null,t.jsx("div",{css:ri(f),children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:ni(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:oi,ref:h,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!y),"aria-label":"Open menu",css:ai,children:[y?"Close":"Menu",y?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(U,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:oi,children:a?.map(((e,r)=>t.jsx("div",{css:ii(f),children:e},r)))}),s?t.jsx("div",{css:li(f),children:s.map((e=>t.jsx(b,{...e},e.label)))}):null]})})]}),f&&!w?t.jsx("div",{css:Qo,children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:ni(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(Ci,{navigationSection:l,utilitySection:a,actionsSection:s,linkRouter:n,isOpen:y,setIsOpen:$,pathname:i}):null]});var M},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:i,children:l,onOpenChange:a})=>{const[s,c]=o.useState(!1),[d,p]=o.useState(n||r?.[0]?.value);return t.jsxs("div",{style:{height:"calc(100vh - 48px - 56px)",position:"fixed",top:"48px",left:0,display:"flex"},children:[t.jsxs("div",{css:vi,children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;p(t=e),i&&i(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:wi,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:ji,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{c(e),a&&a(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:yi,children:[t.jsx("div",{css:ji,children:s?t.jsx(m,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:s?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!s,children:t.jsx(e.Collapsible.Content,{height:"100%",children:t.jsx("div",{css:$i,role:"tabpanel","aria-labelledby":d,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:Se,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:Le,children:[t.jsxs("div",{css:(i=n.variant,r.css`
   width: 100%;
   display: flex;
   flex-direction: ${"centered"===i?"column":"row"};

package/dist/index.d.ts

@@ -656,11 +656,9 @@ type NavigationRailProps = {
     onTabClick?: (selectedValue: string) => void;
     children?: React.ReactNode;
     onOpenChange?: (open: boolean) => void;
-    navbarHeight?: string;
-    footerHeight?: string;
 };
 
-declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, navbarHeight, footerHeight, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type PaginationProps = {
     currentPage: number;

package/dist/index.esm.js

@@ -2236,7 +2236,7 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
 `,Gi=(e,t)=>F`
   height: ${((e,t)=>e&&t?`calc(100% - ${e+t}px)`:e?`calc(100% - ${e}px)`:t?`calc(100% - ${t}px)`:"100%")(e,t)};
   width: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
 `,Ki=F`
   min-height: 64px;
   width: 100%;
@@ -2348,7 +2348,7 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
 `,cl=({links:e,separator:t,maxItems:r=99,linkRouter:n})=>{const[o,i]=X(e.length>r);G((()=>{i(e.length>r)}),[e.length]);const l=n;return N(I.Root,{children:N(I.List,{gap:"16px",children:o?B(Z,{children:[N(I.Item,{css:al,children:B(l,{to:e[0].link,href:e[0].link,children:[e[0].icon,e[0].label]})}),N(I.Separator,{css:sl,children:t||N(me,{rotate:"270"})}),N("li",{className:"chakra-breadcrumb__item",children:N("button",{css:dl,type:"button",onClick:()=>i(!1),children:"..."})}),N(I.Separator,{css:sl,children:t||N(me,{rotate:"270"})}),N(I.Item,{css:al,children:B("p",{"aria-current":"page","aria-label":e[e.length-1].label,children:[e[e.length-1].icon,e[e.length-1].label]})})]}):e.map(((r,n)=>r?.label?B(ee,{children:[N(I.Item,{css:al,children:n<e.length-1?B(l,{to:r.link,href:r.link,children:[r.icon,r.label]}):B("p",{"aria-current":"page","aria-label":r.label,children:[r.label&&r.icon?r.icon:"",r.label]})}),n<e.length-1?N(I.Separator,{css:sl,children:t||N(me,{rotate:"270"})}):null]},r.label):null))})})},pl=(e,t)=>F`
   min-height: 56px;
   width: 100vw;
-  position: ${e?"fixed":"absolute"};
+  position: ${e?"sticky":"absolute"};
   bottom: 0;
   left: 0;
   background-color: ${t?le("neutral",200):"transparent"};
@@ -2398,7 +2398,7 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
   height: ${e?"96px":"48px"};
   width: 100%;
   background-color: ${le("neutral",100)};
-  position: ${t?"fixed":"absolute"};
+  position: ${t?"sticky":"absolute"};
   top: 0;
   left: 0;
   z-index: 102;
@@ -2660,13 +2660,10 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
   justify-content: flex-start;
   gap: 12px;
   color: ${le("neutral",y?100:900)};
-`),ref:d,children:[e?N("div",{ref:p,css:Cl,children:e}):null,N("div",{css:vl(u),children:n?.map((e=>e.link?N(v,{to:e.link,href:e.link,css:wl(r===e.link),children:e.label},e.label):N(st,{label:e.label,items:e.items||[]},e.label)))})]}),N("div",{css:yl,ref:c,children:f?B("button",{type:"button",onClick:()=>C(!m),"aria-label":"Open menu",css:Ll,children:[m?"Close":"Menu",N(m?ve:Fe,{height:"16px",width:"16px"})]}):B(Z,{children:[N("div",{css:yl,children:o?.map(((e,t)=>N("div",{css:$l(u),children:e},t)))}),i?N("div",{css:kl(u),children:i.map((e=>N(ue,{...e},e.label)))}):null]})})]}),u&&!f?N("div",{css:bl,children:n?.map((e=>e.link?N(v,{to:e.link,href:e.link,css:wl(r===e.link),children:e.label},e.label):N(st,{label:e.label,items:e.items||[]},e.label)))}):null,f?N(jl,{navigationSection:n,utilitySection:o,actionsSection:i,linkRouter:t,isOpen:m,setIsOpen:C,pathname:r}):null]});var y},Ol=(e,t)=>F`
+`),ref:d,children:[e?N("div",{ref:p,css:Cl,children:e}):null,N("div",{css:vl(u),children:n?.map((e=>e.link?N(v,{to:e.link,href:e.link,css:wl(r===e.link),children:e.label},e.label):N(st,{label:e.label,items:e.items||[]},e.label)))})]}),N("div",{css:yl,ref:c,children:f?B("button",{type:"button",onClick:()=>C(!m),"aria-label":"Open menu",css:Ll,children:[m?"Close":"Menu",N(m?ve:Fe,{height:"16px",width:"16px"})]}):B(Z,{children:[N("div",{css:yl,children:o?.map(((e,t)=>N("div",{css:$l(u),children:e},t)))}),i?N("div",{css:kl(u),children:i.map((e=>N(ue,{...e},e.label)))}):null]})})]}),u&&!f?N("div",{css:bl,children:n?.map((e=>e.link?N(v,{to:e.link,href:e.link,css:wl(r===e.link),children:e.label},e.label):N(st,{label:e.label,items:e.items||[]},e.label)))}):null,f?N(jl,{navigationSection:n,utilitySection:o,actionsSection:i,linkRouter:t,isOpen:m,setIsOpen:C,pathname:r}):null]});var y},Ol=F`
   width: 64px;
-  height: calc(100vh - ${e||"0px"} - ${t||"0px"});
+  height: 100%;
   z-index: 100;
-  position: fixed;
-  top: ${e||"0px"};
-  left: 0;
   border-right: 1px solid ${le("neutral",300)};
   background-color: ${le("neutral",200)};
   display: flex;
@@ -2813,18 +2810,15 @@ import{createSystem as e,defaultConfig as t,Button as r,Box as n,Spinner as o,Ic
     text-align: center;
     color: ${le("neutral",600)};
   }
-`,Fl=(e,t)=>F`
+`,Fl=F`
   width: 320px;
-  height: calc(100vh - ${e||"0px"} - ${t||"0px"});
+  height: 100%;
   z-index: 100;
-  position: fixed;
-  top: ${e||"0px"};
-  left: 64px;
   box-shadow: 2px 0px 2px 0px #0000000d;
   background-color: ${le("neutral",100)};
   overflow-y: auto;
   overflow-x: hidden;
-`,Al=({tabs:e=[],defaultValue:t,onTabClick:r,children:o,onOpenChange:i,navbarHeight:l,footerHeight:a})=>{const[s,d]=X(!1),[c,p]=X(t||e?.[0]?.value);return B(Z,{children:[B("div",{css:Ol(l,a),children:[N(E.Root,{defaultValue:t||e?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;p(t=e),r&&r(t)},role:"tablist",children:N(E.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>N(E.Trigger,{css:Bl,"aria-label":e["aria-label"]||e.label,...e,children:B(n,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[e.icon?N("div",{css:Nl,children:e.icon}):null,N("p",{children:e.label})]})},e.label)))})}),o?N(H.Root,{onOpenChange:({open:e})=>{d(e),i&&i(!e)},children:B(H.Trigger,{css:Zl,children:[N("div",{css:Nl,children:N(s?xe:he,{})}),B("div",{className:"tab-label",children:[N("p",{children:s?"Show":"Hide"}),N("p",{children:"Sidebar"})]})]})}):null]}),o?N(H.Root,{defaultOpen:!0,open:!s,children:N(H.Content,{children:N("div",{css:Fl(l,a),role:"tabpanel","aria-labelledby":c,children:o})})}):null]})},Wl=e=>F`
+`,Al=({tabs:e=[],defaultValue:t,onTabClick:r,children:o,onOpenChange:i})=>{const[l,a]=X(!1),[s,d]=X(t||e?.[0]?.value);return B("div",{style:{height:"calc(100vh - 48px - 56px)",position:"fixed",top:"48px",left:0,display:"flex"},children:[B("div",{css:Ol,children:[N(E.Root,{defaultValue:t||e?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;d(t=e),r&&r(t)},role:"tablist",children:N(E.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>N(E.Trigger,{css:Bl,"aria-label":e["aria-label"]||e.label,...e,children:B(n,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[e.icon?N("div",{css:Nl,children:e.icon}):null,N("p",{children:e.label})]})},e.label)))})}),o?N(H.Root,{onOpenChange:({open:e})=>{a(e),i&&i(!e)},children:B(H.Trigger,{css:Zl,children:[N("div",{css:Nl,children:N(l?xe:he,{})}),B("div",{className:"tab-label",children:[N("p",{children:l?"Show":"Hide"}),N("p",{children:"Sidebar"})]})]})}):null]}),o?N(H.Root,{defaultOpen:!0,open:!l,children:N(H.Content,{height:"100%",children:N("div",{css:Fl,role:"tabpanel","aria-labelledby":s,children:o})})}):null]})},Wl=e=>F`
   width: 100%;
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldresources/wri-design-systems",
-  "version": "2.136.3",
+  "version": "2.137.1",
   "description": "WRI UI Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",