@twilio-paste/modal - npm Package Compare versions

Comparing version 15.0.1 to 16.0.0

dist/index.debug.js

@@ -313,17 +313,1 @@ "use strict";
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Modal,
-  ModalBody,
-  ModalContext,
-  ModalDialogContent,
-  ModalDialogOverlay,
-  ModalFooter,
-  ModalFooterActions,
-  ModalHeader,
-  ModalHeading,
-  modalBodyStyles,
-  modalFooterStyles,
-  modalHeaderStyles,
-  useModalContext
-});

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{Modal:()=>Modal,ModalBody:()=>ModalBody,ModalContext:()=>ModalContext,ModalDialogContent:()=>ModalDialogContent,ModalDialogOverlay:()=>ModalDialogOverlay,ModalFooter:()=>ModalFooter,ModalFooterActions:()=>ModalFooterActions,ModalHeader:()=>ModalHeader,ModalHeading:()=>ModalHeading,modalBodyStyles:()=>modalBodyStyles,modalFooterStyles:()=>modalFooterStyles,modalHeaderStyles:()=>modalHeaderStyles,useModalContext:()=>useModalContext});module.exports=__toCommonJS(src_exports);var React2=__toESM(require("react")),import_prop_types=__toESM(require("prop-types")),import_styling_library=require("@twilio-paste/styling-library"),import_animation_library=require("@twilio-paste/animation-library"),import_box=require("@twilio-paste/box"),import_theme=require("@twilio-paste/theme"),import_modal_dialog_primitive=require("@twilio-paste/modal-dialog-primitive");var React=__toESM(require("react")),ModalContext=React.createContext(null),useModalContext=()=>{let context=React.useContext(ModalContext);if(!context)throw new Error("useModalContext must be used with ModalContextProvider");return context};var ModalDialogOverlay=(0,import_animation_library.animated)((0,import_styling_library.styled)(import_modal_dialog_primitive.ModalDialogPrimitiveOverlay)((0,import_styling_library.css)({position:"fixed",top:0,right:0,bottom:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100%",backgroundColor:"colorBackgroundOverlay",zIndex:"zIndex80"}),import_theme.pasteBaseStyles,import_box.getCustomElementStyles)),ModalDialogContent=(0,import_animation_library.animated)((0,import_styling_library.styled)(import_modal_dialog_primitive.ModalDialogPrimitiveContent)(({size})=>(0,import_styling_library.css)({width:"100%",maxWidth:size==="wide"?"size80":"size60",maxHeight:"90%",minHeight:"170px",backgroundColor:"colorBackgroundBody",borderColor:"colorBorderWeaker",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadow",display:"flex",flexDirection:"column"}))),getAnimationStates=()=>({from:{opacity:0,transform:"scale(0.675)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.675)"},config:{mass:.5,tension:370,friction:26}}),Modal=React2.forwardRef(({children,element="MODAL",isOpen,onDismiss,allowPinchZoom=!0,initialFocusRef,ariaLabelledby,size,...props},ref)=>{let transitions=(0,import_animation_library.useTransition)(isOpen,getAnimationStates());return React2.createElement(ModalContext.Provider,{value:{onDismiss}},transitions((styles,item)=>item&&React2.createElement(ModalDialogOverlay,{onDismiss,allowPinchZoom,initialFocusRef,style:{opacity:styles.opacity},"data-paste-element":`${element}_OVERLAY`,variant:size},React2.createElement(import_box.Box,{as:ModalDialogContent,"aria-labelledby":ariaLabelledby,...(0,import_box.safelySpreadBoxProps)(props),element,ref,style:styles,size,variant:size},children))))});Modal.displayName="Modal";Modal.propTypes={children:import_prop_types.default.node.isRequired,element:import_prop_types.default.string,isOpen:import_prop_types.default.bool.isRequired,onDismiss:import_prop_types.default.func.isRequired,allowPinchZoom:import_prop_types.default.bool,size:import_prop_types.default.oneOf(["default","wide"]).isRequired,initialFocusRef:import_prop_types.default.object,ariaLabelledby:import_prop_types.default.string.isRequired};var React3=__toESM(require("react")),import_prop_types2=__toESM(require("prop-types")),import_box2=require("@twilio-paste/box"),import_button=require("@twilio-paste/button"),import_flex=require("@twilio-paste/flex"),import_screen_reader_only=require("@twilio-paste/screen-reader-only"),import_CloseIcon=require("@twilio-paste/icons/cjs/CloseIcon");var ModalHeader=React3.forwardRef(({children,element="MODAL_HEADER",i18nDismissLabel="Close modal",...props},ref)=>{let{onDismiss}=useModalContext();return React3.createElement(import_box2.Box,{...(0,import_box2.safelySpreadBoxProps)(props),as:"div",element,ref,padding:"space90",flexShrink:0},React3.createElement(import_flex.Flex,{hAlignContent:"between"},React3.createElement(import_flex.Flex,{vAlignContent:"center",grow:1,marginRight:"space70"},children),React3.createElement(import_button.Button,{element:`${element}_CLOSE_BUTTON`,variant:"secondary_icon",size:"reset",onClick:()=>onDismiss()},React3.createElement(import_CloseIcon.CloseIcon,{element:`${element}_CLOSE_ICON`,decorative:!0,size:"sizeIcon60"}),React3.createElement(import_screen_reader_only.ScreenReaderOnly,null,i18nDismissLabel))))});ModalHeader.displayName="ModalHeader";ModalHeader.propTypes={children:import_prop_types2.default.node.isRequired,element:import_prop_types2.default.string};var React4=__toESM(require("react")),import_prop_types3=__toESM(require("prop-types")),import_heading=require("@twilio-paste/heading"),ModalHeading=React4.forwardRef(({children,as="h2",element="MODAL_HEADING",...props},ref)=>React4.createElement(import_heading.Heading,{...props,as,element,marginBottom:"space0",variant:"heading30",ref},children));ModalHeading.displayName="ModalHeading";ModalHeading.propTypes={children:import_prop_types3.default.node.isRequired,as:import_prop_types3.default.oneOf(["h1","h2","h3","h4","h5","h6"]),element:import_prop_types3.default.string};var React5=__toESM(require("react")),import_prop_types4=__toESM(require("prop-types")),import_box3=require("@twilio-paste/box"),ModalBody=React5.forwardRef(({children,element="MODAL_BODY",...props},ref)=>React5.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),overflowY:"auto",padding:"space90",paddingTop:"space0",as:"div",element,ref},children));ModalBody.displayName="ModalBody";ModalBody.propTypes={children:import_prop_types4.default.node.isRequired,element:import_prop_types4.default.string};var React6=__toESM(require("react")),import_prop_types5=__toESM(require("prop-types")),import_box4=require("@twilio-paste/box"),ModalFooter=React6.forwardRef(({children,element="MODAL_FOOTER",...props},ref)=>React6.createElement(import_box4.Box,{...(0,import_box4.safelySpreadBoxProps)(props),flexShrink:0,display:"flex",padding:"space90",paddingTop:"space0",as:"div",element,ref},children));ModalFooter.displayName="ModalFooter";ModalFooter.propTypes={children:import_prop_types5.default.node.isRequired,element:import_prop_types5.default.string};var React7=__toESM(require("react")),import_prop_types6=__toESM(require("prop-types")),import_box5=require("@twilio-paste/box"),ModalFooterActions=React7.forwardRef(({children,element="MODAL_FOOTER_ACTIONS",justify,...props},ref)=>{let count=React7.Children.count(children);return React7.createElement(import_box5.Box,{...(0,import_box5.safelySpreadBoxProps)(props),display:"flex",justifyContent:justify==="start"?"flex-start":"flex-end",flexShrink:justify==="start"?null:0,flexWrap:"wrap",flexGrow:1,element,alignItems:"center",ref},React7.Children.map(children,(child,index)=>React7.createElement(import_box5.Box,{marginRight:count!==index+1?"space50":null,element:`${element}_ITEM`},child)))});ModalFooterActions.displayName="ModalFooterActions";ModalFooterActions.propTypes={children:import_prop_types6.default.node.isRequired,element:import_prop_types6.default.string,justify:import_prop_types6.default.oneOf(["start","end"])};var modalHeaderStyles={borderBottomStyle:"solid",borderBottomWidth:"borderWidth10",borderBottomColor:"colorBorderWeak",padding:"space50",margin:"space0",flexShrink:0},modalBodyStyles={overflowY:"auto",padding:"space50",paddingBottom:"space60"},modalFooterStyles={borderTopStyle:"solid",borderTopWidth:"borderWidth10",borderTopColor:"colorBorderWeak",padding:"space50",display:"flex",flexShrink:0};0&&(module.exports={Modal,ModalBody,ModalContext,ModalDialogContent,ModalDialogOverlay,ModalFooter,ModalFooterActions,ModalHeader,ModalHeading,modalBodyStyles,modalFooterStyles,modalHeaderStyles,useModalContext});
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{Modal:()=>Modal,ModalBody:()=>ModalBody,ModalContext:()=>ModalContext,ModalDialogContent:()=>ModalDialogContent,ModalDialogOverlay:()=>ModalDialogOverlay,ModalFooter:()=>ModalFooter,ModalFooterActions:()=>ModalFooterActions,ModalHeader:()=>ModalHeader,ModalHeading:()=>ModalHeading,modalBodyStyles:()=>modalBodyStyles,modalFooterStyles:()=>modalFooterStyles,modalHeaderStyles:()=>modalHeaderStyles,useModalContext:()=>useModalContext});module.exports=__toCommonJS(src_exports);var React2=__toESM(require("react")),import_prop_types=__toESM(require("prop-types")),import_styling_library=require("@twilio-paste/styling-library"),import_animation_library=require("@twilio-paste/animation-library"),import_box=require("@twilio-paste/box"),import_theme=require("@twilio-paste/theme"),import_modal_dialog_primitive=require("@twilio-paste/modal-dialog-primitive");var React=__toESM(require("react")),ModalContext=React.createContext(null),useModalContext=()=>{let context=React.useContext(ModalContext);if(!context)throw new Error("useModalContext must be used with ModalContextProvider");return context};var ModalDialogOverlay=(0,import_animation_library.animated)((0,import_styling_library.styled)(import_modal_dialog_primitive.ModalDialogPrimitiveOverlay)((0,import_styling_library.css)({position:"fixed",top:0,right:0,bottom:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100%",backgroundColor:"colorBackgroundOverlay",zIndex:"zIndex80"}),import_theme.pasteBaseStyles,import_box.getCustomElementStyles)),ModalDialogContent=(0,import_animation_library.animated)((0,import_styling_library.styled)(import_modal_dialog_primitive.ModalDialogPrimitiveContent)(({size})=>(0,import_styling_library.css)({width:"100%",maxWidth:size==="wide"?"size80":"size60",maxHeight:"90%",minHeight:"170px",backgroundColor:"colorBackgroundBody",borderColor:"colorBorderWeaker",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadow",display:"flex",flexDirection:"column"}))),getAnimationStates=()=>({from:{opacity:0,transform:"scale(0.675)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.675)"},config:{mass:.5,tension:370,friction:26}}),Modal=React2.forwardRef(({children,element="MODAL",isOpen,onDismiss,allowPinchZoom=!0,initialFocusRef,ariaLabelledby,size,...props},ref)=>{let transitions=(0,import_animation_library.useTransition)(isOpen,getAnimationStates());return React2.createElement(ModalContext.Provider,{value:{onDismiss}},transitions((styles,item)=>item&&React2.createElement(ModalDialogOverlay,{onDismiss,allowPinchZoom,initialFocusRef,style:{opacity:styles.opacity},"data-paste-element":`${element}_OVERLAY`,variant:size},React2.createElement(import_box.Box,{as:ModalDialogContent,"aria-labelledby":ariaLabelledby,...(0,import_box.safelySpreadBoxProps)(props),element,ref,style:styles,size,variant:size},children))))});Modal.displayName="Modal";Modal.propTypes={children:import_prop_types.default.node.isRequired,element:import_prop_types.default.string,isOpen:import_prop_types.default.bool.isRequired,onDismiss:import_prop_types.default.func.isRequired,allowPinchZoom:import_prop_types.default.bool,size:import_prop_types.default.oneOf(["default","wide"]).isRequired,initialFocusRef:import_prop_types.default.object,ariaLabelledby:import_prop_types.default.string.isRequired};var React3=__toESM(require("react")),import_prop_types2=__toESM(require("prop-types")),import_box2=require("@twilio-paste/box"),import_button=require("@twilio-paste/button"),import_flex=require("@twilio-paste/flex"),import_screen_reader_only=require("@twilio-paste/screen-reader-only"),import_CloseIcon=require("@twilio-paste/icons/cjs/CloseIcon");var ModalHeader=React3.forwardRef(({children,element="MODAL_HEADER",i18nDismissLabel="Close modal",...props},ref)=>{let{onDismiss}=useModalContext();return React3.createElement(import_box2.Box,{...(0,import_box2.safelySpreadBoxProps)(props),as:"div",element,ref,padding:"space90",flexShrink:0},React3.createElement(import_flex.Flex,{hAlignContent:"between"},React3.createElement(import_flex.Flex,{vAlignContent:"center",grow:1,marginRight:"space70"},children),React3.createElement(import_button.Button,{element:`${element}_CLOSE_BUTTON`,variant:"secondary_icon",size:"reset",onClick:()=>onDismiss()},React3.createElement(import_CloseIcon.CloseIcon,{element:`${element}_CLOSE_ICON`,decorative:!0,size:"sizeIcon60"}),React3.createElement(import_screen_reader_only.ScreenReaderOnly,null,i18nDismissLabel))))});ModalHeader.displayName="ModalHeader";ModalHeader.propTypes={children:import_prop_types2.default.node.isRequired,element:import_prop_types2.default.string};var React4=__toESM(require("react")),import_prop_types3=__toESM(require("prop-types")),import_heading=require("@twilio-paste/heading"),ModalHeading=React4.forwardRef(({children,as="h2",element="MODAL_HEADING",...props},ref)=>React4.createElement(import_heading.Heading,{...props,as,element,marginBottom:"space0",variant:"heading30",ref},children));ModalHeading.displayName="ModalHeading";ModalHeading.propTypes={children:import_prop_types3.default.node.isRequired,as:import_prop_types3.default.oneOf(["h1","h2","h3","h4","h5","h6"]),element:import_prop_types3.default.string};var React5=__toESM(require("react")),import_prop_types4=__toESM(require("prop-types")),import_box3=require("@twilio-paste/box"),ModalBody=React5.forwardRef(({children,element="MODAL_BODY",...props},ref)=>React5.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),overflowY:"auto",padding:"space90",paddingTop:"space0",as:"div",element,ref},children));ModalBody.displayName="ModalBody";ModalBody.propTypes={children:import_prop_types4.default.node.isRequired,element:import_prop_types4.default.string};var React6=__toESM(require("react")),import_prop_types5=__toESM(require("prop-types")),import_box4=require("@twilio-paste/box"),ModalFooter=React6.forwardRef(({children,element="MODAL_FOOTER",...props},ref)=>React6.createElement(import_box4.Box,{...(0,import_box4.safelySpreadBoxProps)(props),flexShrink:0,display:"flex",padding:"space90",paddingTop:"space0",as:"div",element,ref},children));ModalFooter.displayName="ModalFooter";ModalFooter.propTypes={children:import_prop_types5.default.node.isRequired,element:import_prop_types5.default.string};var React7=__toESM(require("react")),import_prop_types6=__toESM(require("prop-types")),import_box5=require("@twilio-paste/box"),ModalFooterActions=React7.forwardRef(({children,element="MODAL_FOOTER_ACTIONS",justify,...props},ref)=>{let count=React7.Children.count(children);return React7.createElement(import_box5.Box,{...(0,import_box5.safelySpreadBoxProps)(props),display:"flex",justifyContent:justify==="start"?"flex-start":"flex-end",flexShrink:justify==="start"?null:0,flexWrap:"wrap",flexGrow:1,element,alignItems:"center",ref},React7.Children.map(children,(child,index)=>React7.createElement(import_box5.Box,{marginRight:count!==index+1?"space50":null,element:`${element}_ITEM`},child)))});ModalFooterActions.displayName="ModalFooterActions";ModalFooterActions.propTypes={children:import_prop_types6.default.node.isRequired,element:import_prop_types6.default.string,justify:import_prop_types6.default.oneOf(["start","end"])};var modalHeaderStyles={borderBottomStyle:"solid",borderBottomWidth:"borderWidth10",borderBottomColor:"colorBorderWeak",padding:"space50",margin:"space0",flexShrink:0},modalBodyStyles={overflowY:"auto",padding:"space50",paddingBottom:"space60"},modalFooterStyles={borderTopStyle:"solid",borderTopWidth:"borderWidth10",borderTopColor:"colorBorderWeak",padding:"space50",display:"flex",flexShrink:0};

package.json

 {
   "name": "@twilio-paste/modal",
-  "version": "15.0.1",
+  "version": "16.0.0",
   "category": "overlay",
@@ -27,22 +27,22 @@ "status": "production",
   "peerDependencies": {
-    "@twilio-paste/anchor": "^11.0.0",
-    "@twilio-paste/animation-library": "^1.0.0",
-    "@twilio-paste/box": "^9.0.0",
-    "@twilio-paste/button": "^13.0.0",
-    "@twilio-paste/color-contrast-utils": "^4.0.0",
-    "@twilio-paste/customization": "^7.0.0",
-    "@twilio-paste/design-tokens": "^9.0.0",
-    "@twilio-paste/flex": "^7.0.0",
-    "@twilio-paste/heading": "^10.0.0",
-    "@twilio-paste/icons": "^11.0.0",
-    "@twilio-paste/modal-dialog-primitive": "^1.0.0",
-    "@twilio-paste/screen-reader-only": "^12.0.0",
-    "@twilio-paste/spinner": "^13.0.0",
-    "@twilio-paste/stack": "^7.0.0",
-    "@twilio-paste/style-props": "^8.0.0",
-    "@twilio-paste/styling-library": "^2.0.0",
-    "@twilio-paste/text": "^9.0.0",
-    "@twilio-paste/theme": "^10.0.0",
-    "@twilio-paste/types": "^5.0.0",
-    "@twilio-paste/uid-library": "^1.0.0",
+    "@twilio-paste/anchor": "^12.0.0",
+    "@twilio-paste/animation-library": "^2.0.0",
+    "@twilio-paste/box": "^10.0.0",
+    "@twilio-paste/button": "^14.0.0",
+    "@twilio-paste/color-contrast-utils": "^5.0.0",
+    "@twilio-paste/customization": "^8.0.0",
+    "@twilio-paste/design-tokens": "^10.0.0",
+    "@twilio-paste/flex": "^8.0.0",
+    "@twilio-paste/heading": "^11.0.0",
+    "@twilio-paste/icons": "^12.0.0",
+    "@twilio-paste/modal-dialog-primitive": "^2.0.0",
+    "@twilio-paste/screen-reader-only": "^13.0.0",
+    "@twilio-paste/spinner": "^14.0.0",
+    "@twilio-paste/stack": "^8.0.0",
+    "@twilio-paste/style-props": "^9.0.0",
+    "@twilio-paste/styling-library": "^3.0.0",
+    "@twilio-paste/text": "^10.0.0",
+    "@twilio-paste/theme": "^11.0.0",
+    "@twilio-paste/types": "^6.0.0",
+    "@twilio-paste/uid-library": "^2.0.0",
     "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27",
@@ -55,22 +55,22 @@ "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10",
   "devDependencies": {
-    "@twilio-paste/anchor": "^11.0.1",
-    "@twilio-paste/animation-library": "^1.0.0",
-    "@twilio-paste/box": "^9.0.0",
-    "@twilio-paste/button": "^13.0.4",
-    "@twilio-paste/color-contrast-utils": "^4.0.0",
-    "@twilio-paste/customization": "^7.0.0",
-    "@twilio-paste/design-tokens": "^9.3.0",
-    "@twilio-paste/flex": "^7.0.0",
-    "@twilio-paste/heading": "^10.0.1",
-    "@twilio-paste/icons": "^11.0.0",
-    "@twilio-paste/modal-dialog-primitive": "^1.0.0",
-    "@twilio-paste/screen-reader-only": "^12.0.0",
-    "@twilio-paste/spinner": "^13.0.0",
-    "@twilio-paste/stack": "^7.0.0",
-    "@twilio-paste/style-props": "^8.0.0",
-    "@twilio-paste/styling-library": "^2.0.0",
-    "@twilio-paste/text": "^9.0.0",
-    "@twilio-paste/theme": "^10.0.0",
-    "@twilio-paste/types": "^5.0.1",
-    "@twilio-paste/uid-library": "^1.0.0",
+    "@twilio-paste/anchor": "^12.0.0",
+    "@twilio-paste/animation-library": "^2.0.0",
+    "@twilio-paste/box": "^10.0.0",
+    "@twilio-paste/button": "^14.0.0",
+    "@twilio-paste/color-contrast-utils": "^5.0.0",
+    "@twilio-paste/customization": "^8.0.0",
+    "@twilio-paste/design-tokens": "^10.0.0",
+    "@twilio-paste/flex": "^8.0.0",
+    "@twilio-paste/heading": "^11.0.0",
+    "@twilio-paste/icons": "^12.0.0",
+    "@twilio-paste/modal-dialog-primitive": "^2.0.0",
+    "@twilio-paste/screen-reader-only": "^13.0.0",
+    "@twilio-paste/spinner": "^14.0.0",
+    "@twilio-paste/stack": "^8.0.0",
+    "@twilio-paste/style-props": "^9.0.0",
+    "@twilio-paste/styling-library": "^3.0.0",
+    "@twilio-paste/text": "^10.0.0",
+    "@twilio-paste/theme": "^11.0.0",
+    "@twilio-paste/types": "^6.0.0",
+    "@twilio-paste/uid-library": "^2.0.0",
     "@types/react": "^18.0.27",
@@ -77,0 +77,0 @@ "@types/react-dom": "^18.0.10",

No alert changes

Worsened metrics

Total package byte prevSize

158478

decreased by-0.33%

Lines of code

745

decreased by-2.23%

No dependency changes