@twilio-paste/select - npm Package Compare versions

Comparing version 12.0.0 to 12.1.0

dist/index.d.ts

@@ -1,4 +0,4 @@
-export * from './Option';
-export * from './OptionGroup';
-export * from './Select';
+export * from "./Option";
+export * from "./OptionGroup";
+export * from "./Select";
 //# sourceMappingURL=index.d.ts.map

dist/index.debug.es.js

 // src/Option.tsx
+import { Box, safelySpreadBoxProps } from "@twilio-paste/box";
 import * as React from "react";
-import "prop-types";
-import { Box, safelySpreadBoxProps } from "@twilio-paste/box";
 var Option = React.forwardRef(({ children, element = "OPTION", ...props }, ref) => {
@@ -31,14 +30,6 @@ if (props.selected) {
 Option.displayName = "Option";
-if (false) {
-  Option.propTypes = {
-    value: PropTypes.string.isRequired,
-    children: PropTypes.node.isRequired,
-    element: PropTypes.string
-  };
-}
 
 // src/OptionGroup.tsx
+import { Box as Box2, safelySpreadBoxProps as safelySpreadBoxProps2 } from "@twilio-paste/box";
 import * as React2 from "react";
-import "prop-types";
-import { Box as Box2, safelySpreadBoxProps as safelySpreadBoxProps2 } from "@twilio-paste/box";
 var OptionGroup = React2.forwardRef(
@@ -64,16 +55,8 @@ ({ label, children, element = "OPTION_GROUP", ...props }, ref) => /* @__PURE__ */ React2.createElement(
 OptionGroup.displayName = "OptionGroup";
-if (false) {
-  OptionGroup.propTypes = {
-    label: PropTypes2.string.isRequired,
-    children: PropTypes2.node.isRequired,
-    element: PropTypes2.string
-  };
-}
 
 // src/Select.tsx
-import * as React3 from "react";
-import "prop-types";
 import { Box as Box3, safelySpreadBoxProps as safelySpreadBoxProps3 } from "@twilio-paste/box";
 import { ChevronDownIcon } from "@twilio-paste/icons/esm/ChevronDownIcon";
 import { InputBox, InputChevronWrapper, getInputChevronIconColor } from "@twilio-paste/input-box";
+import * as React3 from "react";
 var SelectElement = React3.forwardRef(
@@ -176,10 +159,2 @@ ({ element = "SELECT_ELEMENT", variant, size, ...props }, ref) => {
 Select.displayName = "Select";
-if (false) {
-  Select.propTypes = {
-    id: PropTypes3.string,
-    hasError: PropTypes3.bool,
-    onChange: PropTypes3.func,
-    element: PropTypes3.string
-  };
-}
 export {
@@ -186,0 +161,0 @@ Option,

dist/index.debug.js

@@ -37,5 +37,4 @@ "use strict";
 // src/Option.tsx
+var import_box = require("@twilio-paste/box");
 var React = __toESM(require("react"));
-var import_prop_types = require("prop-types");
-var import_box = require("@twilio-paste/box");
 var Option = React.forwardRef(({ children, element = "OPTION", ...props }, ref) => {
@@ -67,14 +66,6 @@ if (props.selected) {
 Option.displayName = "Option";
-if (false) {
-  Option.propTypes = {
-    value: PropTypes.string.isRequired,
-    children: PropTypes.node.isRequired,
-    element: PropTypes.string
-  };
-}
 
 // src/OptionGroup.tsx
+var import_box2 = require("@twilio-paste/box");
 var React2 = __toESM(require("react"));
-var import_prop_types2 = require("prop-types");
-var import_box2 = require("@twilio-paste/box");
 var OptionGroup = React2.forwardRef(
@@ -100,16 +91,8 @@ ({ label, children, element = "OPTION_GROUP", ...props }, ref) => /* @__PURE__ */ React2.createElement(
 OptionGroup.displayName = "OptionGroup";
-if (false) {
-  OptionGroup.propTypes = {
-    label: PropTypes2.string.isRequired,
-    children: PropTypes2.node.isRequired,
-    element: PropTypes2.string
-  };
-}
 
 // src/Select.tsx
-var React3 = __toESM(require("react"));
-var import_prop_types3 = require("prop-types");
 var import_box3 = require("@twilio-paste/box");
 var import_ChevronDownIcon = require("@twilio-paste/icons/cjs/ChevronDownIcon");
 var import_input_box = require("@twilio-paste/input-box");
+var React3 = __toESM(require("react"));
 var SelectElement = React3.forwardRef(
@@ -212,9 +195,1 @@ ({ element = "SELECT_ELEMENT", variant, size, ...props }, ref) => {
 Select.displayName = "Select";
-if (false) {
-  Select.propTypes = {
-    id: PropTypes3.string,
-    hasError: PropTypes3.bool,
-    onChange: PropTypes3.func,
-    element: PropTypes3.string
-  };
-}

dist/index.es.js

@@ -1,1 +0,1 @@
-import*as React from"react";import"prop-types";import{Box,safelySpreadBoxProps}from"@twilio-paste/box";var Option=React.forwardRef(({children,element="OPTION",...props},ref)=>(props.selected&&console.warn('"selected" is a blocked prop on this component, please use "value" on the select element.'),React.createElement(Box,{as:"option",ref,...safelySpreadBoxProps(props),element,size:void 0,height:void 0,width:void 0,backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",lineHeight:"lineHeight50",paddingTop:"space30",paddingBottom:"space30",paddingLeft:"space20"},children)));Option.displayName="Option";import*as React2 from"react";import"prop-types";import{Box as Box2,safelySpreadBoxProps as safelySpreadBoxProps2}from"@twilio-paste/box";var OptionGroup=React2.forwardRef(({label,children,element="OPTION_GROUP",...props},ref)=>React2.createElement(Box2,{ref,label,...safelySpreadBoxProps2(props),element,as:"optgroup",backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",fontWeight:"fontWeightMedium",fontStyle:"normal",margin:"space20"},children));OptionGroup.displayName="OptionGroup";import*as React3 from"react";import"prop-types";import{Box as Box3,safelySpreadBoxProps as safelySpreadBoxProps3}from"@twilio-paste/box";import{ChevronDownIcon}from"@twilio-paste/icons/esm/ChevronDownIcon";import{InputBox,InputChevronWrapper,getInputChevronIconColor}from"@twilio-paste/input-box";var SelectElement=React3.forwardRef(({element="SELECT_ELEMENT",variant,size,...props},ref)=>React3.createElement(Box3,{...safelySpreadBoxProps3(props),element,as:"select",ref,size,height:void 0,appearance:"none",backgroundColor:variant==="inverse"?"colorBackgroundInverse":"colorBackgroundBody",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:"pointer",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space100",paddingTop:"space30",resize:"none",width:"100%",_disabled:{color:variant==="inverse"?"colorTextInverseWeakest":"colorTextWeaker",cursor:"not-allowed",opacity:1},variant}));SelectElement.displayName="SelectElement";var Select=React3.forwardRef(({disabled,element="SELECT",hasError,insertBefore,insertAfter,children,size,multiple,variant="default",...props},ref)=>{let[showOptions,setShowOptions]=React3.useState(!1);return React3.useEffect(()=>{setShowOptions(!0)},[]),React3.createElement(InputBox,{disabled,element,hasError,insertAfter,insertBefore,variant},React3.createElement(Box3,{display:"flex",width:"100%",position:"relative"},React3.createElement(SelectElement,{"aria-invalid":hasError,"data-not-selectize":"true",disabled,ref,element:`${element}_ELEMENT`,...props,multiple,size:multiple?size:0,variant},showOptions&&children),!multiple&&React3.createElement(InputChevronWrapper,{element:`${element}_CHEVRON_WRAPPER`},React3.createElement(ChevronDownIcon,{"aria-hidden":"true",decorative:!0,element:`${element}_ICON`,color:getInputChevronIconColor(variant,disabled,!1),size:"sizeIcon30"}))))});Select.displayName="Select";export{Option,OptionGroup,Select,SelectElement};
+import{Box,safelySpreadBoxProps}from"@twilio-paste/box";import*as React from"react";var Option=React.forwardRef(({children,element="OPTION",...props},ref)=>(props.selected&&console.warn('"selected" is a blocked prop on this component, please use "value" on the select element.'),React.createElement(Box,{as:"option",ref,...safelySpreadBoxProps(props),element,size:void 0,height:void 0,width:void 0,backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",lineHeight:"lineHeight50",paddingTop:"space30",paddingBottom:"space30",paddingLeft:"space20"},children)));Option.displayName="Option";import{Box as Box2,safelySpreadBoxProps as safelySpreadBoxProps2}from"@twilio-paste/box";import*as React2 from"react";var OptionGroup=React2.forwardRef(({label,children,element="OPTION_GROUP",...props},ref)=>React2.createElement(Box2,{ref,label,...safelySpreadBoxProps2(props),element,as:"optgroup",backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",fontWeight:"fontWeightMedium",fontStyle:"normal",margin:"space20"},children));OptionGroup.displayName="OptionGroup";import{Box as Box3,safelySpreadBoxProps as safelySpreadBoxProps3}from"@twilio-paste/box";import{ChevronDownIcon}from"@twilio-paste/icons/esm/ChevronDownIcon";import{InputBox,InputChevronWrapper,getInputChevronIconColor}from"@twilio-paste/input-box";import*as React3 from"react";var SelectElement=React3.forwardRef(({element="SELECT_ELEMENT",variant,size,...props},ref)=>React3.createElement(Box3,{...safelySpreadBoxProps3(props),element,as:"select",ref,size,height:void 0,appearance:"none",backgroundColor:variant==="inverse"?"colorBackgroundInverse":"colorBackgroundBody",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:"pointer",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space100",paddingTop:"space30",resize:"none",width:"100%",_disabled:{color:variant==="inverse"?"colorTextInverseWeakest":"colorTextWeaker",cursor:"not-allowed",opacity:1},variant}));SelectElement.displayName="SelectElement";var Select=React3.forwardRef(({disabled,element="SELECT",hasError,insertBefore,insertAfter,children,size,multiple,variant="default",...props},ref)=>{let[showOptions,setShowOptions]=React3.useState(!1);return React3.useEffect(()=>{setShowOptions(!0)},[]),React3.createElement(InputBox,{disabled,element,hasError,insertAfter,insertBefore,variant},React3.createElement(Box3,{display:"flex",width:"100%",position:"relative"},React3.createElement(SelectElement,{"aria-invalid":hasError,"data-not-selectize":"true",disabled,ref,element:`${element}_ELEMENT`,...props,multiple,size:multiple?size:0,variant},showOptions&&children),!multiple&&React3.createElement(InputChevronWrapper,{element:`${element}_CHEVRON_WRAPPER`},React3.createElement(ChevronDownIcon,{"aria-hidden":"true",decorative:!0,element:`${element}_ICON`,color:getInputChevronIconColor(variant,disabled,!1),size:"sizeIcon30"}))))});Select.displayName="Select";export{Option,OptionGroup,Select,SelectElement};

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,{Option:()=>Option,OptionGroup:()=>OptionGroup,Select:()=>Select,SelectElement:()=>SelectElement});module.exports=__toCommonJS(src_exports);var React=__toESM(require("react")),import_prop_types=require("prop-types"),import_box=require("@twilio-paste/box"),Option=React.forwardRef(({children,element="OPTION",...props},ref)=>(props.selected&&console.warn('"selected" is a blocked prop on this component, please use "value" on the select element.'),React.createElement(import_box.Box,{as:"option",ref,...(0,import_box.safelySpreadBoxProps)(props),element,size:void 0,height:void 0,width:void 0,backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",lineHeight:"lineHeight50",paddingTop:"space30",paddingBottom:"space30",paddingLeft:"space20"},children)));Option.displayName="Option";var React2=__toESM(require("react")),import_prop_types2=require("prop-types"),import_box2=require("@twilio-paste/box"),OptionGroup=React2.forwardRef(({label,children,element="OPTION_GROUP",...props},ref)=>React2.createElement(import_box2.Box,{ref,label,...(0,import_box2.safelySpreadBoxProps)(props),element,as:"optgroup",backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",fontWeight:"fontWeightMedium",fontStyle:"normal",margin:"space20"},children));OptionGroup.displayName="OptionGroup";var React3=__toESM(require("react")),import_prop_types3=require("prop-types"),import_box3=require("@twilio-paste/box"),import_ChevronDownIcon=require("@twilio-paste/icons/cjs/ChevronDownIcon"),import_input_box=require("@twilio-paste/input-box"),SelectElement=React3.forwardRef(({element="SELECT_ELEMENT",variant,size,...props},ref)=>React3.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),element,as:"select",ref,size,height:void 0,appearance:"none",backgroundColor:variant==="inverse"?"colorBackgroundInverse":"colorBackgroundBody",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:"pointer",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space100",paddingTop:"space30",resize:"none",width:"100%",_disabled:{color:variant==="inverse"?"colorTextInverseWeakest":"colorTextWeaker",cursor:"not-allowed",opacity:1},variant}));SelectElement.displayName="SelectElement";var Select=React3.forwardRef(({disabled,element="SELECT",hasError,insertBefore,insertAfter,children,size,multiple,variant="default",...props},ref)=>{let[showOptions,setShowOptions]=React3.useState(!1);return React3.useEffect(()=>{setShowOptions(!0)},[]),React3.createElement(import_input_box.InputBox,{disabled,element,hasError,insertAfter,insertBefore,variant},React3.createElement(import_box3.Box,{display:"flex",width:"100%",position:"relative"},React3.createElement(SelectElement,{"aria-invalid":hasError,"data-not-selectize":"true",disabled,ref,element:`${element}_ELEMENT`,...props,multiple,size:multiple?size:0,variant},showOptions&&children),!multiple&&React3.createElement(import_input_box.InputChevronWrapper,{element:`${element}_CHEVRON_WRAPPER`},React3.createElement(import_ChevronDownIcon.ChevronDownIcon,{"aria-hidden":"true",decorative:!0,element:`${element}_ICON`,color:(0,import_input_box.getInputChevronIconColor)(variant,disabled,!1),size:"sizeIcon30"}))))});Select.displayName="Select";
+"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,{Option:()=>Option,OptionGroup:()=>OptionGroup,Select:()=>Select,SelectElement:()=>SelectElement});module.exports=__toCommonJS(src_exports);var import_box=require("@twilio-paste/box"),React=__toESM(require("react")),Option=React.forwardRef(({children,element="OPTION",...props},ref)=>(props.selected&&console.warn('"selected" is a blocked prop on this component, please use "value" on the select element.'),React.createElement(import_box.Box,{as:"option",ref,...(0,import_box.safelySpreadBoxProps)(props),element,size:void 0,height:void 0,width:void 0,backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",lineHeight:"lineHeight50",paddingTop:"space30",paddingBottom:"space30",paddingLeft:"space20"},children)));Option.displayName="Option";var import_box2=require("@twilio-paste/box"),React2=__toESM(require("react")),OptionGroup=React2.forwardRef(({label,children,element="OPTION_GROUP",...props},ref)=>React2.createElement(import_box2.Box,{ref,label,...(0,import_box2.safelySpreadBoxProps)(props),element,as:"optgroup",backgroundColor:"inherit",color:"inherit",fontFamily:"inherit",fontWeight:"fontWeightMedium",fontStyle:"normal",margin:"space20"},children));OptionGroup.displayName="OptionGroup";var import_box3=require("@twilio-paste/box"),import_ChevronDownIcon=require("@twilio-paste/icons/cjs/ChevronDownIcon"),import_input_box=require("@twilio-paste/input-box"),React3=__toESM(require("react")),SelectElement=React3.forwardRef(({element="SELECT_ELEMENT",variant,size,...props},ref)=>React3.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),element,as:"select",ref,size,height:void 0,appearance:"none",backgroundColor:variant==="inverse"?"colorBackgroundInverse":"colorBackgroundBody",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:"pointer",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space100",paddingTop:"space30",resize:"none",width:"100%",_disabled:{color:variant==="inverse"?"colorTextInverseWeakest":"colorTextWeaker",cursor:"not-allowed",opacity:1},variant}));SelectElement.displayName="SelectElement";var Select=React3.forwardRef(({disabled,element="SELECT",hasError,insertBefore,insertAfter,children,size,multiple,variant="default",...props},ref)=>{let[showOptions,setShowOptions]=React3.useState(!1);return React3.useEffect(()=>{setShowOptions(!0)},[]),React3.createElement(import_input_box.InputBox,{disabled,element,hasError,insertAfter,insertBefore,variant},React3.createElement(import_box3.Box,{display:"flex",width:"100%",position:"relative"},React3.createElement(SelectElement,{"aria-invalid":hasError,"data-not-selectize":"true",disabled,ref,element:`${element}_ELEMENT`,...props,multiple,size:multiple?size:0,variant},showOptions&&children),!multiple&&React3.createElement(import_input_box.InputChevronWrapper,{element:`${element}_CHEVRON_WRAPPER`},React3.createElement(import_ChevronDownIcon.ChevronDownIcon,{"aria-hidden":"true",decorative:!0,element:`${element}_ICON`,color:(0,import_input_box.getInputChevronIconColor)(variant,disabled,!1),size:"sizeIcon30"}))))});Select.displayName="Select";

dist/Option.d.ts

@@ -1,5 +0,5 @@
-import * as React from 'react';
-import type { HTMLPasteProps } from '@twilio-paste/types';
-import type { Element } from './types';
-export interface OptionProps extends HTMLPasteProps<'option'> {
+import type { HTMLPasteProps } from "@twilio-paste/types";
+import * as React from "react";
+import type { Element } from "./types";
+export interface OptionProps extends HTMLPasteProps<"option"> {
     value: string;
@@ -6,0 +6,0 @@ children: React.ReactNode;

dist/OptionGroup.d.ts

@@ -1,5 +0,5 @@
-import * as React from 'react';
-import type { HTMLPasteProps } from '@twilio-paste/types';
-import type { Element } from './types';
-export interface OptionGroupProps extends HTMLPasteProps<'optgroup'> {
+import type { HTMLPasteProps } from "@twilio-paste/types";
+import * as React from "react";
+import type { Element } from "./types";
+export interface OptionGroupProps extends HTMLPasteProps<"optgroup"> {
     label: string;
@@ -6,0 +6,0 @@ children: NonNullable<React.ReactNode>;

dist/Select.d.ts

@@ -1,5 +0,5 @@
-import * as React from 'react';
-import type { HTMLPasteProps } from '@twilio-paste/types';
-import type { Variants, Element } from './types';
-export interface SelectProps extends HTMLPasteProps<'select'> {
+import type { HTMLPasteProps } from "@twilio-paste/types";
+import * as React from "react";
+import type { Element, Variants } from "./types";
+export interface SelectProps extends HTMLPasteProps<"select"> {
     children: NonNullable<React.ReactNode>;
@@ -6,0 +6,0 @@ hasError?: boolean;

dist/types.d.ts

@@ -1,4 +0,4 @@
-import type { BoxElementProps } from '@twilio-paste/box';
-export type Element = BoxElementProps['element'];
-export type Variants = 'default' | 'inverse';
+import type { BoxElementProps } from "@twilio-paste/box";
+export type Element = BoxElementProps["element"];
+export type Variants = "default" | "inverse";
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@twilio-paste/select",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "category": "user input",
@@ -41,3 +41,2 @@ "status": "production",
     "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10",
-    "prop-types": "^15.7.2",
     "react": "^16.8.6 || ^17.0.2 || ^18.0.0",
@@ -48,9 +47,9 @@ "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0"
     "@twilio-paste/animation-library": "^2.0.0",
-    "@twilio-paste/box": "^10.0.0",
+    "@twilio-paste/box": "^10.1.0",
     "@twilio-paste/color-contrast-utils": "^5.0.0",
-    "@twilio-paste/customization": "^8.0.0",
-    "@twilio-paste/design-tokens": "^10.0.0",
-    "@twilio-paste/icons": "^12.0.0",
-    "@twilio-paste/input-box": "^10.0.0",
-    "@twilio-paste/style-props": "^9.0.0",
+    "@twilio-paste/customization": "^8.1.0",
+    "@twilio-paste/design-tokens": "^10.2.0",
+    "@twilio-paste/icons": "^12.2.0",
+    "@twilio-paste/input-box": "^10.1.0",
+    "@twilio-paste/style-props": "^9.1.0",
     "@twilio-paste/styling-library": "^3.0.0",
@@ -62,6 +61,6 @@ "@twilio-paste/theme": "^11.0.0",
     "@types/react-dom": "^18.0.10",
-    "prop-types": "^15.7.2",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "typescript": "^4.9.4"
   }
 }

No alert changes

Improved metrics

Dependency count

16

decreased by-5.88%

Worsened metrics

Total package byte prevSize

115740

decreased by-2.51%

Lines of code

420

decreased by-10.64%

No dependency changes