@worldresources/wri-design-systems 2.191.18 → 2.191.20
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 -2
- package/dist/index.esm.js +2 -2
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -377,7 +377,7 @@
|
|
|
377
377
|
width: 100%;
|
|
378
378
|
margin-left: ${i?$(200):"0"};
|
|
379
379
|
margin-right: ${a?$(200):"0"};
|
|
380
|
-
`),children:[r.jsxs("div",{css:De,children:[r.jsx("p",{className:"ds-menu-item-label",children:t.label}),t.command?r.jsx(e.Menu.ItemCommand,{"aria-label":`Shortcut ${t.command}`,children:t.command}):null]}),t.caption?r.jsx("p",{className:"ds-menu-item-caption",children:t.caption}):null]}),t.endIcon]})}),n?null:r.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var i,a},Ve=({theme:t="light",label:o,fontSize:i,items:a,groups:s,onSelect:l,customTrigger:c})=>{const[u,d]=n.useState(!1);return r.jsxs(e.Menu.Root,{onSelect:({value:e})=>l&&l(e),onOpenChange:({open:e})=>d(e),open:u,children:[r.jsx(e.Menu.Trigger,{css:Pe(t,i),asChild:!0,children:c||r.jsxs("button",{type:"button",children:[o,r.jsx(B,{marginLeft:"0.375rem",rotate:u?"180":"0",height:"0.875rem",width:"0.875rem"})]})}),r.jsx(e.Portal,{children:r.jsx(e.Menu.Positioner,{children:r.jsxs(e.Menu.Content,{css:Me,role:"menu","aria-label":o||"Menu",children:[a?.map(((t,o)=>{if(t.submenu){const[i,a]=n.useState(!1);return r.jsxs(e.Menu.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>l&&l(e),onOpenChange:({open:e})=>a(e),open:i,children:[r.jsxs(e.Menu.TriggerItem,{css:_e,role:"menuitem","aria-haspopup":"true","aria-expanded":i?"true":"false",children:[t.label,r.jsx(B,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),r.jsx(e.Portal,{children:r.jsx(e.Menu.Positioner,{children:r.jsx(e.Menu.Content,{css:Me,role:"menu","aria-label":`${t.label} submenu`,children:t.submenu.map(((e,n)=>r.jsx(Ne,{item:e,isLast:n===(t.submenu?.length||0)-1},e.value)))})})})]},`${t.value}-${o}`)}return r.jsx(Ne,{item:t,isLast:o===a.length-1},`${t.value}-${o}`)})),s?.map(((t,o)=>r.jsxs(n.Fragment,{children:[r.jsxs(e.Menu.ItemGroup,{role:"group","aria-labelledby":`group-${o}`,children:[r.jsx(e.Menu.ItemGroupLabel,{id:`group-${o}`,css:Ae,children:t.title}),t.items?.map((e=>r.jsx(Ne,{item:e,isLast
|
|
380
|
+
`),children:[r.jsxs("div",{css:De,children:[r.jsx("p",{className:"ds-menu-item-label",children:t.label}),t.command?r.jsx(e.Menu.ItemCommand,{"aria-label":`Shortcut ${t.command}`,children:t.command}):null]}),t.caption?r.jsx("p",{className:"ds-menu-item-caption",children:t.caption}):null]}),t.endIcon]})}),n?null:r.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var i,a},Ve=({theme:t="light",label:o,fontSize:i,items:a,groups:s,onSelect:l,customTrigger:c})=>{const[u,d]=n.useState(!1);return r.jsxs(e.Menu.Root,{onSelect:({value:e})=>l&&l(e),onOpenChange:({open:e})=>d(e),open:u,children:[r.jsx(e.Menu.Trigger,{css:Pe(t,i),asChild:!0,children:c||r.jsxs("button",{type:"button",children:[o,r.jsx(B,{marginLeft:"0.375rem",rotate:u?"180":"0",height:"0.875rem",width:"0.875rem"})]})}),r.jsx(e.Portal,{children:r.jsx(e.Menu.Positioner,{children:r.jsxs(e.Menu.Content,{css:Me,role:"menu","aria-label":o||"Menu",children:[a?.map(((t,o)=>{if(t.submenu){const[i,a]=n.useState(!1);return r.jsxs(e.Menu.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>l&&l(e),onOpenChange:({open:e})=>a(e),open:i,children:[r.jsxs(e.Menu.TriggerItem,{css:_e,role:"menuitem","aria-haspopup":"true","aria-expanded":i?"true":"false",children:[t.label,r.jsx(B,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),r.jsx(e.Portal,{children:r.jsx(e.Menu.Positioner,{children:r.jsx(e.Menu.Content,{css:Me,role:"menu","aria-label":`${t.label} submenu`,children:t.submenu.map(((e,n)=>r.jsx(Ne,{item:e,isLast:n===(t.submenu?.length||0)-1},e.value)))})})})]},`${t.value}-${o}`)}return r.jsx(Ne,{item:t,isLast:o===a.length-1},`${t.value}-${o}`)})),s?.map(((t,o)=>r.jsxs(n.Fragment,{children:[r.jsxs(e.Menu.ItemGroup,{role:"group","aria-labelledby":`group-${o}`,children:[r.jsx(e.Menu.ItemGroupLabel,{id:`group-${o}`,css:Ae,children:t.title}),t.items?.map((e=>r.jsx(Ne,{item:e,isLast:!0},e.value)))]}),o!==s.length-1?r.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"}):null]},t.title)))]})})})]})},ze=o.css`
|
|
381
381
|
width: 12.5rem;
|
|
382
382
|
border: ${S(100)} solid ${w("neutral",600)};
|
|
383
383
|
border-radius: ${k(300)};
|
|
@@ -1475,7 +1475,7 @@
|
|
|
1475
1475
|
}
|
|
1476
1476
|
|
|
1477
1477
|
button {
|
|
1478
|
-
width: 6.125rem;
|
|
1478
|
+
min-width: 6.125rem;
|
|
1479
1479
|
}
|
|
1480
1480
|
`,jn=o.css`
|
|
1481
1481
|
margin-top: ${$(300)};
|
package/dist/index.esm.js
CHANGED
|
@@ -377,7 +377,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as i,Ic
|
|
|
377
377
|
width: 100%;
|
|
378
378
|
margin-left: ${n?Ae(200):"0"};
|
|
379
379
|
margin-right: ${r?Ae(200):"0"};
|
|
380
|
-
`),children:[ve("div",{css:Qt,children:[be("p",{className:"ds-menu-item-label",children:e.label}),e.command?be(c.ItemCommand,{"aria-label":`Shortcut ${e.command}`,children:e.command}):null]}),e.caption?be("p",{className:"ds-menu-item-caption",children:e.caption}):null]}),e.endIcon]})}),t?null:be(c.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var n,r},nn=({theme:e="light",label:t,fontSize:n,items:r,groups:i,onSelect:o,customTrigger:a})=>{const[s,d]=ae(!1);return ve(c.Root,{onSelect:({value:e})=>o&&o(e),onOpenChange:({open:e})=>d(e),open:s,children:[be(c.Trigger,{css:Xt(e,n),asChild:!0,children:a||ve("button",{type:"button",children:[t,be(rt,{marginLeft:"0.375rem",rotate:s?"180":"0",height:"0.875rem",width:"0.875rem"})]})}),be(l,{children:be(c.Positioner,{children:ve(c.Content,{css:Yt,role:"menu","aria-label":t||"Menu",children:[r?.map(((e,t)=>{if(e.submenu){const[n,r]=ae(!1);return ve(c.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>o&&o(e),onOpenChange:({open:e})=>r(e),open:n,children:[ve(c.TriggerItem,{css:Kt,role:"menuitem","aria-haspopup":"true","aria-expanded":n?"true":"false",children:[e.label,be(rt,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),be(l,{children:be(c.Positioner,{children:be(c.Content,{css:Yt,role:"menu","aria-label":`${e.label} submenu`,children:e.submenu.map(((t,n)=>be(tn,{item:t,isLast:n===(e.submenu?.length||0)-1},t.value)))})})})]},`${e.value}-${t}`)}return be(tn,{item:e,isLast:t===r.length-1},`${e.value}-${t}`)})),i?.map(((e,t)=>ve(te.Fragment,{children:[ve(c.ItemGroup,{role:"group","aria-labelledby":`group-${t}`,children:[be(c.ItemGroupLabel,{id:`group-${t}`,css:en,children:e.title}),e.items?.map((e=>be(tn,{item:e,isLast
|
|
380
|
+
`),children:[ve("div",{css:Qt,children:[be("p",{className:"ds-menu-item-label",children:e.label}),e.command?be(c.ItemCommand,{"aria-label":`Shortcut ${e.command}`,children:e.command}):null]}),e.caption?be("p",{className:"ds-menu-item-caption",children:e.caption}):null]}),e.endIcon]})}),t?null:be(c.Separator,{borderColor:"var(--chakra-colors-neutral-300)"})]});var n,r},nn=({theme:e="light",label:t,fontSize:n,items:r,groups:i,onSelect:o,customTrigger:a})=>{const[s,d]=ae(!1);return ve(c.Root,{onSelect:({value:e})=>o&&o(e),onOpenChange:({open:e})=>d(e),open:s,children:[be(c.Trigger,{css:Xt(e,n),asChild:!0,children:a||ve("button",{type:"button",children:[t,be(rt,{marginLeft:"0.375rem",rotate:s?"180":"0",height:"0.875rem",width:"0.875rem"})]})}),be(l,{children:be(c.Positioner,{children:ve(c.Content,{css:Yt,role:"menu","aria-label":t||"Menu",children:[r?.map(((e,t)=>{if(e.submenu){const[n,r]=ae(!1);return ve(c.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>o&&o(e),onOpenChange:({open:e})=>r(e),open:n,children:[ve(c.TriggerItem,{css:Kt,role:"menuitem","aria-haspopup":"true","aria-expanded":n?"true":"false",children:[e.label,be(rt,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),be(l,{children:be(c.Positioner,{children:be(c.Content,{css:Yt,role:"menu","aria-label":`${e.label} submenu`,children:e.submenu.map(((t,n)=>be(tn,{item:t,isLast:n===(e.submenu?.length||0)-1},t.value)))})})})]},`${e.value}-${t}`)}return be(tn,{item:e,isLast:t===r.length-1},`${e.value}-${t}`)})),i?.map(((e,t)=>ve(te.Fragment,{children:[ve(c.ItemGroup,{role:"group","aria-labelledby":`group-${t}`,children:[be(c.ItemGroupLabel,{id:`group-${t}`,css:en,children:e.title}),e.items?.map((e=>be(tn,{item:e,isLast:!0},e.value)))]}),t!==i.length-1?be(c.Separator,{borderColor:"var(--chakra-colors-neutral-300)"}):null]},e.title)))]})})})]})},rn=we`
|
|
381
381
|
width: 12.5rem;
|
|
382
382
|
border: ${He(100)} solid ${Ne("neutral",600)};
|
|
383
383
|
border-radius: ${ze(300)};
|
|
@@ -1505,7 +1505,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as i,Ic
|
|
|
1505
1505
|
}
|
|
1506
1506
|
|
|
1507
1507
|
button {
|
|
1508
|
-
width: 6.125rem;
|
|
1508
|
+
min-width: 6.125rem;
|
|
1509
1509
|
}
|
|
1510
1510
|
`,Gr=we`
|
|
1511
1511
|
margin-top: ${Ae(300)};
|