@worldresources/wri-design-systems 2.194.0 → 2.194.1

package/dist/index.cjs.js

@@ -2204,11 +2204,11 @@
 `,uw=e=>{const t=e.map(((t,n)=>`${n/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,n)=>`${e} ${t[n]}`)).join(", ")})`},hw=i.css`
   display: flex;
   flex-direction: column;
-`,pw=i.css`
+`,pw=e=>i.css`
   display: flex;
   gap: ${k(400)};
   align-items: center;
-  margin-bottom: ${k(300)};
+  margin-bottom: ${e?k(300):0};
 
   .ds-select-input-container {
     margin-bottom: 0rem;
@@ -2218,7 +2218,7 @@
   line-height: ${S(700)};
   font-weight: 400;
   color: ${w("neutral",700)};
-`,mw=({pageSize:e,currentPage:t,totalItems:n,onPageSizeChange:o,showItemCountText:i,labels:s})=>{const a=Mf("ItemCount",s),l=0===n?0:(t-1)*e+1,c=0===n?0:Math.min(l+e-1,n);return r.jsxs("div",{css:hw,children:[r.jsxs("div",{css:pw,children:[r.jsx("div",{style:{width:"5rem"},children:r.jsx(Lv,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{o&&o(parseInt(e[0],10))},required:!0})}),r.jsx("p",{css:fw,children:a.perPageLabel})]}),i?r.jsx("p",{css:fw,children:a.showingLabel(l,c,n)}):null]})},gw=e=>i.css`
+`,mw=({pageSize:e,currentPage:t,totalItems:n,onPageSizeChange:o,showItemCountText:i,labels:s})=>{const a=Mf("ItemCount",s),l=0===n?0:(t-1)*e+1,c=0===n?0:Math.min(l+e-1,n);return r.jsxs("div",{css:hw,children:[r.jsxs("div",{css:pw(i),children:[r.jsx("div",{style:{width:"5rem"},children:r.jsx(Lv,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{o&&o(parseInt(e[0],10))},required:!0})}),r.jsx("p",{css:fw,children:a.perPageLabel})]}),i?r.jsx("p",{css:fw,children:a.showingLabel(l,c,n)}):null]})},gw=e=>i.css`
   border: ${E(100)} solid ${w("neutral",300)};
   ${e?"border: none;":""}
 `,vw=e=>i.css`
@@ -3652,7 +3652,7 @@ function RM(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
   line-height: ${S(600)};
   font-weight: 700;
   color: ${w("error",100)};
-`,CO=(e,t)=>{let n="14.625rem";return"full-width"===e?n="100%":"large"===e&&(n="20rem"),i.css`
+`,CO=(e,t)=>{let n="14.875rem";return"full-width"===e?n="100%":"large"===e&&(n="22.875rem"),i.css`
     width: 100%;
     max-width: ${n};
     border-radius: ${$(300)};
@@ -3672,7 +3672,7 @@ function RM(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
   gap: ${k(200)};
 
   svg {
-    margin-top: 0.375rem;
+    margin-top: 0.1875rem;
   }
 `,SO=e=>i.css`
   max-width: 45rem;

package/dist/index.esm.js

@@ -2262,11 +2262,11 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
 `)}:{css:Ux,children:e?.map(((e,n)=>be("div",{"data-test":`${e}-${t?.[n]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${t?.[n]}`)))}),be("div",{css:Gx,children:t?.map((e=>be("div",{style:{width:r?"auto":`calc(100% / ${t.length})`,display:"flex",justifyContent:"center"},children:be("p",{css:Zx,children:e})},e)))}),n&&n.length?be("div",{css:Gx,children:n.map((e=>be("div",{style:{width:r?"auto":`calc(100% / ${t.length})`,display:"flex",justifyContent:"center"},children:be("p",{css:Jx,style:{width:"100%"},children:e})},e)))}):null]});var o},Qx=$e`
   display: flex;
   flex-direction: column;
-`,ek=$e`
+`,ek=e=>$e`
   display: flex;
   gap: ${_e(400)};
   align-items: center;
-  margin-bottom: ${_e(300)};
+  margin-bottom: ${e?_e(300):0};
 
   .ds-select-input-container {
     margin-bottom: 0rem;
@@ -2276,7 +2276,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
   line-height: ${He(700)};
   font-weight: 400;
   color: ${ze("neutral",700)};
-`,nk=({pageSize:e,currentPage:t,totalItems:n,onPageSizeChange:r,showItemCountText:o,labels:i})=>{const s=qm("ItemCount",i),a=0===n?0:(t-1)*e+1,l=0===n?0:Math.min(a+e-1,n);return ye("div",{css:Qx,children:[ye("div",{css:ek,children:[be("div",{style:{width:"5rem"},children:be(nb,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{r&&r(parseInt(e[0],10))},required:!0})}),be("p",{css:tk,children:s.perPageLabel})]}),o?be("p",{css:tk,children:s.showingLabel(a,l,n)}):null]})},rk=e=>$e`
+`,nk=({pageSize:e,currentPage:t,totalItems:n,onPageSizeChange:r,showItemCountText:o,labels:i})=>{const s=qm("ItemCount",i),a=0===n?0:(t-1)*e+1,l=0===n?0:Math.min(a+e-1,n);return ye("div",{css:Qx,children:[ye("div",{css:ek(o),children:[be("div",{style:{width:"5rem"},children:be(nb,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{r&&r(parseInt(e[0],10))},required:!0})}),be("p",{css:tk,children:s.perPageLabel})]}),o?be("p",{css:tk,children:s.showingLabel(a,l,n)}):null]})},rk=e=>$e`
   border: ${Be(100)} solid ${ze("neutral",300)};
   ${e?"border: none;":""}
 `,ok=e=>$e`
@@ -3710,7 +3710,7 @@ function SO(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
   line-height: ${He(600)};
   font-weight: 700;
   color: ${ze("error",100)};
-`,xN=({hasNotification:e,notificationCount:t,label:n})=>{const[r,o]=le(!1);de((()=>{const e=()=>{window.innerWidth<1024?o(!0):o(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const i=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})();let s="1rem";return t&&t>99?s="1.75rem":t&&t>9&&(s="1.375rem"),ye("div",r?{css:mN,role:"status","aria-live":"polite",children:[ye("div",{css:gN(),children:[be(cg,{color:"currentColor",height:"1rem",width:"1rem"}),!e||t||n?null:be("div",{css:vN,"aria-hidden":!0})]}),n?be("p",{children:n}):null,i.length>0?be("div",{css:wN,children:be("p",{css:CN,"aria-label":`${t} unread message`,children:i})}):null]}:{css:mN,role:"status","aria-live":"polite",children:[n?be("p",{children:n}):null,ye("div",{css:gN(s),children:[i.length>0?be("div",{css:yN,children:be("p",{css:bN,"aria-label":`${t} unread message`,children:i})}):null,e&&!t?be("div",{css:vN,"aria-hidden":!0}):null,be(cg,{color:"currentColor",height:"1rem",width:"1rem"})]})]})},kN=(e,t)=>{let n="14.625rem";return"full-width"===e?n="100%":"large"===e&&(n="20rem"),$e`
+`,xN=({hasNotification:e,notificationCount:t,label:n})=>{const[r,o]=le(!1);de((()=>{const e=()=>{window.innerWidth<1024?o(!0):o(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const i=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})();let s="1rem";return t&&t>99?s="1.75rem":t&&t>9&&(s="1.375rem"),ye("div",r?{css:mN,role:"status","aria-live":"polite",children:[ye("div",{css:gN(),children:[be(cg,{color:"currentColor",height:"1rem",width:"1rem"}),!e||t||n?null:be("div",{css:vN,"aria-hidden":!0})]}),n?be("p",{children:n}):null,i.length>0?be("div",{css:wN,children:be("p",{css:CN,"aria-label":`${t} unread message`,children:i})}):null]}:{css:mN,role:"status","aria-live":"polite",children:[n?be("p",{children:n}):null,ye("div",{css:gN(s),children:[i.length>0?be("div",{css:yN,children:be("p",{css:bN,"aria-label":`${t} unread message`,children:i})}):null,e&&!t?be("div",{css:vN,"aria-hidden":!0}):null,be(cg,{color:"currentColor",height:"1rem",width:"1rem"})]})]})},kN=(e,t)=>{let n="14.875rem";return"full-width"===e?n="100%":"large"===e&&(n="22.875rem"),$e`
     width: 100%;
     max-width: ${n};
     border-radius: ${je(300)};
@@ -3730,7 +3730,7 @@ function SO(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
   gap: ${_e(200)};
 
   svg {
-    margin-top: 0.375rem;
+    margin-top: 0.1875rem;
   }
 `,SN=e=>$e`
   max-width: 45rem;

package/package.json

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