@twilio-paste/menu - npm Package Compare versions

Comparing version 8.0.1 to 8.0.2

CHANGELOG.md

 # Change Log
 
+## 8.0.2
+
+### Patch Changes
+
+- [`73c596919`](https://github.com/twilio-labs/paste/commit/73c5969191c04b4721a059c9dee329126afc1a8e) [#2269](https://github.com/twilio-labs/paste/pull/2269) Thanks [@SiTaggart](https://github.com/SiTaggart)! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.
+
 ## 8.0.1
@@ -4,0 +10,0 @@

dist/index.debug.es.js

 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -34,46 +32,13 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module, copyDefault, desc) => {
-  if (module && typeof module === "object" || typeof module === "function") {
-    for (let key of __getOwnPropNames(module))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable });
-  }
-  return target;
-};
 
-// esm-externals:@twilio-paste/menu-primitive
-var menu_primitive_exports = {};
-__export(menu_primitive_exports, {
-  default: () => default2
-});
-__reExport(menu_primitive_exports, menu_primitive_star);
-import * as default2 from "@twilio-paste/menu-primitive";
-import * as menu_primitive_star from "@twilio-paste/menu-primitive";
+// src/useMenuState.ts
+import { useMenuPrimitiveState } from "@twilio-paste/menu-primitive";
 
-// esm-externals:react
-var react_exports = {};
-__export(react_exports, {
-  default: () => default3
-});
-__reExport(react_exports, react_star);
-import * as default3 from "react";
-import * as react_star from "react";
-
-// esm-externals:@twilio-paste/box
-var box_exports = {};
-__export(box_exports, {
-  default: () => default4
-});
-__reExport(box_exports, box_star);
-import * as default4 from "@twilio-paste/box";
-import * as box_star from "@twilio-paste/box";
-
 // src/Menu.tsx
-var StyledMenu = react_exports.forwardRef((_a, ref) => {
+import * as React from "react";
+import { safelySpreadBoxProps, Box } from "@twilio-paste/box";
+import { MenuPrimitive } from "@twilio-paste/menu-primitive";
+var StyledMenu = React.forwardRef((_a, ref) => {
   var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
-  return /* @__PURE__ */ react_exports.createElement(box_exports.Box, __spreadProps(__spreadValues({}, (0, box_exports.safelySpreadBoxProps)(props)), {
+  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, safelySpreadBoxProps(props)), {
     backgroundColor: "colorBackgroundBody",
@@ -95,5 +60,5 @@ borderStyle: "solid",
 StyledMenu.displayName = "StyledMenu";
-var Menu = react_exports.forwardRef((_a, ref) => {
+var Menu = React.forwardRef((_a, ref) => {
   var _b = _a, { element = "MENU" } = _b, props = __objRest(_b, ["element"]);
-  return /* @__PURE__ */ react_exports.createElement(menu_primitive_exports.MenuPrimitive, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React.createElement(MenuPrimitive, __spreadProps(__spreadValues({}, props), {
     element,
@@ -106,17 +71,11 @@ as: StyledMenu,
 
-// esm-externals:@twilio-paste/button
-var button_exports = {};
-__export(button_exports, {
-  default: () => default5
-});
-__reExport(button_exports, button_star);
-import * as default5 from "@twilio-paste/button";
-import * as button_star from "@twilio-paste/button";
-
 // src/MenuButton.tsx
-var MenuButton = react_exports.forwardRef((_a, ref) => {
+import * as React2 from "react";
+import { MenuPrimitiveButton } from "@twilio-paste/menu-primitive";
+import { Button } from "@twilio-paste/button";
+var MenuButton = React2.forwardRef((_a, ref) => {
   var _b = _a, { element = "MENU_BUTTON" } = _b, props = __objRest(_b, ["element"]);
-  return /* @__PURE__ */ react_exports.createElement(menu_primitive_exports.MenuPrimitiveButton, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React2.createElement(MenuPrimitiveButton, __spreadProps(__spreadValues({}, props), {
     element,
-    as: button_exports.Button,
+    as: Button,
     ref
@@ -127,10 +86,6 @@ }), props.children);
 
-// esm-externals:@twilio-paste/text
-var text_exports = {};
-__export(text_exports, {
-  default: () => default6
-});
-__reExport(text_exports, text_star);
-import * as default6 from "@twilio-paste/text";
-import * as text_star from "@twilio-paste/text";
+// src/MenuGroup.tsx
+import * as React3 from "react";
+import { safelySpreadBoxProps as safelySpreadBoxProps2, Box as Box2 } from "@twilio-paste/box";
+import { Text } from "@twilio-paste/text";
 
@@ -144,8 +99,8 @@ // src/constants.ts
 // src/MenuGroup.tsx
-var MenuGroupContext = react_exports.createContext(MenuItemVariants.DEFAULT);
-var MenuGroup = react_exports.forwardRef((_a, ref) => {
+var MenuGroupContext = React3.createContext(MenuItemVariants.DEFAULT);
+var MenuGroup = React3.forwardRef((_a, ref) => {
   var _b = _a, { label, icon, children, element = "MENU_GROUP" } = _b, props = __objRest(_b, ["label", "icon", "children", "element"]);
-  return /* @__PURE__ */ react_exports.createElement(MenuGroupContext.Provider, {
+  return /* @__PURE__ */ React3.createElement(MenuGroupContext.Provider, {
     value: MenuItemVariants.GROUP_ITEM
-  }, /* @__PURE__ */ react_exports.createElement(box_exports.Box, __spreadProps(__spreadValues({}, (0, box_exports.safelySpreadBoxProps)(props)), {
+  }, /* @__PURE__ */ React3.createElement(Box2, __spreadProps(__spreadValues({}, safelySpreadBoxProps2(props)), {
     element,
@@ -156,3 +111,3 @@ role: "presentation",
     ref
-  }), /* @__PURE__ */ react_exports.createElement(box_exports.Box, {
+  }), /* @__PURE__ */ React3.createElement(Box2, {
     display: "flex",
@@ -163,6 +118,6 @@ alignItems: "center",
     cursor: "default"
-  }, react_exports.isValidElement(icon) ? /* @__PURE__ */ react_exports.createElement(box_exports.Box, {
+  }, React3.isValidElement(icon) ? /* @__PURE__ */ React3.createElement(Box2, {
     flexShrink: 0,
     size: "sizeIcon30"
-  }, react_exports.cloneElement(icon, { color: "colorTextIcon" })) : null, /* @__PURE__ */ react_exports.createElement(text_exports.Text, {
+  }, React3.cloneElement(icon, { color: "colorTextIcon" })) : null, /* @__PURE__ */ React3.createElement(Text, {
     as: "span",
@@ -177,17 +132,12 @@ color: "colorText",
 
-// esm-externals:@twilio-paste/anchor
-var anchor_exports = {};
-__export(anchor_exports, {
-  default: () => default7
-});
-__reExport(anchor_exports, anchor_star);
-import * as default7 from "@twilio-paste/anchor";
-import * as anchor_star from "@twilio-paste/anchor";
-
 // src/MenuItem.tsx
-var StyledMenuItem = react_exports.forwardRef((_a, ref) => {
+import * as React4 from "react";
+import { secureExternalLink } from "@twilio-paste/anchor";
+import { Box as Box3, safelySpreadBoxProps as safelySpreadBoxProps3 } from "@twilio-paste/box";
+import { MenuPrimitiveItem } from "@twilio-paste/menu-primitive";
+var StyledMenuItem = React4.forwardRef((_a, ref) => {
   var _b = _a, { element = "STYLED_MENU_ITEM" } = _b, props = __objRest(_b, ["element"]);
-  return /* @__PURE__ */ react_exports.createElement(box_exports.Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props.href && (0, anchor_exports.secureExternalLink)(props.href)), {
+  return /* @__PURE__ */ React4.createElement(Box3, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props.href && secureExternalLink(props.href)), {
     as: props.href ? "a" : "button"
-  }), (0, box_exports.safelySpreadBoxProps)(props)), {
+  }), safelySpreadBoxProps3(props)), {
     element,
@@ -221,6 +171,6 @@ appearance: "none",
 StyledMenuItem.displayName = "StyledMenuItem";
-var MenuItem = react_exports.forwardRef((_a, ref) => {
+var MenuItem = React4.forwardRef((_a, ref) => {
   var _b = _a, { as = StyledMenuItem, variant: _variant, element = "MENU_ITEM" } = _b, props = __objRest(_b, ["as", "variant", "element"]);
-  const variant = _variant || react_exports.useContext(MenuGroupContext);
-  return /* @__PURE__ */ react_exports.createElement(menu_primitive_exports.MenuPrimitiveItem, __spreadProps(__spreadValues({}, props), {
+  const variant = _variant || React4.useContext(MenuGroupContext);
+  return /* @__PURE__ */ React4.createElement(MenuPrimitiveItem, __spreadProps(__spreadValues({}, props), {
     element,
@@ -234,14 +184,8 @@ variant,
 
-// esm-externals:@twilio-paste/separator
-var separator_exports = {};
-__export(separator_exports, {
-  default: () => default8
-});
-__reExport(separator_exports, separator_star);
-import * as default8 from "@twilio-paste/separator";
-import * as separator_star from "@twilio-paste/separator";
-
 // src/MenuSeparator.tsx
-var StyledMenuSeparator = react_exports.forwardRef((props, ref) => {
-  return /* @__PURE__ */ react_exports.createElement(separator_exports.Separator, __spreadProps(__spreadValues({}, props), {
+import * as React5 from "react";
+import { Separator } from "@twilio-paste/separator";
+import { MenuPrimitiveSeparator } from "@twilio-paste/menu-primitive";
+var StyledMenuSeparator = React5.forwardRef((props, ref) => {
+  return /* @__PURE__ */ React5.createElement(Separator, __spreadProps(__spreadValues({}, props), {
     orientation: "horizontal",
@@ -253,5 +197,5 @@ verticalSpacing: "space40",
 StyledMenuSeparator.displayName = "StyledMenuSeparator";
-var MenuSeparator = react_exports.forwardRef((_a, ref) => {
+var MenuSeparator = React5.forwardRef((_a, ref) => {
   var _b = _a, { element = "MENU_SEPARATOR" } = _b, props = __objRest(_b, ["element"]);
-  return /* @__PURE__ */ react_exports.createElement(menu_primitive_exports.MenuPrimitiveSeparator, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React5.createElement(MenuPrimitiveSeparator, __spreadProps(__spreadValues({}, props), {
     element,
@@ -264,35 +208,21 @@ as: StyledMenuSeparator,
 
-// esm-externals:@twilio-paste/media-object
-var media_object_exports = {};
-__export(media_object_exports, {
-  default: () => default9
-});
-__reExport(media_object_exports, media_object_star);
-import * as default9 from "@twilio-paste/media-object";
-import * as media_object_star from "@twilio-paste/media-object";
-
-// esm-externals:@twilio-paste/icons/esm/ChevronRightIcon
-var ChevronRightIcon_exports = {};
-__export(ChevronRightIcon_exports, {
-  default: () => default10
-});
-__reExport(ChevronRightIcon_exports, ChevronRightIcon_star);
-import * as default10 from "@twilio-paste/icons/esm/ChevronRightIcon";
-import * as ChevronRightIcon_star from "@twilio-paste/icons/esm/ChevronRightIcon";
-
 // src/SubMenuButton.tsx
-var SubMenuButton = react_exports.forwardRef((_a, ref) => {
+import * as React6 from "react";
+import { MenuPrimitiveButton as MenuPrimitiveButton2 } from "@twilio-paste/menu-primitive";
+import { MediaObject, MediaBody, MediaFigure } from "@twilio-paste/media-object";
+import { ChevronRightIcon } from "@twilio-paste/icons/esm/ChevronRightIcon";
+var SubMenuButton = React6.forwardRef((_a, ref) => {
   var _b = _a, { element = "SUBMENU_BUTTON" } = _b, props = __objRest(_b, ["element"]);
-  return /* @__PURE__ */ react_exports.createElement(menu_primitive_exports.MenuPrimitiveButton, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ React6.createElement(MenuPrimitiveButton2, __spreadProps(__spreadValues({}, props), {
     as: StyledMenuItem,
     element,
     ref
-  }), /* @__PURE__ */ react_exports.createElement(media_object_exports.MediaObject, {
+  }), /* @__PURE__ */ React6.createElement(MediaObject, {
     as: "span",
     verticalAlign: "center",
     element: `${element}_MEDIA_OBJECT`
-  }, props.children && /* @__PURE__ */ react_exports.createElement(media_object_exports.MediaBody, {
+  }, props.children && /* @__PURE__ */ React6.createElement(MediaBody, {
     as: "span",
     element: `${element}_MEDIA_BODY`
-  }, props.children), /* @__PURE__ */ react_exports.createElement(media_object_exports.MediaFigure, {
+  }, props.children), /* @__PURE__ */ React6.createElement(MediaFigure, {
     as: "span",
@@ -302,3 +232,3 @@ align: "end",
     element: `${element}_MEDIA_FIGURE`
-  }, /* @__PURE__ */ react_exports.createElement(ChevronRightIcon_exports.ChevronRightIcon, {
+  }, /* @__PURE__ */ React6.createElement(ChevronRightIcon, {
     decorative: true,
@@ -310,3 +240,2 @@ size: "sizeIcon30",
 SubMenuButton.displayName = "SubMenuButton";
-var export_useMenuState = menu_primitive_exports.useMenuPrimitiveState;
 export {
@@ -321,3 +250,3 @@ Menu,
   SubMenuButton,
-  export_useMenuState as useMenuState
+  useMenuPrimitiveState as useMenuState
 };

dist/index.es.js

@@ -1,1 +0,1 @@
-var T=Object.defineProperty,W=Object.defineProperties,k=Object.getOwnPropertyDescriptor,F=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertyNames,E=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var _=(o,t,r)=>t in o?T(o,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[t]=r,u=(o,t)=>{for(var r in t||(t={}))v.call(t,r)&&_(o,r,t[r]);if(E)for(var r of E(t))b.call(t,r)&&_(o,r,t[r]);return o},s=(o,t)=>W(o,F(t));var f=(o,t)=>{var r={};for(var i in o)v.call(o,i)&&t.indexOf(i)<0&&(r[i]=o[i]);if(o!=null&&E)for(var i of E(o))t.indexOf(i)<0&&b.call(o,i)&&(r[i]=o[i]);return r};var d=(o,t)=>{for(var r in t)T(o,r,{get:t[r],enumerable:!0})},a=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of V(t))!v.call(o,n)&&(r||n!=="default")&&T(o,n,{get:()=>t[n],enumerable:!(i=k(t,n))||i.enumerable});return o};var m={};d(m,{default:()=>N});a(m,Q);import*as N from"@twilio-paste/menu-primitive";import*as Q from"@twilio-paste/menu-primitive";var e={};d(e,{default:()=>w});a(e,te);import*as w from"react";import*as te from"react";var p={};d(p,{default:()=>U});a(p,oe);import*as U from"@twilio-paste/box";import*as oe from"@twilio-paste/box";var L=e.forwardRef((i,r)=>{var n=i,{style:o}=n,t=f(n,["style"]);return e.createElement(p.Box,s(u({},(0,p.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:o,ref:r}))});L.displayName="StyledMenu";var Y=e.forwardRef((i,r)=>{var n=i,{element:o="MENU"}=n,t=f(n,["element"]);return e.createElement(m.MenuPrimitive,s(u({},t),{element:o,as:L,ref:r}))});Y.displayName="Menu";var c={};d(c,{default:()=>D});a(c,ie);import*as D from"@twilio-paste/button";import*as ie from"@twilio-paste/button";var $=e.forwardRef((i,r)=>{var n=i,{element:o="MENU_BUTTON"}=n,t=f(n,["element"]);return e.createElement(m.MenuPrimitiveButton,s(u({},t),{element:o,as:c.Button,ref:r}),t.children)});$.displayName="MenuButton";var M={};d(M,{default:()=>H});a(M,se);import*as H from"@twilio-paste/text";import*as se from"@twilio-paste/text";var B={DEFAULT:"default",GROUP_ITEM:"group_item"};var g=e.createContext(B.DEFAULT),j=e.forwardRef((I,h)=>{var R=I,{label:o,icon:t,children:r,element:i="MENU_GROUP"}=R,n=f(R,["label","icon","children","element"]);return e.createElement(g.Provider,{value:B.GROUP_ITEM},e.createElement(p.Box,s(u({},(0,p.safelySpreadBoxProps)(n)),{element:i,role:"presentation","aria-label":o,textDecoration:"none",ref:h}),e.createElement(p.Box,{display:"flex",alignItems:"center",paddingX:"space70",paddingY:"space30",cursor:"default"},e.isValidElement(t)?e.createElement(p.Box,{flexShrink:0,size:"sizeIcon30"},e.cloneElement(t,{color:"colorTextIcon"})):null,e.createElement(M.Text,{as:"span",color:"colorText",role:"presentation",fontWeight:"fontWeightBold",paddingLeft:t!=null?"space20":void 0},o)),r))});j.displayName="MenuGroup";var x={};d(x,{default:()=>G});a(x,xe);import*as G from"@twilio-paste/anchor";import*as xe from"@twilio-paste/anchor";var S=e.forwardRef((i,r)=>{var n=i,{element:o="STYLED_MENU_ITEM"}=n,t=f(n,["element"]);return e.createElement(p.Box,s(u(s(u({},t.href&&(0,x.secureExternalLink)(t.href)),{as:t.href?"a":"button"}),(0,p.safelySpreadBoxProps)(t)),{element:o,appearance:"none",background:"none",border:"none",color:t["aria-disabled"]?"colorTextWeaker":"colorText",display:"block",textAlign:"left",fontFamily:"fontFamilyText",fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight30",margin:"space0",outline:"none",paddingY:"space30",paddingX:t.variant===B.GROUP_ITEM?"space90":"space70",textDecoration:t.tabIndex===0?"underline":"none",width:"100%",_hover:{cursor:"pointer"},_focus:{color:"colorTextLink"},_disabled:{cursor:"not-allowed"},ref:r}),t.children)});S.displayName="StyledMenuItem";var X=e.forwardRef((h,n)=>{var I=h,{as:o=S,variant:t,element:r="MENU_ITEM"}=I,i=f(I,["as","variant","element"]);let R=t||e.useContext(g);return e.createElement(m.MenuPrimitiveItem,s(u({},i),{element:r,variant:R,as:o,ref:n}))});X.displayName="MenuItem";var P={};d(P,{default:()=>O});a(P,Ie);import*as O from"@twilio-paste/separator";import*as Ie from"@twilio-paste/separator";var z=e.forwardRef((o,t)=>e.createElement(P.Separator,s(u({},o),{orientation:"horizontal",verticalSpacing:"space40",ref:t})));z.displayName="StyledMenuSeparator";var J=e.forwardRef((i,r)=>{var n=i,{element:o="MENU_SEPARATOR"}=n,t=f(n,["element"]);return e.createElement(m.MenuPrimitiveSeparator,s(u({},t),{element:o,as:z,ref:r}))});J.displayName="MenuSeparator";var l={};d(l,{default:()=>A});a(l,he);import*as A from"@twilio-paste/media-object";import*as he from"@twilio-paste/media-object";var y={};d(y,{default:()=>C});a(y,be);import*as C from"@twilio-paste/icons/esm/ChevronRightIcon";import*as be from"@twilio-paste/icons/esm/ChevronRightIcon";var q=e.forwardRef((i,r)=>{var n=i,{element:o="SUBMENU_BUTTON"}=n,t=f(n,["element"]);return e.createElement(m.MenuPrimitiveButton,s(u({},t),{as:S,element:o,ref:r}),e.createElement(l.MediaObject,{as:"span",verticalAlign:"center",element:`${o}_MEDIA_OBJECT`},t.children&&e.createElement(l.MediaBody,{as:"span",element:`${o}_MEDIA_BODY`},t.children),e.createElement(l.MediaFigure,{as:"span",align:"end",spacing:"space20",element:`${o}_MEDIA_FIGURE`},e.createElement(y.ChevronRightIcon,{decorative:!0,size:"sizeIcon30",element:`${o}_ICON`}))))});q.displayName="SubMenuButton";var export_useMenuState=m.useMenuPrimitiveState;export{Y as Menu,$ as MenuButton,j as MenuGroup,g as MenuGroupContext,X as MenuItem,J as MenuSeparator,S as StyledMenuItem,q as SubMenuButton,export_useMenuState as useMenuState};
+var h=Object.defineProperty,b=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var T=(t,e,o)=>e in t?h(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,a=(t,e)=>{for(var o in e||(e={}))S.call(e,o)&&T(t,o,e[o]);if(M)for(var o of M(e))I.call(e,o)&&T(t,o,e[o]);return t},i=(t,e)=>b(t,_(e));var m=(t,e)=>{var o={};for(var n in t)S.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(t!=null&&M)for(var n of M(t))e.indexOf(n)<0&&I.call(t,n)&&(o[n]=t[n]);return o};import{useMenuPrimitiveState as oe}from"@twilio-paste/menu-primitive";import*as l from"react";import{safelySpreadBoxProps as N,Box as w}from"@twilio-paste/box";import{MenuPrimitive as U}from"@twilio-paste/menu-primitive";var v=l.forwardRef((n,o)=>{var r=n,{style:t}=r,e=m(r,["style"]);return l.createElement(w,i(a({},N(e)),{backgroundColor:"colorBackgroundBody",borderStyle:"solid",borderWidth:"borderWidth10",borderColor:"colorBorderWeak",borderRadius:"borderRadius20",boxShadow:"shadow",maxWidth:"size30",minWidth:"size20",zIndex:"zIndex20",paddingY:"space30",_focus:{outline:"none"},style:t,ref:o}))});v.displayName="StyledMenu";var L=l.forwardRef((n,o)=>{var r=n,{element:t="MENU"}=r,e=m(r,["element"]);return l.createElement(U,i(a({},e),{element:t,as:v,ref:o}))});L.displayName="Menu";import*as x from"react";import{MenuPrimitiveButton as D}from"@twilio-paste/menu-primitive";import{Button as H}from"@twilio-paste/button";var G=x.forwardRef((n,o)=>{var r=n,{element:t="MENU_BUTTON"}=r,e=m(r,["element"]);return x.createElement(D,i(a({},e),{element:t,as:H,ref:o}),e.children)});G.displayName="MenuButton";import*as p from"react";import{safelySpreadBoxProps as O,Box as B}from"@twilio-paste/box";import{Text as z}from"@twilio-paste/text";var f={DEFAULT:"default",GROUP_ITEM:"group_item"};var R=p.createContext(f.DEFAULT),A=p.forwardRef((y,E)=>{var c=y,{label:t,icon:e,children:o,element:n="MENU_GROUP"}=c,r=m(c,["label","icon","children","element"]);return p.createElement(R.Provider,{value:f.GROUP_ITEM},p.createElement(B,i(a({},O(r)),{element:n,role:"presentation","aria-label":t,textDecoration:"none",ref:E}),p.createElement(B,{display:"flex",alignItems:"center",paddingX:"space70",paddingY:"space30",cursor:"default"},p.isValidElement(e)?p.createElement(B,{flexShrink:0,size:"sizeIcon30"},p.cloneElement(e,{color:"colorTextIcon"})):null,p.createElement(z,{as:"span",color:"colorText",role:"presentation",fontWeight:"fontWeightBold",paddingLeft:e!=null?"space20":void 0},t)),o))});A.displayName="MenuGroup";import*as u from"react";import{secureExternalLink as C}from"@twilio-paste/anchor";import{Box as W,safelySpreadBoxProps as k}from"@twilio-paste/box";import{MenuPrimitiveItem as F}from"@twilio-paste/menu-primitive";var P=u.forwardRef((n,o)=>{var r=n,{element:t="STYLED_MENU_ITEM"}=r,e=m(r,["element"]);return u.createElement(W,i(a(i(a({},e.href&&C(e.href)),{as:e.href?"a":"button"}),k(e)),{element:t,appearance:"none",background:"none",border:"none",color:e["aria-disabled"]?"colorTextWeaker":"colorText",display:"block",textAlign:"left",fontFamily:"fontFamilyText",fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight30",margin:"space0",outline:"none",paddingY:"space30",paddingX:e.variant===f.GROUP_ITEM?"space90":"space70",textDecoration:e.tabIndex===0?"underline":"none",width:"100%",_hover:{cursor:"pointer"},_focus:{color:"colorTextLink"},_disabled:{cursor:"not-allowed"},ref:o}),e.children)});P.displayName="StyledMenuItem";var V=u.forwardRef((E,r)=>{var y=E,{as:t=P,variant:e,element:o="MENU_ITEM"}=y,n=m(y,["as","variant","element"]);let c=e||u.useContext(R);return u.createElement(F,i(a({},n),{element:o,variant:c,as:t,ref:r}))});V.displayName="MenuItem";import*as d from"react";import{Separator as Y}from"@twilio-paste/separator";import{MenuPrimitiveSeparator as $}from"@twilio-paste/menu-primitive";var g=d.forwardRef((t,e)=>d.createElement(Y,i(a({},t),{orientation:"horizontal",verticalSpacing:"space40",ref:e})));g.displayName="StyledMenuSeparator";var j=d.forwardRef((n,o)=>{var r=n,{element:t="MENU_SEPARATOR"}=r,e=m(r,["element"]);return d.createElement($,i(a({},e),{element:t,as:g,ref:o}))});j.displayName="MenuSeparator";import*as s from"react";import{MenuPrimitiveButton as X}from"@twilio-paste/menu-primitive";import{MediaObject as J,MediaBody as q,MediaFigure as K}from"@twilio-paste/media-object";import{ChevronRightIcon as Q}from"@twilio-paste/icons/esm/ChevronRightIcon";var Z=s.forwardRef((n,o)=>{var r=n,{element:t="SUBMENU_BUTTON"}=r,e=m(r,["element"]);return s.createElement(X,i(a({},e),{as:P,element:t,ref:o}),s.createElement(J,{as:"span",verticalAlign:"center",element:`${t}_MEDIA_OBJECT`},e.children&&s.createElement(q,{as:"span",element:`${t}_MEDIA_BODY`},e.children),s.createElement(K,{as:"span",align:"end",spacing:"space20",element:`${t}_MEDIA_FIGURE`},s.createElement(Q,{decorative:!0,size:"sizeIcon30",element:`${t}_ICON`}))))});Z.displayName="SubMenuButton";export{L as Menu,G as MenuButton,A as MenuGroup,R as MenuGroupContext,V as MenuItem,j as MenuSeparator,P as StyledMenuItem,Z as SubMenuButton,oe as useMenuState};

package.json

 {
   "name": "@twilio-paste/menu",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "category": "interaction",
@@ -49,18 +49,18 @@ "status": "production",
   "devDependencies": {
-    "@twilio-paste/anchor": "^6.0.1",
-    "@twilio-paste/box": "^5.0.1",
-    "@twilio-paste/button": "^8.0.1",
-    "@twilio-paste/design-tokens": "^7.1.0",
-    "@twilio-paste/icons": "^6.2.0",
-    "@twilio-paste/media-object": "^5.0.1",
-    "@twilio-paste/menu-primitive": "^0.2.7",
-    "@twilio-paste/reakit-library": "^0.8.3",
-    "@twilio-paste/separator": "^3.0.1",
-    "@twilio-paste/spinner": "^8.0.1",
-    "@twilio-paste/style-props": "^4.0.1",
-    "@twilio-paste/styling-library": "^0.3.6",
-    "@twilio-paste/text": "^5.0.1",
-    "@twilio-paste/theme": "^6.0.1",
-    "@twilio-paste/types": "^3.1.4",
-    "@twilio-paste/uid-library": "^0.2.3",
+    "@twilio-paste/anchor": "^6.0.2",
+    "@twilio-paste/box": "^5.0.2",
+    "@twilio-paste/button": "^8.0.2",
+    "@twilio-paste/design-tokens": "^7.1.1",
+    "@twilio-paste/icons": "^6.2.1",
+    "@twilio-paste/media-object": "^5.0.2",
+    "@twilio-paste/menu-primitive": "^0.2.8",
+    "@twilio-paste/reakit-library": "^0.8.4",
+    "@twilio-paste/separator": "^3.0.2",
+    "@twilio-paste/spinner": "^8.0.2",
+    "@twilio-paste/style-props": "^4.0.2",
+    "@twilio-paste/styling-library": "^0.3.7",
+    "@twilio-paste/text": "^5.0.2",
+    "@twilio-paste/theme": "^6.0.2",
+    "@twilio-paste/types": "^3.1.5",
+    "@twilio-paste/uid-library": "^0.2.4",
     "prop-types": "^15.7.2",
@@ -67,0 +67,0 @@ "react": "^17.0.2",

No alert changes

Worsened metrics

Total package byte prevSize

679355

decreased by-0.42%

Lines of code

719

decreased by-8.52%

No dependency changes