@twilio-paste/menu - npm Package Compare versions

Comparing version 7.0.0 to 7.0.1

CHANGELOG.md

 # Change Log
 
+## 7.0.1
+
+### Patch Changes
+
+- [`25a1f632`](https://github.com/twilio-labs/paste/commit/25a1f632b6d92271967470f8c65a2dbc6babbaca) [#1404](https://github.com/twilio-labs/paste/pull/1404) Thanks [@SiTaggart](https://github.com/SiTaggart)! - update internal usage of design tokens to reflect new strong / weak nomenclature
+
 ## 7.0.0
@@ -4,0 +10,0 @@

dist/index.es.js

@@ -1,1 +0,1 @@
-var T=Object.prototype.hasOwnProperty;var f=Object.getOwnPropertySymbols,g=Object.prototype.propertyIsEnumerable;var t=Object.assign;var i=(e,o)=>{var n={};for(var r in e)T.call(e,r)&&o.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&f)for(var r of f(e))o.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n};import{useMenuPrimitiveState as re}from"@twilio-paste/menu-primitive";import{createElement as M,forwardRef as x}from"react";import{safelySpreadBoxProps as E,Box as L}from"@twilio-paste/box";import{MenuPrimitive as G}from"@twilio-paste/menu-primitive";var H=x((r,n)=>{var{style:e}=r,o=i(r,["style"]);return M(L,t(t({},E(o)),{backgroundColor:"colorBackgroundBody",borderStyle:"solid",borderWidth:"borderWidth10",borderColor:"colorBorderLight",borderRadius:"borderRadius20",boxShadow:"shadow",maxWidth:"size30",minWidth:"size20",zIndex:"zIndex20",paddingY:"space30",_focus:{outline:"none"},style:e,ref:n}))}),P=x((e,o)=>M(G,t(t({},e),{as:H,ref:o})));P.displayName="Menu";import{createElement as z,forwardRef as C}from"react";import{MenuPrimitiveButton as D}from"@twilio-paste/menu-primitive";import{Button as _}from"@twilio-paste/button";var B=C((e,o)=>z(D,t(t({},e),{as:_,ref:o}),e.children));B.displayName="MenuButton";import{cloneElement as k,createContext as W,createElement as p,forwardRef as N,isValidElement as V}from"react";import{safelySpreadBoxProps as O,Box as d}from"@twilio-paste/box";import{Text as U}from"@twilio-paste/text";var a={DEFAULT:"default",GROUP_ITEM:"group_item"};var c=W(a.DEFAULT),R=N((m,s)=>{var{label:e,icon:o,children:n}=m,r=i(m,["label","icon","children"]);return p(c.Provider,{value:a.GROUP_ITEM},p(d,t(t({},O(r)),{role:"presentation","aria-label":e,textDecoration:"none",ref:s}),p(d,{display:"flex",alignItems:"center",paddingX:"space70",paddingY:"space30",cursor:"default"},V(o)?p(d,{flexShrink:0,size:"sizeIcon30"},k(o,{color:"colorTextIcon"})):null,p(U,{as:"span",color:"colorText",role:"presentation",fontWeight:"fontWeightBold",paddingLeft:o!=null?"space20":void 0},e)),n))});R.displayName="MenuGroup";import{createElement as v,forwardRef as y,useContext as A}from"react";import{secureExternalLink as F}from"@twilio-paste/anchor";import{Box as j,safelySpreadBoxProps as Y}from"@twilio-paste/box";import{MenuPrimitiveItem as X}from"@twilio-paste/menu-primitive";var l=y((e,o)=>v(j,t(t(t({},e.href&&F(e.href)),Y(e)),{as:"a",color:e["aria-disabled"]?"colorTextWeaker":"colorText",display:"block",paddingY:"space30",paddingX:e.variant===a.GROUP_ITEM?"space90":"space70",textDecoration:e.tabIndex===0?"underline":"none",_hover:{cursor:"pointer"},_focus:{color:"colorTextLink",outline:"none"},_disabled:{cursor:"not-allowed"},ref:o}),e.children)),S=y((s,r)=>{var{as:e=l,variant:o}=s,n=i(s,["as","variant"]);let m=o||A(c);return v(X,t(t({},n),{variant:m,as:e,ref:r}))});S.displayName="MenuItem";import{createElement as w,forwardRef as I}from"react";import{Separator as q}from"@twilio-paste/separator";import{MenuPrimitiveSeparator as J}from"@twilio-paste/menu-primitive";var K=I((e,o)=>w(q,t(t({},e),{orientation:"horizontal",verticalSpacing:"space40",ref:o}))),b=I((e,o)=>w(J,t(t({},e),{as:K,ref:o})));b.displayName="MenuSeparator";import{createElement as u,forwardRef as Q}from"react";import{MenuPrimitiveButton as Z}from"@twilio-paste/menu-primitive";import{MediaObject as $,MediaBody as ee,MediaFigure as te}from"@twilio-paste/media-object";import{ChevronRightIcon as oe}from"@twilio-paste/icons/esm/ChevronRightIcon";var h=Q((e,o)=>u(Z,t(t({},e),{as:l,ref:o}),u($,{as:"span",verticalAlign:"center"},e.children&&u(ee,{as:"span"},e.children),u(te,{as:"span",align:"end",spacing:"space20"},u(oe,{decorative:!0,size:"sizeIcon30"})))));h.displayName="SubMenuButton";export{P as Menu,B as MenuButton,R as MenuGroup,c as MenuGroupContext,S as MenuItem,b as MenuSeparator,l as StyledMenuItem,h as SubMenuButton,re as useMenuState};
+var T=Object.prototype.hasOwnProperty;var f=Object.getOwnPropertySymbols,g=Object.prototype.propertyIsEnumerable;var t=Object.assign;var i=(e,o)=>{var n={};for(var r in e)T.call(e,r)&&o.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&f)for(var r of f(e))o.indexOf(r)<0&&g.call(e,r)&&(n[r]=e[r]);return n};import{useMenuPrimitiveState as re}from"@twilio-paste/menu-primitive";import{createElement as M,forwardRef as x}from"react";import{safelySpreadBoxProps as E,Box as L}from"@twilio-paste/box";import{MenuPrimitive as G}from"@twilio-paste/menu-primitive";var H=x((r,n)=>{var{style:e}=r,o=i(r,["style"]);return M(L,t(t({},E(o)),{backgroundColor:"colorBackgroundBody",borderStyle:"solid",borderWidth:"borderWidth10",borderColor:"colorBorderWeak",borderRadius:"borderRadius20",boxShadow:"shadow",maxWidth:"size30",minWidth:"size20",zIndex:"zIndex20",paddingY:"space30",_focus:{outline:"none"},style:e,ref:n}))}),P=x((e,o)=>M(G,t(t({},e),{as:H,ref:o})));P.displayName="Menu";import{createElement as z,forwardRef as C}from"react";import{MenuPrimitiveButton as D}from"@twilio-paste/menu-primitive";import{Button as k}from"@twilio-paste/button";var B=C((e,o)=>z(D,t(t({},e),{as:k,ref:o}),e.children));B.displayName="MenuButton";import{cloneElement as W,createContext as _,createElement as p,forwardRef as N,isValidElement as V}from"react";import{safelySpreadBoxProps as O,Box as d}from"@twilio-paste/box";import{Text as U}from"@twilio-paste/text";var a={DEFAULT:"default",GROUP_ITEM:"group_item"};var c=_(a.DEFAULT),R=N((m,s)=>{var{label:e,icon:o,children:n}=m,r=i(m,["label","icon","children"]);return p(c.Provider,{value:a.GROUP_ITEM},p(d,t(t({},O(r)),{role:"presentation","aria-label":e,textDecoration:"none",ref:s}),p(d,{display:"flex",alignItems:"center",paddingX:"space70",paddingY:"space30",cursor:"default"},V(o)?p(d,{flexShrink:0,size:"sizeIcon30"},W(o,{color:"colorTextIcon"})):null,p(U,{as:"span",color:"colorText",role:"presentation",fontWeight:"fontWeightBold",paddingLeft:o!=null?"space20":void 0},e)),n))});R.displayName="MenuGroup";import{createElement as v,forwardRef as y,useContext as A}from"react";import{secureExternalLink as F}from"@twilio-paste/anchor";import{Box as j,safelySpreadBoxProps as Y}from"@twilio-paste/box";import{MenuPrimitiveItem as X}from"@twilio-paste/menu-primitive";var l=y((e,o)=>v(j,t(t(t({},e.href&&F(e.href)),Y(e)),{as:"a",color:e["aria-disabled"]?"colorTextWeaker":"colorText",display:"block",paddingY:"space30",paddingX:e.variant===a.GROUP_ITEM?"space90":"space70",textDecoration:e.tabIndex===0?"underline":"none",_hover:{cursor:"pointer"},_focus:{color:"colorTextLink",outline:"none"},_disabled:{cursor:"not-allowed"},ref:o}),e.children)),S=y((s,r)=>{var{as:e=l,variant:o}=s,n=i(s,["as","variant"]);let m=o||A(c);return v(X,t(t({},n),{variant:m,as:e,ref:r}))});S.displayName="MenuItem";import{createElement as w,forwardRef as I}from"react";import{Separator as q}from"@twilio-paste/separator";import{MenuPrimitiveSeparator as J}from"@twilio-paste/menu-primitive";var K=I((e,o)=>w(q,t(t({},e),{orientation:"horizontal",verticalSpacing:"space40",ref:o}))),b=I((e,o)=>w(J,t(t({},e),{as:K,ref:o})));b.displayName="MenuSeparator";import{createElement as u,forwardRef as Q}from"react";import{MenuPrimitiveButton as Z}from"@twilio-paste/menu-primitive";import{MediaObject as $,MediaBody as ee,MediaFigure as te}from"@twilio-paste/media-object";import{ChevronRightIcon as oe}from"@twilio-paste/icons/esm/ChevronRightIcon";var h=Q((e,o)=>u(Z,t(t({},e),{as:l,ref:o}),u($,{as:"span",verticalAlign:"center"},e.children&&u(ee,{as:"span"},e.children),u(te,{as:"span",align:"end",spacing:"space20"},u(oe,{decorative:!0,size:"sizeIcon30"})))));h.displayName="SubMenuButton";export{P as Menu,B as MenuButton,R as MenuGroup,c as MenuGroupContext,S as MenuItem,b as MenuSeparator,l as StyledMenuItem,h as SubMenuButton,re as useMenuState};

dist/index.js

@@ -1,1 +0,1 @@
-var A=Object.create,P=Object.defineProperty,F=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,j=Object.getOwnPropertyNames,Y=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertySymbols,X=Object.prototype.propertyIsEnumerable;var o=Object.assign,b=e=>P(e,"__esModule",{value:!0});var s=(e,t)=>{var i={};for(var r in e)w.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(e!=null&&I)for(var r of I(e))t.indexOf(r)<0&&X.call(e,r)&&(i[r]=e[r]);return i};var q=(e,t)=>{b(e);for(var i in t)P(e,i,{get:t[i],enumerable:!0})},J=(e,t,i)=>{if(b(e),t&&typeof t=="object"||typeof t=="function")for(let r of j(t))!w.call(e,r)&&r!=="default"&&P(e,r,{get:()=>t[r],enumerable:!(i=Y(t,r))||i.enumerable});return e},n=e=>e&&e.__esModule?e:J(P(e!=null?A(F(e)):{},"default",{value:e,enumerable:!0}),e);q(exports,{Menu:()=>T,MenuButton:()=>L,MenuGroup:()=>H,MenuGroupContext:()=>v,MenuItem:()=>D,MenuSeparator:()=>W,StyledMenuItem:()=>S,SubMenuButton:()=>O,useMenuState:()=>U.useMenuPrimitiveState});var U=n(require("@twilio-paste/menu-primitive"));var m=n(require("react")),B=n(require("@twilio-paste/box")),h=n(require("@twilio-paste/menu-primitive")),K=m.forwardRef((r,i)=>{var{style:e}=r,t=s(r,["style"]);return m.createElement(B.Box,o(o({},B.safelySpreadBoxProps(t)),{backgroundColor:"colorBackgroundBody",borderStyle:"solid",borderWidth:"borderWidth10",borderColor:"colorBorderLight",borderRadius:"borderRadius20",boxShadow:"shadow",maxWidth:"size30",minWidth:"size20",zIndex:"zIndex20",paddingY:"space30",_focus:{outline:"none"},style:e,ref:i}))}),T=m.forwardRef((e,t)=>m.createElement(h.MenuPrimitive,o(o({},e),{as:K,ref:t})));T.displayName="Menu";var R=n(require("react")),g=n(require("@twilio-paste/menu-primitive")),E=n(require("@twilio-paste/button")),L=R.forwardRef((e,t)=>R.createElement(g.MenuPrimitiveButton,o(o({},e),{as:E.Button,ref:t}),e.children));L.displayName="MenuButton";var a=n(require("react")),c=n(require("@twilio-paste/box")),G=n(require("@twilio-paste/text"));var f={DEFAULT:"default",GROUP_ITEM:"group_item"};var v=a.createContext(f.DEFAULT),H=a.forwardRef((x,M)=>{var{label:e,icon:t,children:i}=x,r=s(x,["label","icon","children"]);return a.createElement(v.Provider,{value:f.GROUP_ITEM},a.createElement(c.Box,o(o({},c.safelySpreadBoxProps(r)),{role:"presentation","aria-label":e,textDecoration:"none",ref:M}),a.createElement(c.Box,{display:"flex",alignItems:"center",paddingX:"space70",paddingY:"space30",cursor:"default"},a.isValidElement(t)?a.createElement(c.Box,{flexShrink:0,size:"sizeIcon30"},a.cloneElement(t,{color:"colorTextIcon"})):null,a.createElement(G.Text,{as:"span",color:"colorText",role:"presentation",fontWeight:"fontWeightBold",paddingLeft:t!=null?"space20":void 0},e)),i))});H.displayName="MenuGroup";var p=n(require("react")),z=n(require("@twilio-paste/anchor")),y=n(require("@twilio-paste/box")),C=n(require("@twilio-paste/menu-primitive"));var S=p.forwardRef((e,t)=>p.createElement(y.Box,o(o(o({},e.href&&z.secureExternalLink(e.href)),y.safelySpreadBoxProps(e)),{as:"a",color:e["aria-disabled"]?"colorTextWeaker":"colorText",display:"block",paddingY:"space30",paddingX:e.variant===f.GROUP_ITEM?"space90":"space70",textDecoration:e.tabIndex===0?"underline":"none",_hover:{cursor:"pointer"},_focus:{color:"colorTextLink",outline:"none"},_disabled:{cursor:"not-allowed"},ref:t}),e.children)),D=p.forwardRef((M,r)=>{var{as:e=S,variant:t}=M,i=s(M,["as","variant"]);let x=t||p.useContext(v);return p.createElement(C.MenuPrimitiveItem,o(o({},i),{variant:x,as:e,ref:r}))});D.displayName="MenuItem";var l=n(require("react")),_=n(require("@twilio-paste/separator")),k=n(require("@twilio-paste/menu-primitive")),Q=l.forwardRef((e,t)=>l.createElement(_.Separator,o(o({},e),{orientation:"horizontal",verticalSpacing:"space40",ref:t}))),W=l.forwardRef((e,t)=>l.createElement(k.MenuPrimitiveSeparator,o(o({},e),{as:Q,ref:t})));W.displayName="MenuSeparator";var u=n(require("react")),N=n(require("@twilio-paste/menu-primitive")),d=n(require("@twilio-paste/media-object")),V=n(require("@twilio-paste/icons/cjs/ChevronRightIcon"));var O=u.forwardRef((e,t)=>u.createElement(N.MenuPrimitiveButton,o(o({},e),{as:S,ref:t}),u.createElement(d.MediaObject,{as:"span",verticalAlign:"center"},e.children&&u.createElement(d.MediaBody,{as:"span"},e.children),u.createElement(d.MediaFigure,{as:"span",align:"end",spacing:"space20"},u.createElement(V.ChevronRightIcon,{decorative:!0,size:"sizeIcon30"})))));O.displayName="SubMenuButton";
+var A=Object.create,P=Object.defineProperty,F=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,j=Object.getOwnPropertyNames,Y=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertySymbols,X=Object.prototype.propertyIsEnumerable;var o=Object.assign,b=e=>P(e,"__esModule",{value:!0});var s=(e,t)=>{var i={};for(var r in e)w.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r]);if(e!=null&&I)for(var r of I(e))t.indexOf(r)<0&&X.call(e,r)&&(i[r]=e[r]);return i};var q=(e,t)=>{b(e);for(var i in t)P(e,i,{get:t[i],enumerable:!0})},J=(e,t,i)=>{if(b(e),t&&typeof t=="object"||typeof t=="function")for(let r of j(t))!w.call(e,r)&&r!=="default"&&P(e,r,{get:()=>t[r],enumerable:!(i=Y(t,r))||i.enumerable});return e},n=e=>e&&e.__esModule?e:J(P(e!=null?A(F(e)):{},"default",{value:e,enumerable:!0}),e);q(exports,{Menu:()=>T,MenuButton:()=>L,MenuGroup:()=>H,MenuGroupContext:()=>v,MenuItem:()=>D,MenuSeparator:()=>_,StyledMenuItem:()=>S,SubMenuButton:()=>O,useMenuState:()=>U.useMenuPrimitiveState});var U=n(require("@twilio-paste/menu-primitive"));var m=n(require("react")),B=n(require("@twilio-paste/box")),h=n(require("@twilio-paste/menu-primitive")),K=m.forwardRef((r,i)=>{var{style:e}=r,t=s(r,["style"]);return m.createElement(B.Box,o(o({},B.safelySpreadBoxProps(t)),{backgroundColor:"colorBackgroundBody",borderStyle:"solid",borderWidth:"borderWidth10",borderColor:"colorBorderWeak",borderRadius:"borderRadius20",boxShadow:"shadow",maxWidth:"size30",minWidth:"size20",zIndex:"zIndex20",paddingY:"space30",_focus:{outline:"none"},style:e,ref:i}))}),T=m.forwardRef((e,t)=>m.createElement(h.MenuPrimitive,o(o({},e),{as:K,ref:t})));T.displayName="Menu";var R=n(require("react")),g=n(require("@twilio-paste/menu-primitive")),E=n(require("@twilio-paste/button")),L=R.forwardRef((e,t)=>R.createElement(g.MenuPrimitiveButton,o(o({},e),{as:E.Button,ref:t}),e.children));L.displayName="MenuButton";var a=n(require("react")),c=n(require("@twilio-paste/box")),G=n(require("@twilio-paste/text"));var f={DEFAULT:"default",GROUP_ITEM:"group_item"};var v=a.createContext(f.DEFAULT),H=a.forwardRef((x,M)=>{var{label:e,icon:t,children:i}=x,r=s(x,["label","icon","children"]);return a.createElement(v.Provider,{value:f.GROUP_ITEM},a.createElement(c.Box,o(o({},c.safelySpreadBoxProps(r)),{role:"presentation","aria-label":e,textDecoration:"none",ref:M}),a.createElement(c.Box,{display:"flex",alignItems:"center",paddingX:"space70",paddingY:"space30",cursor:"default"},a.isValidElement(t)?a.createElement(c.Box,{flexShrink:0,size:"sizeIcon30"},a.cloneElement(t,{color:"colorTextIcon"})):null,a.createElement(G.Text,{as:"span",color:"colorText",role:"presentation",fontWeight:"fontWeightBold",paddingLeft:t!=null?"space20":void 0},e)),i))});H.displayName="MenuGroup";var p=n(require("react")),z=n(require("@twilio-paste/anchor")),y=n(require("@twilio-paste/box")),C=n(require("@twilio-paste/menu-primitive"));var S=p.forwardRef((e,t)=>p.createElement(y.Box,o(o(o({},e.href&&z.secureExternalLink(e.href)),y.safelySpreadBoxProps(e)),{as:"a",color:e["aria-disabled"]?"colorTextWeaker":"colorText",display:"block",paddingY:"space30",paddingX:e.variant===f.GROUP_ITEM?"space90":"space70",textDecoration:e.tabIndex===0?"underline":"none",_hover:{cursor:"pointer"},_focus:{color:"colorTextLink",outline:"none"},_disabled:{cursor:"not-allowed"},ref:t}),e.children)),D=p.forwardRef((M,r)=>{var{as:e=S,variant:t}=M,i=s(M,["as","variant"]);let x=t||p.useContext(v);return p.createElement(C.MenuPrimitiveItem,o(o({},i),{variant:x,as:e,ref:r}))});D.displayName="MenuItem";var l=n(require("react")),k=n(require("@twilio-paste/separator")),W=n(require("@twilio-paste/menu-primitive")),Q=l.forwardRef((e,t)=>l.createElement(k.Separator,o(o({},e),{orientation:"horizontal",verticalSpacing:"space40",ref:t}))),_=l.forwardRef((e,t)=>l.createElement(W.MenuPrimitiveSeparator,o(o({},e),{as:Q,ref:t})));_.displayName="MenuSeparator";var u=n(require("react")),N=n(require("@twilio-paste/menu-primitive")),d=n(require("@twilio-paste/media-object")),V=n(require("@twilio-paste/icons/cjs/ChevronRightIcon"));var O=u.forwardRef((e,t)=>u.createElement(N.MenuPrimitiveButton,o(o({},e),{as:S,ref:t}),u.createElement(d.MediaObject,{as:"span",verticalAlign:"center"},e.children&&u.createElement(d.MediaBody,{as:"span"},e.children),u.createElement(d.MediaFigure,{as:"span",align:"end",spacing:"space20"},u.createElement(V.ChevronRightIcon,{decorative:!0,size:"sizeIcon30"})))));O.displayName="SubMenuButton";

package.json

 {
   "name": "@twilio-paste/menu",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "category": "interaction",
@@ -49,6 +49,6 @@ "status": "alpha",
   "devDependencies": {
-    "@twilio-paste/anchor": "^5.0.2",
-    "@twilio-paste/box": "^4.0.3",
-    "@twilio-paste/button": "^7.0.0",
-    "@twilio-paste/design-tokens": "^6.6.0",
+    "@twilio-paste/anchor": "^5.0.3",
+    "@twilio-paste/box": "^4.0.5",
+    "@twilio-paste/button": "^7.0.2",
+    "@twilio-paste/design-tokens": "^6.7.0",
     "@twilio-paste/icons": "^5.1.2",
@@ -58,8 +58,8 @@ "@twilio-paste/media-object": "^4.0.3",
     "@twilio-paste/reakit-library": "^0.8.1",
-    "@twilio-paste/separator": "^2.0.3",
+    "@twilio-paste/separator": "^2.0.4",
     "@twilio-paste/spinner": "^7.0.2",
-    "@twilio-paste/style-props": "^3.0.2",
-    "@twilio-paste/styling-library": "^0.3.1",
-    "@twilio-paste/text": "^4.0.2",
-    "@twilio-paste/theme": "^5.0.2",
+    "@twilio-paste/style-props": "^3.0.4",
+    "@twilio-paste/styling-library": "^0.3.2",
+    "@twilio-paste/text": "^4.0.3",
+    "@twilio-paste/theme": "^5.1.0",
     "@twilio-paste/types": "^3.1.1",
@@ -66,0 +66,0 @@ "@twilio-paste/uid-library": "^0.2.1",

No alert changes

Improved metrics

Total package byte prevSize

495979

increased by0.04%

No dependency changes