@twilio-paste/theme - npm Package Compare versions

Comparing version 10.0.3 to 11.0.0

dist/index.debug.es.js

@@ -1,33 +0,1 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
 // src/themeProvider.tsx
@@ -772,40 +740,41 @@ import * as React from "react";
     case ThemeVariants.TWILIO:
-      return __spreadProps(__spreadValues({}, TwilioTheme), {
+      return {
+        ...TwilioTheme,
         breakpoints: customBreakpoints || TwilioTheme.breakpoints
-      });
+      };
     case ThemeVariants.TWILIO_DARK:
-      return __spreadProps(__spreadValues({}, TwilioDarkTheme), {
+      return {
+        ...TwilioDarkTheme,
         breakpoints: customBreakpoints || TwilioDarkTheme.breakpoints
-      });
+      };
     case ThemeVariants.DARK:
-      return __spreadProps(__spreadValues({}, DarkTheme), {
+      return {
+        ...DarkTheme,
         breakpoints: customBreakpoints || DarkTheme.breakpoints
-      });
+      };
     case ThemeVariants.SENDGRID:
-      return __spreadProps(__spreadValues({}, SendGridTheme), {
+      return {
+        ...SendGridTheme,
         breakpoints: customBreakpoints || SendGridTheme.breakpoints
-      });
+      };
     case ThemeVariants.EVERGREEN:
-      return __spreadProps(__spreadValues({}, EvergreenTheme), {
+      return {
+        ...EvergreenTheme,
         breakpoints: customBreakpoints || EvergreenTheme.breakpoints
-      });
+      };
     case ThemeVariants.DEFAULT:
     default:
-      return __spreadProps(__spreadValues({}, DefaultTheme), {
+      return {
+        ...DefaultTheme,
         breakpoints: customBreakpoints || DefaultTheme.breakpoints
-      });
+      };
   }
 }
-var ThemeProvider = (_a) => {
-  var _b = _a, {
-    customBreakpoints,
-    theme = ThemeVariants.DEFAULT,
-    disableAnimations = false,
-    cacheProviderProps
-  } = _b, props = __objRest(_b, [
-    "customBreakpoints",
-    "theme",
-    "disableAnimations",
-    "cacheProviderProps"
-  ]);
+var ThemeProvider = ({
+  customBreakpoints,
+  theme = ThemeVariants.DEFAULT,
+  disableAnimations = false,
+  cacheProviderProps,
+  ...props
+}) => {
   const [cache] = React.useState(cacheProviderProps ? createCache(cacheProviderProps) : null);
@@ -821,5 +790,5 @@ const prefersReducedMotion = useReducedMotion();
   if (cache) {
-    return /* @__PURE__ */ React.createElement(EmotionCacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(EmotionThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, __spreadValues({ className: "paste-theme-provider" }, props))));
+    return /* @__PURE__ */ React.createElement(EmotionCacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(EmotionThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, { className: "paste-theme-provider", ...props })));
   }
-  return /* @__PURE__ */ React.createElement(EmotionThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, __spreadValues({ className: "paste-theme-provider" }, props)));
+  return /* @__PURE__ */ React.createElement(EmotionThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, { className: "paste-theme-provider", ...props }));
 };
@@ -831,4 +800,3 @@ ThemeProvider.displayName = "PasteThemeProvider";
 import { ThemeContext } from "@twilio-paste/styling-library";
-var ThemeConsumer = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+var ThemeConsumer = ({ children, ...props }) => {
   if (children == null || typeof children !== "function") {
@@ -839,3 +807,3 @@ throw new Error("[ThemeConsumer]: You must pass a function as children");
     const newTheme = theme;
-    return children(__spreadProps(__spreadValues({}, props), { theme: newTheme }));
+    return children({ ...props, theme: newTheme });
   });
@@ -842,0 +810,0 @@ };

dist/index.debug.js

 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
@@ -711,40 +682,41 @@ for (var name in all)
     case ThemeVariants.TWILIO:
-      return __spreadProps(__spreadValues({}, TwilioTheme), {
+      return {
+        ...TwilioTheme,
         breakpoints: customBreakpoints || TwilioTheme.breakpoints
-      });
+      };
     case ThemeVariants.TWILIO_DARK:
-      return __spreadProps(__spreadValues({}, TwilioDarkTheme), {
+      return {
+        ...TwilioDarkTheme,
         breakpoints: customBreakpoints || TwilioDarkTheme.breakpoints
-      });
+      };
     case ThemeVariants.DARK:
-      return __spreadProps(__spreadValues({}, DarkTheme), {
+      return {
+        ...DarkTheme,
         breakpoints: customBreakpoints || DarkTheme.breakpoints
-      });
+      };
     case ThemeVariants.SENDGRID:
-      return __spreadProps(__spreadValues({}, SendGridTheme), {
+      return {
+        ...SendGridTheme,
         breakpoints: customBreakpoints || SendGridTheme.breakpoints
-      });
+      };
     case ThemeVariants.EVERGREEN:
-      return __spreadProps(__spreadValues({}, EvergreenTheme), {
+      return {
+        ...EvergreenTheme,
         breakpoints: customBreakpoints || EvergreenTheme.breakpoints
-      });
+      };
     case ThemeVariants.DEFAULT:
     default:
-      return __spreadProps(__spreadValues({}, DefaultTheme), {
+      return {
+        ...DefaultTheme,
         breakpoints: customBreakpoints || DefaultTheme.breakpoints
-      });
+      };
   }
 }
-var ThemeProvider = (_a) => {
-  var _b = _a, {
-    customBreakpoints,
-    theme = ThemeVariants.DEFAULT,
-    disableAnimations = false,
-    cacheProviderProps
-  } = _b, props = __objRest(_b, [
-    "customBreakpoints",
-    "theme",
-    "disableAnimations",
-    "cacheProviderProps"
-  ]);
+var ThemeProvider = ({
+  customBreakpoints,
+  theme = ThemeVariants.DEFAULT,
+  disableAnimations = false,
+  cacheProviderProps,
+  ...props
+}) => {
   const [cache] = React.useState(cacheProviderProps ? (0, import_styling_library4.createCache)(cacheProviderProps) : null);
@@ -760,5 +732,5 @@ const prefersReducedMotion = (0, import_animation_library.useReducedMotion)();
   if (cache) {
-    return /* @__PURE__ */ React.createElement(import_styling_library4.CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(import_styling_library4.ThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, __spreadValues({ className: "paste-theme-provider" }, props))));
+    return /* @__PURE__ */ React.createElement(import_styling_library4.CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(import_styling_library4.ThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, { className: "paste-theme-provider", ...props })));
   }
-  return /* @__PURE__ */ React.createElement(import_styling_library4.ThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, __spreadValues({ className: "paste-theme-provider" }, props)));
+  return /* @__PURE__ */ React.createElement(import_styling_library4.ThemeProvider, { theme: providerThemeProps }, /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteGlobalStyles({ theme: providerThemeProps }) }), /* @__PURE__ */ React.createElement(import_styling_library4.StylingGlobals, { styles: pasteFonts }), /* @__PURE__ */ React.createElement(StyledBase, { className: "paste-theme-provider", ...props }));
 };
@@ -770,4 +742,3 @@ ThemeProvider.displayName = "PasteThemeProvider";
 var import_styling_library5 = require("@twilio-paste/styling-library");
-var ThemeConsumer = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+var ThemeConsumer = ({ children, ...props }) => {
   if (children == null || typeof children !== "function") {
@@ -778,3 +749,3 @@ throw new Error("[ThemeConsumer]: You must pass a function as children");
     const newTheme = theme;
-    return children(__spreadProps(__spreadValues({}, props), { theme: newTheme }));
+    return children({ ...props, theme: newTheme });
   });
@@ -860,23 +831,1 @@ };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ConsoleTheme,
-  DarkTheme,
-  DefaultTheme,
-  EvergreenTheme,
-  SendGridTheme,
-  StyledBase,
-  Theme,
-  ThemeVariants,
-  TwilioDarkTheme,
-  TwilioTheme,
-  generateThemeFromTokens,
-  generateTokensFromTheme,
-  pasteBaseStyles,
-  pasteFonts,
-  pasteGlobalStyles,
-  remToPx,
-  useTheme,
-  useThemeContrastCheck,
-  withTheme
-});

dist/index.es.js

@@ -1,2 +0,2 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};import*as React from"react";import{useReducedMotion,Globals as AnimatedGlobals}from"@twilio-paste/animation-library";import{styled,StylingGlobals,ThemeProvider as EmotionThemeProvider,createCache,CacheProvider as EmotionCacheProvider}from"@twilio-paste/styling-library";var getThemeFromHash=()=>{try{if(window.location.hash.includes("paste-theme-override"))return window.location.hash.split("=")[1]}catch(error){}};import{backgroundColors,borderColors,borderWidths,radii,fonts,fontSizes,fontWeights,lineHeights,boxShadows,sizings,spacings,textColors,zIndices,dataVisualization,colors,colorSchemes}from"@twilio-paste/design-tokens";var remToPx=(rem,type="number")=>{let remValue=typeof rem=="string"?Number.parseFloat(rem.replace("rem","")):rem,pxValue=Math.round(remValue*16);return type==="number"?pxValue:`${pxValue}px`};var generateThemeFromTokens=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,dataVisualization:dataVisualization7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,boxShadows:boxShadows7,sizings:sizings7,spacings:spacings7,textColors:textColors7,zIndices:zIndices7})=>{let breakpoints=[remToPx(sizings7.size40,"string"),remToPx(sizings7.size100,"string"),remToPx(sizings7.size120,"string")];return{shadows:boxShadows7,borderWidths:borderWidths7,radii:radii7,breakpoints,textColors:textColors7,colorSchemes:colorSchemes7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,widths:sizings7,maxWidths:sizings7,minWidths:sizings7,heights:sizings7,maxHeights:sizings7,minHeights:sizings7,sizes:sizings7,iconSizes:{sizeIcon05:sizings7.sizeIcon05,sizeIcon10:sizings7.sizeIcon10,sizeIcon20:sizings7.sizeIcon20,sizeIcon30:sizings7.sizeIcon30,sizeIcon40:sizings7.sizeIcon40,sizeIcon50:sizings7.sizeIcon50,sizeIcon60:sizings7.sizeIcon60,sizeIcon70:sizings7.sizeIcon70,sizeIcon80:sizings7.sizeIcon80,sizeIcon90:sizings7.sizeIcon90,sizeIcon100:sizings7.sizeIcon100,sizeIcon110:sizings7.sizeIcon110},space:spacings7,zIndices:zIndices7,dataVisualization:dataVisualization7}};var DefaultTheme=generateThemeFromTokens({backgroundColors,borderColors,borderWidths,radii,fonts,fontSizes,fontWeights,lineHeights,boxShadows,sizings,spacings,textColors,zIndices,dataVisualization,colors,colorSchemes});import{backgroundColors as backgroundColors2,borderColors as borderColors2,borderWidths as borderWidths2,radii as radii2,fonts as fonts2,fontSizes as fontSizes2,fontWeights as fontWeights2,lineHeights as lineHeights2,boxShadows as boxShadows2,sizings as sizings2,spacings as spacings2,textColors as textColors2,zIndices as zIndices2,dataVisualization as dataVisualization2,colors as colors2,colorSchemes as colorSchemes2}from"@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.es6";var SendGridTheme=generateThemeFromTokens({backgroundColors:backgroundColors2,borderColors:borderColors2,borderWidths:borderWidths2,radii:radii2,fonts:fonts2,fontSizes:fontSizes2,fontWeights:fontWeights2,lineHeights:lineHeights2,boxShadows:boxShadows2,sizings:sizings2,spacings:spacings2,textColors:textColors2,zIndices:zIndices2,dataVisualization:dataVisualization2,colors:colors2,colorSchemes:colorSchemes2});import{backgroundColors as backgroundColors3,borderColors as borderColors3,borderWidths as borderWidths3,radii as radii3,fonts as fonts3,fontSizes as fontSizes3,fontWeights as fontWeights3,lineHeights as lineHeights3,boxShadows as boxShadows3,sizings as sizings3,spacings as spacings3,textColors as textColors3,zIndices as zIndices3,dataVisualization as dataVisualization3,colors as colors3,colorSchemes as colorSchemes3}from"@twilio-paste/design-tokens/dist/themes/evergreen/tokens.es6";var EvergreenTheme=generateThemeFromTokens({backgroundColors:backgroundColors3,borderColors:borderColors3,borderWidths:borderWidths3,radii:radii3,fonts:fonts3,fontSizes:fontSizes3,fontWeights:fontWeights3,lineHeights:lineHeights3,boxShadows:boxShadows3,sizings:sizings3,spacings:spacings3,textColors:textColors3,zIndices:zIndices3,dataVisualization:dataVisualization3,colors:colors3,colorSchemes:colorSchemes3});import{backgroundColors as backgroundColors4,borderColors as borderColors4,borderWidths as borderWidths4,radii as radii4,fonts as fonts4,fontSizes as fontSizes4,fontWeights as fontWeights4,lineHeights as lineHeights4,boxShadows as boxShadows4,sizings as sizings4,spacings as spacings4,textColors as textColors4,zIndices as zIndices4,dataVisualization as dataVisualization4,colors as colors4,colorSchemes as colorSchemes4}from"@twilio-paste/design-tokens/dist/themes/dark/tokens.es6";var DarkTheme=generateThemeFromTokens({backgroundColors:backgroundColors4,borderColors:borderColors4,borderWidths:borderWidths4,radii:radii4,fonts:fonts4,fontSizes:fontSizes4,fontWeights:fontWeights4,lineHeights:lineHeights4,boxShadows:boxShadows4,sizings:sizings4,spacings:spacings4,textColors:textColors4,zIndices:zIndices4,dataVisualization:dataVisualization4,colors:colors4,colorSchemes:colorSchemes4});import{backgroundColors as backgroundColors5,borderColors as borderColors5,borderWidths as borderWidths5,radii as radii5,fonts as fonts5,fontSizes as fontSizes5,fontWeights as fontWeights5,lineHeights as lineHeights5,boxShadows as boxShadows5,sizings as sizings5,spacings as spacings5,textColors as textColors5,zIndices as zIndices5,dataVisualization as dataVisualization5,colors as colors5,colorSchemes as colorSchemes5}from"@twilio-paste/design-tokens/dist/themes/twilio/tokens.es6";var TwilioTheme=generateThemeFromTokens({backgroundColors:backgroundColors5,borderColors:borderColors5,borderWidths:borderWidths5,radii:radii5,fonts:fonts5,fontSizes:fontSizes5,fontWeights:fontWeights5,lineHeights:lineHeights5,boxShadows:boxShadows5,sizings:sizings5,spacings:spacings5,textColors:textColors5,zIndices:zIndices5,dataVisualization:dataVisualization5,colors:colors5,colorSchemes:colorSchemes5});import{backgroundColors as backgroundColors6,borderColors as borderColors6,borderWidths as borderWidths6,radii as radii6,fonts as fonts6,fontSizes as fontSizes6,fontWeights as fontWeights6,lineHeights as lineHeights6,boxShadows as boxShadows6,sizings as sizings6,spacings as spacings6,textColors as textColors6,zIndices as zIndices6,dataVisualization as dataVisualization6,colors as colors6,colorSchemes as colorSchemes6}from"@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.es6";var TwilioDarkTheme=generateThemeFromTokens({backgroundColors:backgroundColors6,borderColors:borderColors6,borderWidths:borderWidths6,radii:radii6,fonts:fonts6,fontSizes:fontSizes6,fontWeights:fontWeights6,lineHeights:lineHeights6,boxShadows:boxShadows6,sizings:sizings6,spacings:spacings6,textColors:textColors6,zIndices:zIndices6,dataVisualization:dataVisualization6,colors:colors6,colorSchemes:colorSchemes6});var ConsoleTheme=DefaultTheme;import{css}from"@twilio-paste/styling-library";var pasteGlobalStyles=css({html:{fontSize:"fontSizeBase",fontFamily:"fontFamilyText"},"html:lang(ja), html:lang(ja-JP)":{".paste-theme-provider":{fontFamily:"fontFamilyTextJapanese"}},"html:lang(zh-CN)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseSimplified"}},"html:lang(zh-TW), html:lang(zh-HK)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseTraditional"}},"html:lang(ko)":{".paste-theme-provider":{fontFamily:"fontFamilyTextKorean"}},body:{backgroundColor:"colorBackgroundBody",margin:0},"*, *::after, *::before":{boxSizing:"border-box"},"@media (prefers-reduced-motion: reduce)":{"*":{animationDuration:"0 !important",animationIterationCount:"1 !important",transitionDuration:"0 !important",scrollBehavior:"auto !important"}},":root":{["--reach-dialog"]:"1"}});import{css as css2}from"@twilio-paste/styling-library";var pasteBaseStyles=css2({color:"colorText",colorScheme:"colorScheme",fontSize:"fontSize30",fontFamily:"fontFamilyText",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",fontVariantNumeric:"tabular-nums"});import{EmotionCSS}from"@twilio-paste/styling-library";var pasteFonts=EmotionCSS`
+import*as React from"react";import{useReducedMotion,Globals as AnimatedGlobals}from"@twilio-paste/animation-library";import{styled,StylingGlobals,ThemeProvider as EmotionThemeProvider,createCache,CacheProvider as EmotionCacheProvider}from"@twilio-paste/styling-library";var getThemeFromHash=()=>{try{if(window.location.hash.includes("paste-theme-override"))return window.location.hash.split("=")[1]}catch{}};import{backgroundColors,borderColors,borderWidths,radii,fonts,fontSizes,fontWeights,lineHeights,boxShadows,sizings,spacings,textColors,zIndices,dataVisualization,colors,colorSchemes}from"@twilio-paste/design-tokens";var remToPx=(rem,type="number")=>{let remValue=typeof rem=="string"?Number.parseFloat(rem.replace("rem","")):rem,pxValue=Math.round(remValue*16);return type==="number"?pxValue:`${pxValue}px`};var generateThemeFromTokens=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,dataVisualization:dataVisualization7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,boxShadows:boxShadows7,sizings:sizings7,spacings:spacings7,textColors:textColors7,zIndices:zIndices7})=>{let breakpoints=[remToPx(sizings7.size40,"string"),remToPx(sizings7.size100,"string"),remToPx(sizings7.size120,"string")];return{shadows:boxShadows7,borderWidths:borderWidths7,radii:radii7,breakpoints,textColors:textColors7,colorSchemes:colorSchemes7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,widths:sizings7,maxWidths:sizings7,minWidths:sizings7,heights:sizings7,maxHeights:sizings7,minHeights:sizings7,sizes:sizings7,iconSizes:{sizeIcon05:sizings7.sizeIcon05,sizeIcon10:sizings7.sizeIcon10,sizeIcon20:sizings7.sizeIcon20,sizeIcon30:sizings7.sizeIcon30,sizeIcon40:sizings7.sizeIcon40,sizeIcon50:sizings7.sizeIcon50,sizeIcon60:sizings7.sizeIcon60,sizeIcon70:sizings7.sizeIcon70,sizeIcon80:sizings7.sizeIcon80,sizeIcon90:sizings7.sizeIcon90,sizeIcon100:sizings7.sizeIcon100,sizeIcon110:sizings7.sizeIcon110},space:spacings7,zIndices:zIndices7,dataVisualization:dataVisualization7}};var DefaultTheme=generateThemeFromTokens({backgroundColors,borderColors,borderWidths,radii,fonts,fontSizes,fontWeights,lineHeights,boxShadows,sizings,spacings,textColors,zIndices,dataVisualization,colors,colorSchemes});import{backgroundColors as backgroundColors2,borderColors as borderColors2,borderWidths as borderWidths2,radii as radii2,fonts as fonts2,fontSizes as fontSizes2,fontWeights as fontWeights2,lineHeights as lineHeights2,boxShadows as boxShadows2,sizings as sizings2,spacings as spacings2,textColors as textColors2,zIndices as zIndices2,dataVisualization as dataVisualization2,colors as colors2,colorSchemes as colorSchemes2}from"@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.es6";var SendGridTheme=generateThemeFromTokens({backgroundColors:backgroundColors2,borderColors:borderColors2,borderWidths:borderWidths2,radii:radii2,fonts:fonts2,fontSizes:fontSizes2,fontWeights:fontWeights2,lineHeights:lineHeights2,boxShadows:boxShadows2,sizings:sizings2,spacings:spacings2,textColors:textColors2,zIndices:zIndices2,dataVisualization:dataVisualization2,colors:colors2,colorSchemes:colorSchemes2});import{backgroundColors as backgroundColors3,borderColors as borderColors3,borderWidths as borderWidths3,radii as radii3,fonts as fonts3,fontSizes as fontSizes3,fontWeights as fontWeights3,lineHeights as lineHeights3,boxShadows as boxShadows3,sizings as sizings3,spacings as spacings3,textColors as textColors3,zIndices as zIndices3,dataVisualization as dataVisualization3,colors as colors3,colorSchemes as colorSchemes3}from"@twilio-paste/design-tokens/dist/themes/evergreen/tokens.es6";var EvergreenTheme=generateThemeFromTokens({backgroundColors:backgroundColors3,borderColors:borderColors3,borderWidths:borderWidths3,radii:radii3,fonts:fonts3,fontSizes:fontSizes3,fontWeights:fontWeights3,lineHeights:lineHeights3,boxShadows:boxShadows3,sizings:sizings3,spacings:spacings3,textColors:textColors3,zIndices:zIndices3,dataVisualization:dataVisualization3,colors:colors3,colorSchemes:colorSchemes3});import{backgroundColors as backgroundColors4,borderColors as borderColors4,borderWidths as borderWidths4,radii as radii4,fonts as fonts4,fontSizes as fontSizes4,fontWeights as fontWeights4,lineHeights as lineHeights4,boxShadows as boxShadows4,sizings as sizings4,spacings as spacings4,textColors as textColors4,zIndices as zIndices4,dataVisualization as dataVisualization4,colors as colors4,colorSchemes as colorSchemes4}from"@twilio-paste/design-tokens/dist/themes/dark/tokens.es6";var DarkTheme=generateThemeFromTokens({backgroundColors:backgroundColors4,borderColors:borderColors4,borderWidths:borderWidths4,radii:radii4,fonts:fonts4,fontSizes:fontSizes4,fontWeights:fontWeights4,lineHeights:lineHeights4,boxShadows:boxShadows4,sizings:sizings4,spacings:spacings4,textColors:textColors4,zIndices:zIndices4,dataVisualization:dataVisualization4,colors:colors4,colorSchemes:colorSchemes4});import{backgroundColors as backgroundColors5,borderColors as borderColors5,borderWidths as borderWidths5,radii as radii5,fonts as fonts5,fontSizes as fontSizes5,fontWeights as fontWeights5,lineHeights as lineHeights5,boxShadows as boxShadows5,sizings as sizings5,spacings as spacings5,textColors as textColors5,zIndices as zIndices5,dataVisualization as dataVisualization5,colors as colors5,colorSchemes as colorSchemes5}from"@twilio-paste/design-tokens/dist/themes/twilio/tokens.es6";var TwilioTheme=generateThemeFromTokens({backgroundColors:backgroundColors5,borderColors:borderColors5,borderWidths:borderWidths5,radii:radii5,fonts:fonts5,fontSizes:fontSizes5,fontWeights:fontWeights5,lineHeights:lineHeights5,boxShadows:boxShadows5,sizings:sizings5,spacings:spacings5,textColors:textColors5,zIndices:zIndices5,dataVisualization:dataVisualization5,colors:colors5,colorSchemes:colorSchemes5});import{backgroundColors as backgroundColors6,borderColors as borderColors6,borderWidths as borderWidths6,radii as radii6,fonts as fonts6,fontSizes as fontSizes6,fontWeights as fontWeights6,lineHeights as lineHeights6,boxShadows as boxShadows6,sizings as sizings6,spacings as spacings6,textColors as textColors6,zIndices as zIndices6,dataVisualization as dataVisualization6,colors as colors6,colorSchemes as colorSchemes6}from"@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.es6";var TwilioDarkTheme=generateThemeFromTokens({backgroundColors:backgroundColors6,borderColors:borderColors6,borderWidths:borderWidths6,radii:radii6,fonts:fonts6,fontSizes:fontSizes6,fontWeights:fontWeights6,lineHeights:lineHeights6,boxShadows:boxShadows6,sizings:sizings6,spacings:spacings6,textColors:textColors6,zIndices:zIndices6,dataVisualization:dataVisualization6,colors:colors6,colorSchemes:colorSchemes6});var ConsoleTheme=DefaultTheme;import{css}from"@twilio-paste/styling-library";var pasteGlobalStyles=css({html:{fontSize:"fontSizeBase",fontFamily:"fontFamilyText"},"html:lang(ja), html:lang(ja-JP)":{".paste-theme-provider":{fontFamily:"fontFamilyTextJapanese"}},"html:lang(zh-CN)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseSimplified"}},"html:lang(zh-TW), html:lang(zh-HK)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseTraditional"}},"html:lang(ko)":{".paste-theme-provider":{fontFamily:"fontFamilyTextKorean"}},body:{backgroundColor:"colorBackgroundBody",margin:0},"*, *::after, *::before":{boxSizing:"border-box"},"@media (prefers-reduced-motion: reduce)":{"*":{animationDuration:"0 !important",animationIterationCount:"1 !important",transitionDuration:"0 !important",scrollBehavior:"auto !important"}},":root":{["--reach-dialog"]:"1"}});import{css as css2}from"@twilio-paste/styling-library";var pasteBaseStyles=css2({color:"colorText",colorScheme:"colorScheme",fontSize:"fontSize30",fontFamily:"fontFamilyText",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",fontVariantNumeric:"tabular-nums"});import{EmotionCSS}from"@twilio-paste/styling-library";var pasteFonts=EmotionCSS`
 /* -------------------------------------------------------
@@ -323,2 +323,2 @@ Variable font.
 }
-`;var ThemeVariants={DEFAULT:"default",SENDGRID:"sendgrid",DARK:"dark",TWILIO:"twilio",TWILIO_DARK:"twilio-dark",EVERGREEN:"evergreen"};var StyledBase=styled.div(pasteBaseStyles),useThemeOverwriteHook=()=>{let[overwriteTheme,setOverwriteTheme]=React.useState(getThemeFromHash()),handleLocationChange=()=>{setOverwriteTheme(getThemeFromHash())};return React.useEffect(()=>(window.addEventListener("popstate",handleLocationChange),()=>{window.removeEventListener("popstate",handleLocationChange)})),overwriteTheme};function getProviderThemeProps(theme,customBreakpoints){switch(theme){case ThemeVariants.TWILIO:return __spreadProps(__spreadValues({},TwilioTheme),{breakpoints:customBreakpoints||TwilioTheme.breakpoints});case ThemeVariants.TWILIO_DARK:return __spreadProps(__spreadValues({},TwilioDarkTheme),{breakpoints:customBreakpoints||TwilioDarkTheme.breakpoints});case ThemeVariants.DARK:return __spreadProps(__spreadValues({},DarkTheme),{breakpoints:customBreakpoints||DarkTheme.breakpoints});case ThemeVariants.SENDGRID:return __spreadProps(__spreadValues({},SendGridTheme),{breakpoints:customBreakpoints||SendGridTheme.breakpoints});case ThemeVariants.EVERGREEN:return __spreadProps(__spreadValues({},EvergreenTheme),{breakpoints:customBreakpoints||EvergreenTheme.breakpoints});case ThemeVariants.DEFAULT:default:return __spreadProps(__spreadValues({},DefaultTheme),{breakpoints:customBreakpoints||DefaultTheme.breakpoints})}}var ThemeProvider=_a=>{var _b=_a,{customBreakpoints,theme=ThemeVariants.DEFAULT,disableAnimations=!1,cacheProviderProps}=_b,props=__objRest(_b,["customBreakpoints","theme","disableAnimations","cacheProviderProps"]);let[cache]=React.useState(cacheProviderProps?createCache(cacheProviderProps):null),prefersReducedMotion=useReducedMotion();React.useMemo(()=>{AnimatedGlobals.assign({skipAnimation:disableAnimations||prefersReducedMotion})},[disableAnimations,prefersReducedMotion]);let overwriteTheme=useThemeOverwriteHook(),providerThemeProps=getProviderThemeProps(overwriteTheme||theme,customBreakpoints);return cache?React.createElement(EmotionCacheProvider,{value:cache},React.createElement(EmotionThemeProvider,{theme:providerThemeProps},React.createElement(StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,__spreadValues({className:"paste-theme-provider"},props)))):React.createElement(EmotionThemeProvider,{theme:providerThemeProps},React.createElement(StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,__spreadValues({className:"paste-theme-provider"},props)))};ThemeProvider.displayName="PasteThemeProvider";import*as React2 from"react";import{ThemeContext}from"@twilio-paste/styling-library";var ThemeConsumer=_a=>{var _b=_a,{children}=_b,props=__objRest(_b,["children"]);if(children==null||typeof children!="function")throw new Error("[ThemeConsumer]: You must pass a function as children");return React2.createElement(ThemeContext.Consumer,null,theme=>{let newTheme=theme;return children(__spreadProps(__spreadValues({},props),{theme:newTheme}))})};ThemeConsumer.displayName="PasteThemeConsumer";import{withTheme}from"@twilio-paste/styling-library";import*as React3 from"react";import{ThemeContext as ThemeContext2}from"@twilio-paste/styling-library";var useTheme=()=>{let context=React3.useContext(ThemeContext2);if(!context)throw new Error("[useHook]: must be used within the @twilio-paste/theme provider");return context};var generateTokensFromTheme=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,shadows,sizes,space,textColors:textColors7,zIndices:zIndices7,dataVisualization:dataVisualization7})=>({boxShadows:shadows,borderWidths:borderWidths7,radii:radii7,textColors:textColors7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,sizings:sizes,spacings:space,zIndices:zIndices7,colorSchemes:colorSchemes7,colors:{},dataVisualization:dataVisualization7});import{getContrastRatingsOfTokensWithTextContrastRequirements,getContrastRatingsOfTokensWithUIControlContrastRequirements,getNumberOfTextFailures,getNumberOfUIControlFailures}from"@twilio-paste/color-contrast-utils";var useThemeContrastCheck=()=>{let theme=useTheme(),designTokens=generateTokensFromTheme(theme),textContrastRating=getContrastRatingsOfTokensWithTextContrastRequirements(designTokens),uiControlContrastRating=getContrastRatingsOfTokensWithUIControlContrastRequirements(designTokens),numberOfTextFailures=getNumberOfTextFailures(textContrastRating),numberOfUIControlFailures=getNumberOfUIControlFailures(uiControlContrastRating),totalFailures=numberOfTextFailures+numberOfUIControlFailures;return{textContrastRating,uiControlContrastRating,numberOfTextFailures,numberOfUIControlFailures,totalFailures}};var Theme={Provider:ThemeProvider,Consumer:ThemeConsumer};export{ConsoleTheme,DarkTheme,DefaultTheme,EvergreenTheme,SendGridTheme,StyledBase,Theme,ThemeVariants,TwilioDarkTheme,TwilioTheme,generateThemeFromTokens,generateTokensFromTheme,pasteBaseStyles,pasteFonts,pasteGlobalStyles,remToPx,useTheme,useThemeContrastCheck,withTheme};
+`;var ThemeVariants={DEFAULT:"default",SENDGRID:"sendgrid",DARK:"dark",TWILIO:"twilio",TWILIO_DARK:"twilio-dark",EVERGREEN:"evergreen"};var StyledBase=styled.div(pasteBaseStyles),useThemeOverwriteHook=()=>{let[overwriteTheme,setOverwriteTheme]=React.useState(getThemeFromHash()),handleLocationChange=()=>{setOverwriteTheme(getThemeFromHash())};return React.useEffect(()=>(window.addEventListener("popstate",handleLocationChange),()=>{window.removeEventListener("popstate",handleLocationChange)})),overwriteTheme};function getProviderThemeProps(theme,customBreakpoints){switch(theme){case ThemeVariants.TWILIO:return{...TwilioTheme,breakpoints:customBreakpoints||TwilioTheme.breakpoints};case ThemeVariants.TWILIO_DARK:return{...TwilioDarkTheme,breakpoints:customBreakpoints||TwilioDarkTheme.breakpoints};case ThemeVariants.DARK:return{...DarkTheme,breakpoints:customBreakpoints||DarkTheme.breakpoints};case ThemeVariants.SENDGRID:return{...SendGridTheme,breakpoints:customBreakpoints||SendGridTheme.breakpoints};case ThemeVariants.EVERGREEN:return{...EvergreenTheme,breakpoints:customBreakpoints||EvergreenTheme.breakpoints};case ThemeVariants.DEFAULT:default:return{...DefaultTheme,breakpoints:customBreakpoints||DefaultTheme.breakpoints}}}var ThemeProvider=({customBreakpoints,theme=ThemeVariants.DEFAULT,disableAnimations=!1,cacheProviderProps,...props})=>{let[cache]=React.useState(cacheProviderProps?createCache(cacheProviderProps):null),prefersReducedMotion=useReducedMotion();React.useMemo(()=>{AnimatedGlobals.assign({skipAnimation:disableAnimations||prefersReducedMotion})},[disableAnimations,prefersReducedMotion]);let overwriteTheme=useThemeOverwriteHook(),providerThemeProps=getProviderThemeProps(overwriteTheme||theme,customBreakpoints);return cache?React.createElement(EmotionCacheProvider,{value:cache},React.createElement(EmotionThemeProvider,{theme:providerThemeProps},React.createElement(StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,{className:"paste-theme-provider",...props}))):React.createElement(EmotionThemeProvider,{theme:providerThemeProps},React.createElement(StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,{className:"paste-theme-provider",...props}))};ThemeProvider.displayName="PasteThemeProvider";import*as React2 from"react";import{ThemeContext}from"@twilio-paste/styling-library";var ThemeConsumer=({children,...props})=>{if(children==null||typeof children!="function")throw new Error("[ThemeConsumer]: You must pass a function as children");return React2.createElement(ThemeContext.Consumer,null,theme=>children({...props,theme}))};ThemeConsumer.displayName="PasteThemeConsumer";import{withTheme}from"@twilio-paste/styling-library";import*as React3 from"react";import{ThemeContext as ThemeContext2}from"@twilio-paste/styling-library";var useTheme=()=>{let context=React3.useContext(ThemeContext2);if(!context)throw new Error("[useHook]: must be used within the @twilio-paste/theme provider");return context};var generateTokensFromTheme=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,shadows,sizes,space,textColors:textColors7,zIndices:zIndices7,dataVisualization:dataVisualization7})=>({boxShadows:shadows,borderWidths:borderWidths7,radii:radii7,textColors:textColors7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,sizings:sizes,spacings:space,zIndices:zIndices7,colorSchemes:colorSchemes7,colors:{},dataVisualization:dataVisualization7});import{getContrastRatingsOfTokensWithTextContrastRequirements,getContrastRatingsOfTokensWithUIControlContrastRequirements,getNumberOfTextFailures,getNumberOfUIControlFailures}from"@twilio-paste/color-contrast-utils";var useThemeContrastCheck=()=>{let theme=useTheme(),designTokens=generateTokensFromTheme(theme),textContrastRating=getContrastRatingsOfTokensWithTextContrastRequirements(designTokens),uiControlContrastRating=getContrastRatingsOfTokensWithUIControlContrastRequirements(designTokens),numberOfTextFailures=getNumberOfTextFailures(textContrastRating),numberOfUIControlFailures=getNumberOfUIControlFailures(uiControlContrastRating),totalFailures=numberOfTextFailures+numberOfUIControlFailures;return{textContrastRating,uiControlContrastRating,numberOfTextFailures,numberOfUIControlFailures,totalFailures}};var Theme={Provider:ThemeProvider,Consumer:ThemeConsumer};export{ConsoleTheme,DarkTheme,DefaultTheme,EvergreenTheme,SendGridTheme,StyledBase,Theme,ThemeVariants,TwilioDarkTheme,TwilioTheme,generateThemeFromTokens,generateTokensFromTheme,pasteBaseStyles,pasteFonts,pasteGlobalStyles,remToPx,useTheme,useThemeContrastCheck,withTheme};

dist/index.js

@@ -1,2 +0,2 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropNames=Object.getOwnPropertyNames,__getOwnPropSymbols=Object.getOwnPropertySymbols,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};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,{ConsoleTheme:()=>ConsoleTheme,DarkTheme:()=>DarkTheme,DefaultTheme:()=>DefaultTheme,EvergreenTheme:()=>EvergreenTheme,SendGridTheme:()=>SendGridTheme,StyledBase:()=>StyledBase,Theme:()=>Theme,ThemeVariants:()=>ThemeVariants,TwilioDarkTheme:()=>TwilioDarkTheme,TwilioTheme:()=>TwilioTheme,generateThemeFromTokens:()=>generateThemeFromTokens,generateTokensFromTheme:()=>generateTokensFromTheme,pasteBaseStyles:()=>pasteBaseStyles,pasteFonts:()=>pasteFonts,pasteGlobalStyles:()=>pasteGlobalStyles,remToPx:()=>remToPx,useTheme:()=>useTheme,useThemeContrastCheck:()=>useThemeContrastCheck,withTheme:()=>import_styling_library6.withTheme});module.exports=__toCommonJS(src_exports);var React=__toESM(require("react")),import_animation_library=require("@twilio-paste/animation-library"),import_styling_library4=require("@twilio-paste/styling-library");var getThemeFromHash=()=>{try{if(window.location.hash.includes("paste-theme-override"))return window.location.hash.split("=")[1]}catch(error){}};var import_design_tokens=require("@twilio-paste/design-tokens");var remToPx=(rem,type="number")=>{let remValue=typeof rem=="string"?Number.parseFloat(rem.replace("rem","")):rem,pxValue=Math.round(remValue*16);return type==="number"?pxValue:`${pxValue}px`};var generateThemeFromTokens=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,dataVisualization:dataVisualization7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,boxShadows:boxShadows7,sizings:sizings7,spacings:spacings7,textColors:textColors7,zIndices:zIndices7})=>{let breakpoints=[remToPx(sizings7.size40,"string"),remToPx(sizings7.size100,"string"),remToPx(sizings7.size120,"string")];return{shadows:boxShadows7,borderWidths:borderWidths7,radii:radii7,breakpoints,textColors:textColors7,colorSchemes:colorSchemes7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,widths:sizings7,maxWidths:sizings7,minWidths:sizings7,heights:sizings7,maxHeights:sizings7,minHeights:sizings7,sizes:sizings7,iconSizes:{sizeIcon05:sizings7.sizeIcon05,sizeIcon10:sizings7.sizeIcon10,sizeIcon20:sizings7.sizeIcon20,sizeIcon30:sizings7.sizeIcon30,sizeIcon40:sizings7.sizeIcon40,sizeIcon50:sizings7.sizeIcon50,sizeIcon60:sizings7.sizeIcon60,sizeIcon70:sizings7.sizeIcon70,sizeIcon80:sizings7.sizeIcon80,sizeIcon90:sizings7.sizeIcon90,sizeIcon100:sizings7.sizeIcon100,sizeIcon110:sizings7.sizeIcon110},space:spacings7,zIndices:zIndices7,dataVisualization:dataVisualization7}};var DefaultTheme=generateThemeFromTokens({backgroundColors:import_design_tokens.backgroundColors,borderColors:import_design_tokens.borderColors,borderWidths:import_design_tokens.borderWidths,radii:import_design_tokens.radii,fonts:import_design_tokens.fonts,fontSizes:import_design_tokens.fontSizes,fontWeights:import_design_tokens.fontWeights,lineHeights:import_design_tokens.lineHeights,boxShadows:import_design_tokens.boxShadows,sizings:import_design_tokens.sizings,spacings:import_design_tokens.spacings,textColors:import_design_tokens.textColors,zIndices:import_design_tokens.zIndices,dataVisualization:import_design_tokens.dataVisualization,colors:import_design_tokens.colors,colorSchemes:import_design_tokens.colorSchemes});var import_tokens=require("@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.common");var SendGridTheme=generateThemeFromTokens({backgroundColors:import_tokens.backgroundColors,borderColors:import_tokens.borderColors,borderWidths:import_tokens.borderWidths,radii:import_tokens.radii,fonts:import_tokens.fonts,fontSizes:import_tokens.fontSizes,fontWeights:import_tokens.fontWeights,lineHeights:import_tokens.lineHeights,boxShadows:import_tokens.boxShadows,sizings:import_tokens.sizings,spacings:import_tokens.spacings,textColors:import_tokens.textColors,zIndices:import_tokens.zIndices,dataVisualization:import_tokens.dataVisualization,colors:import_tokens.colors,colorSchemes:import_tokens.colorSchemes});var import_tokens2=require("@twilio-paste/design-tokens/dist/themes/evergreen/tokens.common");var EvergreenTheme=generateThemeFromTokens({backgroundColors:import_tokens2.backgroundColors,borderColors:import_tokens2.borderColors,borderWidths:import_tokens2.borderWidths,radii:import_tokens2.radii,fonts:import_tokens2.fonts,fontSizes:import_tokens2.fontSizes,fontWeights:import_tokens2.fontWeights,lineHeights:import_tokens2.lineHeights,boxShadows:import_tokens2.boxShadows,sizings:import_tokens2.sizings,spacings:import_tokens2.spacings,textColors:import_tokens2.textColors,zIndices:import_tokens2.zIndices,dataVisualization:import_tokens2.dataVisualization,colors:import_tokens2.colors,colorSchemes:import_tokens2.colorSchemes});var import_tokens3=require("@twilio-paste/design-tokens/dist/themes/dark/tokens.common");var DarkTheme=generateThemeFromTokens({backgroundColors:import_tokens3.backgroundColors,borderColors:import_tokens3.borderColors,borderWidths:import_tokens3.borderWidths,radii:import_tokens3.radii,fonts:import_tokens3.fonts,fontSizes:import_tokens3.fontSizes,fontWeights:import_tokens3.fontWeights,lineHeights:import_tokens3.lineHeights,boxShadows:import_tokens3.boxShadows,sizings:import_tokens3.sizings,spacings:import_tokens3.spacings,textColors:import_tokens3.textColors,zIndices:import_tokens3.zIndices,dataVisualization:import_tokens3.dataVisualization,colors:import_tokens3.colors,colorSchemes:import_tokens3.colorSchemes});var import_tokens4=require("@twilio-paste/design-tokens/dist/themes/twilio/tokens.common");var TwilioTheme=generateThemeFromTokens({backgroundColors:import_tokens4.backgroundColors,borderColors:import_tokens4.borderColors,borderWidths:import_tokens4.borderWidths,radii:import_tokens4.radii,fonts:import_tokens4.fonts,fontSizes:import_tokens4.fontSizes,fontWeights:import_tokens4.fontWeights,lineHeights:import_tokens4.lineHeights,boxShadows:import_tokens4.boxShadows,sizings:import_tokens4.sizings,spacings:import_tokens4.spacings,textColors:import_tokens4.textColors,zIndices:import_tokens4.zIndices,dataVisualization:import_tokens4.dataVisualization,colors:import_tokens4.colors,colorSchemes:import_tokens4.colorSchemes});var import_tokens5=require("@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.common");var TwilioDarkTheme=generateThemeFromTokens({backgroundColors:import_tokens5.backgroundColors,borderColors:import_tokens5.borderColors,borderWidths:import_tokens5.borderWidths,radii:import_tokens5.radii,fonts:import_tokens5.fonts,fontSizes:import_tokens5.fontSizes,fontWeights:import_tokens5.fontWeights,lineHeights:import_tokens5.lineHeights,boxShadows:import_tokens5.boxShadows,sizings:import_tokens5.sizings,spacings:import_tokens5.spacings,textColors:import_tokens5.textColors,zIndices:import_tokens5.zIndices,dataVisualization:import_tokens5.dataVisualization,colors:import_tokens5.colors,colorSchemes:import_tokens5.colorSchemes});var ConsoleTheme=DefaultTheme;var import_styling_library=require("@twilio-paste/styling-library"),pasteGlobalStyles=(0,import_styling_library.css)({html:{fontSize:"fontSizeBase",fontFamily:"fontFamilyText"},"html:lang(ja), html:lang(ja-JP)":{".paste-theme-provider":{fontFamily:"fontFamilyTextJapanese"}},"html:lang(zh-CN)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseSimplified"}},"html:lang(zh-TW), html:lang(zh-HK)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseTraditional"}},"html:lang(ko)":{".paste-theme-provider":{fontFamily:"fontFamilyTextKorean"}},body:{backgroundColor:"colorBackgroundBody",margin:0},"*, *::after, *::before":{boxSizing:"border-box"},"@media (prefers-reduced-motion: reduce)":{"*":{animationDuration:"0 !important",animationIterationCount:"1 !important",transitionDuration:"0 !important",scrollBehavior:"auto !important"}},":root":{["--reach-dialog"]:"1"}});var import_styling_library2=require("@twilio-paste/styling-library"),pasteBaseStyles=(0,import_styling_library2.css)({color:"colorText",colorScheme:"colorScheme",fontSize:"fontSize30",fontFamily:"fontFamilyText",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",fontVariantNumeric:"tabular-nums"});var import_styling_library3=require("@twilio-paste/styling-library"),pasteFonts=import_styling_library3.EmotionCSS`
+"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,{ConsoleTheme:()=>ConsoleTheme,DarkTheme:()=>DarkTheme,DefaultTheme:()=>DefaultTheme,EvergreenTheme:()=>EvergreenTheme,SendGridTheme:()=>SendGridTheme,StyledBase:()=>StyledBase,Theme:()=>Theme,ThemeVariants:()=>ThemeVariants,TwilioDarkTheme:()=>TwilioDarkTheme,TwilioTheme:()=>TwilioTheme,generateThemeFromTokens:()=>generateThemeFromTokens,generateTokensFromTheme:()=>generateTokensFromTheme,pasteBaseStyles:()=>pasteBaseStyles,pasteFonts:()=>pasteFonts,pasteGlobalStyles:()=>pasteGlobalStyles,remToPx:()=>remToPx,useTheme:()=>useTheme,useThemeContrastCheck:()=>useThemeContrastCheck,withTheme:()=>import_styling_library6.withTheme});module.exports=__toCommonJS(src_exports);var React=__toESM(require("react")),import_animation_library=require("@twilio-paste/animation-library"),import_styling_library4=require("@twilio-paste/styling-library");var getThemeFromHash=()=>{try{if(window.location.hash.includes("paste-theme-override"))return window.location.hash.split("=")[1]}catch{}};var import_design_tokens=require("@twilio-paste/design-tokens");var remToPx=(rem,type="number")=>{let remValue=typeof rem=="string"?Number.parseFloat(rem.replace("rem","")):rem,pxValue=Math.round(remValue*16);return type==="number"?pxValue:`${pxValue}px`};var generateThemeFromTokens=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,dataVisualization:dataVisualization7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,boxShadows:boxShadows7,sizings:sizings7,spacings:spacings7,textColors:textColors7,zIndices:zIndices7})=>{let breakpoints=[remToPx(sizings7.size40,"string"),remToPx(sizings7.size100,"string"),remToPx(sizings7.size120,"string")];return{shadows:boxShadows7,borderWidths:borderWidths7,radii:radii7,breakpoints,textColors:textColors7,colorSchemes:colorSchemes7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,widths:sizings7,maxWidths:sizings7,minWidths:sizings7,heights:sizings7,maxHeights:sizings7,minHeights:sizings7,sizes:sizings7,iconSizes:{sizeIcon05:sizings7.sizeIcon05,sizeIcon10:sizings7.sizeIcon10,sizeIcon20:sizings7.sizeIcon20,sizeIcon30:sizings7.sizeIcon30,sizeIcon40:sizings7.sizeIcon40,sizeIcon50:sizings7.sizeIcon50,sizeIcon60:sizings7.sizeIcon60,sizeIcon70:sizings7.sizeIcon70,sizeIcon80:sizings7.sizeIcon80,sizeIcon90:sizings7.sizeIcon90,sizeIcon100:sizings7.sizeIcon100,sizeIcon110:sizings7.sizeIcon110},space:spacings7,zIndices:zIndices7,dataVisualization:dataVisualization7}};var DefaultTheme=generateThemeFromTokens({backgroundColors:import_design_tokens.backgroundColors,borderColors:import_design_tokens.borderColors,borderWidths:import_design_tokens.borderWidths,radii:import_design_tokens.radii,fonts:import_design_tokens.fonts,fontSizes:import_design_tokens.fontSizes,fontWeights:import_design_tokens.fontWeights,lineHeights:import_design_tokens.lineHeights,boxShadows:import_design_tokens.boxShadows,sizings:import_design_tokens.sizings,spacings:import_design_tokens.spacings,textColors:import_design_tokens.textColors,zIndices:import_design_tokens.zIndices,dataVisualization:import_design_tokens.dataVisualization,colors:import_design_tokens.colors,colorSchemes:import_design_tokens.colorSchemes});var import_tokens=require("@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.common");var SendGridTheme=generateThemeFromTokens({backgroundColors:import_tokens.backgroundColors,borderColors:import_tokens.borderColors,borderWidths:import_tokens.borderWidths,radii:import_tokens.radii,fonts:import_tokens.fonts,fontSizes:import_tokens.fontSizes,fontWeights:import_tokens.fontWeights,lineHeights:import_tokens.lineHeights,boxShadows:import_tokens.boxShadows,sizings:import_tokens.sizings,spacings:import_tokens.spacings,textColors:import_tokens.textColors,zIndices:import_tokens.zIndices,dataVisualization:import_tokens.dataVisualization,colors:import_tokens.colors,colorSchemes:import_tokens.colorSchemes});var import_tokens2=require("@twilio-paste/design-tokens/dist/themes/evergreen/tokens.common");var EvergreenTheme=generateThemeFromTokens({backgroundColors:import_tokens2.backgroundColors,borderColors:import_tokens2.borderColors,borderWidths:import_tokens2.borderWidths,radii:import_tokens2.radii,fonts:import_tokens2.fonts,fontSizes:import_tokens2.fontSizes,fontWeights:import_tokens2.fontWeights,lineHeights:import_tokens2.lineHeights,boxShadows:import_tokens2.boxShadows,sizings:import_tokens2.sizings,spacings:import_tokens2.spacings,textColors:import_tokens2.textColors,zIndices:import_tokens2.zIndices,dataVisualization:import_tokens2.dataVisualization,colors:import_tokens2.colors,colorSchemes:import_tokens2.colorSchemes});var import_tokens3=require("@twilio-paste/design-tokens/dist/themes/dark/tokens.common");var DarkTheme=generateThemeFromTokens({backgroundColors:import_tokens3.backgroundColors,borderColors:import_tokens3.borderColors,borderWidths:import_tokens3.borderWidths,radii:import_tokens3.radii,fonts:import_tokens3.fonts,fontSizes:import_tokens3.fontSizes,fontWeights:import_tokens3.fontWeights,lineHeights:import_tokens3.lineHeights,boxShadows:import_tokens3.boxShadows,sizings:import_tokens3.sizings,spacings:import_tokens3.spacings,textColors:import_tokens3.textColors,zIndices:import_tokens3.zIndices,dataVisualization:import_tokens3.dataVisualization,colors:import_tokens3.colors,colorSchemes:import_tokens3.colorSchemes});var import_tokens4=require("@twilio-paste/design-tokens/dist/themes/twilio/tokens.common");var TwilioTheme=generateThemeFromTokens({backgroundColors:import_tokens4.backgroundColors,borderColors:import_tokens4.borderColors,borderWidths:import_tokens4.borderWidths,radii:import_tokens4.radii,fonts:import_tokens4.fonts,fontSizes:import_tokens4.fontSizes,fontWeights:import_tokens4.fontWeights,lineHeights:import_tokens4.lineHeights,boxShadows:import_tokens4.boxShadows,sizings:import_tokens4.sizings,spacings:import_tokens4.spacings,textColors:import_tokens4.textColors,zIndices:import_tokens4.zIndices,dataVisualization:import_tokens4.dataVisualization,colors:import_tokens4.colors,colorSchemes:import_tokens4.colorSchemes});var import_tokens5=require("@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.common");var TwilioDarkTheme=generateThemeFromTokens({backgroundColors:import_tokens5.backgroundColors,borderColors:import_tokens5.borderColors,borderWidths:import_tokens5.borderWidths,radii:import_tokens5.radii,fonts:import_tokens5.fonts,fontSizes:import_tokens5.fontSizes,fontWeights:import_tokens5.fontWeights,lineHeights:import_tokens5.lineHeights,boxShadows:import_tokens5.boxShadows,sizings:import_tokens5.sizings,spacings:import_tokens5.spacings,textColors:import_tokens5.textColors,zIndices:import_tokens5.zIndices,dataVisualization:import_tokens5.dataVisualization,colors:import_tokens5.colors,colorSchemes:import_tokens5.colorSchemes});var ConsoleTheme=DefaultTheme;var import_styling_library=require("@twilio-paste/styling-library"),pasteGlobalStyles=(0,import_styling_library.css)({html:{fontSize:"fontSizeBase",fontFamily:"fontFamilyText"},"html:lang(ja), html:lang(ja-JP)":{".paste-theme-provider":{fontFamily:"fontFamilyTextJapanese"}},"html:lang(zh-CN)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseSimplified"}},"html:lang(zh-TW), html:lang(zh-HK)":{".paste-theme-provider":{fontFamily:"fontFamilyTextChineseTraditional"}},"html:lang(ko)":{".paste-theme-provider":{fontFamily:"fontFamilyTextKorean"}},body:{backgroundColor:"colorBackgroundBody",margin:0},"*, *::after, *::before":{boxSizing:"border-box"},"@media (prefers-reduced-motion: reduce)":{"*":{animationDuration:"0 !important",animationIterationCount:"1 !important",transitionDuration:"0 !important",scrollBehavior:"auto !important"}},":root":{["--reach-dialog"]:"1"}});var import_styling_library2=require("@twilio-paste/styling-library"),pasteBaseStyles=(0,import_styling_library2.css)({color:"colorText",colorScheme:"colorScheme",fontSize:"fontSize30",fontFamily:"fontFamilyText",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",fontVariantNumeric:"tabular-nums"});var import_styling_library3=require("@twilio-paste/styling-library"),pasteFonts=import_styling_library3.EmotionCSS`
 /* -------------------------------------------------------
@@ -323,2 +323,2 @@ Variable font.
 }
-`;var ThemeVariants={DEFAULT:"default",SENDGRID:"sendgrid",DARK:"dark",TWILIO:"twilio",TWILIO_DARK:"twilio-dark",EVERGREEN:"evergreen"};var StyledBase=import_styling_library4.styled.div(pasteBaseStyles),useThemeOverwriteHook=()=>{let[overwriteTheme,setOverwriteTheme]=React.useState(getThemeFromHash()),handleLocationChange=()=>{setOverwriteTheme(getThemeFromHash())};return React.useEffect(()=>(window.addEventListener("popstate",handleLocationChange),()=>{window.removeEventListener("popstate",handleLocationChange)})),overwriteTheme};function getProviderThemeProps(theme,customBreakpoints){switch(theme){case ThemeVariants.TWILIO:return __spreadProps(__spreadValues({},TwilioTheme),{breakpoints:customBreakpoints||TwilioTheme.breakpoints});case ThemeVariants.TWILIO_DARK:return __spreadProps(__spreadValues({},TwilioDarkTheme),{breakpoints:customBreakpoints||TwilioDarkTheme.breakpoints});case ThemeVariants.DARK:return __spreadProps(__spreadValues({},DarkTheme),{breakpoints:customBreakpoints||DarkTheme.breakpoints});case ThemeVariants.SENDGRID:return __spreadProps(__spreadValues({},SendGridTheme),{breakpoints:customBreakpoints||SendGridTheme.breakpoints});case ThemeVariants.EVERGREEN:return __spreadProps(__spreadValues({},EvergreenTheme),{breakpoints:customBreakpoints||EvergreenTheme.breakpoints});case ThemeVariants.DEFAULT:default:return __spreadProps(__spreadValues({},DefaultTheme),{breakpoints:customBreakpoints||DefaultTheme.breakpoints})}}var ThemeProvider=_a=>{var _b=_a,{customBreakpoints,theme=ThemeVariants.DEFAULT,disableAnimations=!1,cacheProviderProps}=_b,props=__objRest(_b,["customBreakpoints","theme","disableAnimations","cacheProviderProps"]);let[cache]=React.useState(cacheProviderProps?(0,import_styling_library4.createCache)(cacheProviderProps):null),prefersReducedMotion=(0,import_animation_library.useReducedMotion)();React.useMemo(()=>{import_animation_library.Globals.assign({skipAnimation:disableAnimations||prefersReducedMotion})},[disableAnimations,prefersReducedMotion]);let overwriteTheme=useThemeOverwriteHook(),providerThemeProps=getProviderThemeProps(overwriteTheme||theme,customBreakpoints);return cache?React.createElement(import_styling_library4.CacheProvider,{value:cache},React.createElement(import_styling_library4.ThemeProvider,{theme:providerThemeProps},React.createElement(import_styling_library4.StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(import_styling_library4.StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,__spreadValues({className:"paste-theme-provider"},props)))):React.createElement(import_styling_library4.ThemeProvider,{theme:providerThemeProps},React.createElement(import_styling_library4.StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(import_styling_library4.StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,__spreadValues({className:"paste-theme-provider"},props)))};ThemeProvider.displayName="PasteThemeProvider";var React2=__toESM(require("react")),import_styling_library5=require("@twilio-paste/styling-library");var ThemeConsumer=_a=>{var _b=_a,{children}=_b,props=__objRest(_b,["children"]);if(children==null||typeof children!="function")throw new Error("[ThemeConsumer]: You must pass a function as children");return React2.createElement(import_styling_library5.ThemeContext.Consumer,null,theme=>{let newTheme=theme;return children(__spreadProps(__spreadValues({},props),{theme:newTheme}))})};ThemeConsumer.displayName="PasteThemeConsumer";var import_styling_library6=require("@twilio-paste/styling-library");var React3=__toESM(require("react")),import_styling_library7=require("@twilio-paste/styling-library"),useTheme=()=>{let context=React3.useContext(import_styling_library7.ThemeContext);if(!context)throw new Error("[useHook]: must be used within the @twilio-paste/theme provider");return context};var generateTokensFromTheme=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,shadows,sizes,space,textColors:textColors7,zIndices:zIndices7,dataVisualization:dataVisualization7})=>({boxShadows:shadows,borderWidths:borderWidths7,radii:radii7,textColors:textColors7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,sizings:sizes,spacings:space,zIndices:zIndices7,colorSchemes:colorSchemes7,colors:{},dataVisualization:dataVisualization7});var import_color_contrast_utils=require("@twilio-paste/color-contrast-utils");var useThemeContrastCheck=()=>{let theme=useTheme(),designTokens=generateTokensFromTheme(theme),textContrastRating=(0,import_color_contrast_utils.getContrastRatingsOfTokensWithTextContrastRequirements)(designTokens),uiControlContrastRating=(0,import_color_contrast_utils.getContrastRatingsOfTokensWithUIControlContrastRequirements)(designTokens),numberOfTextFailures=(0,import_color_contrast_utils.getNumberOfTextFailures)(textContrastRating),numberOfUIControlFailures=(0,import_color_contrast_utils.getNumberOfUIControlFailures)(uiControlContrastRating),totalFailures=numberOfTextFailures+numberOfUIControlFailures;return{textContrastRating,uiControlContrastRating,numberOfTextFailures,numberOfUIControlFailures,totalFailures}};var Theme={Provider:ThemeProvider,Consumer:ThemeConsumer};0&&(module.exports={ConsoleTheme,DarkTheme,DefaultTheme,EvergreenTheme,SendGridTheme,StyledBase,Theme,ThemeVariants,TwilioDarkTheme,TwilioTheme,generateThemeFromTokens,generateTokensFromTheme,pasteBaseStyles,pasteFonts,pasteGlobalStyles,remToPx,useTheme,useThemeContrastCheck,withTheme});
+`;var ThemeVariants={DEFAULT:"default",SENDGRID:"sendgrid",DARK:"dark",TWILIO:"twilio",TWILIO_DARK:"twilio-dark",EVERGREEN:"evergreen"};var StyledBase=import_styling_library4.styled.div(pasteBaseStyles),useThemeOverwriteHook=()=>{let[overwriteTheme,setOverwriteTheme]=React.useState(getThemeFromHash()),handleLocationChange=()=>{setOverwriteTheme(getThemeFromHash())};return React.useEffect(()=>(window.addEventListener("popstate",handleLocationChange),()=>{window.removeEventListener("popstate",handleLocationChange)})),overwriteTheme};function getProviderThemeProps(theme,customBreakpoints){switch(theme){case ThemeVariants.TWILIO:return{...TwilioTheme,breakpoints:customBreakpoints||TwilioTheme.breakpoints};case ThemeVariants.TWILIO_DARK:return{...TwilioDarkTheme,breakpoints:customBreakpoints||TwilioDarkTheme.breakpoints};case ThemeVariants.DARK:return{...DarkTheme,breakpoints:customBreakpoints||DarkTheme.breakpoints};case ThemeVariants.SENDGRID:return{...SendGridTheme,breakpoints:customBreakpoints||SendGridTheme.breakpoints};case ThemeVariants.EVERGREEN:return{...EvergreenTheme,breakpoints:customBreakpoints||EvergreenTheme.breakpoints};case ThemeVariants.DEFAULT:default:return{...DefaultTheme,breakpoints:customBreakpoints||DefaultTheme.breakpoints}}}var ThemeProvider=({customBreakpoints,theme=ThemeVariants.DEFAULT,disableAnimations=!1,cacheProviderProps,...props})=>{let[cache]=React.useState(cacheProviderProps?(0,import_styling_library4.createCache)(cacheProviderProps):null),prefersReducedMotion=(0,import_animation_library.useReducedMotion)();React.useMemo(()=>{import_animation_library.Globals.assign({skipAnimation:disableAnimations||prefersReducedMotion})},[disableAnimations,prefersReducedMotion]);let overwriteTheme=useThemeOverwriteHook(),providerThemeProps=getProviderThemeProps(overwriteTheme||theme,customBreakpoints);return cache?React.createElement(import_styling_library4.CacheProvider,{value:cache},React.createElement(import_styling_library4.ThemeProvider,{theme:providerThemeProps},React.createElement(import_styling_library4.StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(import_styling_library4.StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,{className:"paste-theme-provider",...props}))):React.createElement(import_styling_library4.ThemeProvider,{theme:providerThemeProps},React.createElement(import_styling_library4.StylingGlobals,{styles:pasteGlobalStyles({theme:providerThemeProps})}),React.createElement(import_styling_library4.StylingGlobals,{styles:pasteFonts}),React.createElement(StyledBase,{className:"paste-theme-provider",...props}))};ThemeProvider.displayName="PasteThemeProvider";var React2=__toESM(require("react")),import_styling_library5=require("@twilio-paste/styling-library"),ThemeConsumer=({children,...props})=>{if(children==null||typeof children!="function")throw new Error("[ThemeConsumer]: You must pass a function as children");return React2.createElement(import_styling_library5.ThemeContext.Consumer,null,theme=>children({...props,theme}))};ThemeConsumer.displayName="PasteThemeConsumer";var import_styling_library6=require("@twilio-paste/styling-library");var React3=__toESM(require("react")),import_styling_library7=require("@twilio-paste/styling-library"),useTheme=()=>{let context=React3.useContext(import_styling_library7.ThemeContext);if(!context)throw new Error("[useHook]: must be used within the @twilio-paste/theme provider");return context};var generateTokensFromTheme=({backgroundColors:backgroundColors7,borderColors:borderColors7,borderWidths:borderWidths7,colorSchemes:colorSchemes7,radii:radii7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,shadows,sizes,space,textColors:textColors7,zIndices:zIndices7,dataVisualization:dataVisualization7})=>({boxShadows:shadows,borderWidths:borderWidths7,radii:radii7,textColors:textColors7,borderColors:borderColors7,backgroundColors:backgroundColors7,fonts:fonts7,fontSizes:fontSizes7,fontWeights:fontWeights7,lineHeights:lineHeights7,sizings:sizes,spacings:space,zIndices:zIndices7,colorSchemes:colorSchemes7,colors:{},dataVisualization:dataVisualization7});var import_color_contrast_utils=require("@twilio-paste/color-contrast-utils");var useThemeContrastCheck=()=>{let theme=useTheme(),designTokens=generateTokensFromTheme(theme),textContrastRating=(0,import_color_contrast_utils.getContrastRatingsOfTokensWithTextContrastRequirements)(designTokens),uiControlContrastRating=(0,import_color_contrast_utils.getContrastRatingsOfTokensWithUIControlContrastRequirements)(designTokens),numberOfTextFailures=(0,import_color_contrast_utils.getNumberOfTextFailures)(textContrastRating),numberOfUIControlFailures=(0,import_color_contrast_utils.getNumberOfUIControlFailures)(uiControlContrastRating),totalFailures=numberOfTextFailures+numberOfUIControlFailures;return{textContrastRating,uiControlContrastRating,numberOfTextFailures,numberOfUIControlFailures,totalFailures}};var Theme={Provider:ThemeProvider,Consumer:ThemeConsumer};

package.json

 {
   "name": "@twilio-paste/theme",
-  "version": "10.0.3",
+  "version": "11.0.0",
   "description": "Paste Design System Theme Package which provides support for APIs to theme UIs and components.",
@@ -25,7 +25,7 @@ "author": "Twilio Inc.",
   "peerDependencies": {
-    "@twilio-paste/animation-library": "^1.0.0",
-    "@twilio-paste/color-contrast-utils": "^4.0.0",
-    "@twilio-paste/design-tokens": "^9.0.0",
-    "@twilio-paste/styling-library": "^2.0.0",
-    "@twilio-paste/types": "^5.0.0",
+    "@twilio-paste/animation-library": "^2.0.0",
+    "@twilio-paste/color-contrast-utils": "^5.0.0",
+    "@twilio-paste/design-tokens": "^10.0.0",
+    "@twilio-paste/styling-library": "^3.0.0",
+    "@twilio-paste/types": "^6.0.0",
     "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27",
@@ -37,7 +37,7 @@ "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10",
   "devDependencies": {
-    "@twilio-paste/animation-library": "^1.0.0",
-    "@twilio-paste/color-contrast-utils": "^4.0.0",
-    "@twilio-paste/design-tokens": "^9.1.0",
-    "@twilio-paste/styling-library": "^2.0.2",
-    "@twilio-paste/types": "^5.0.0",
+    "@twilio-paste/animation-library": "^2.0.0",
+    "@twilio-paste/color-contrast-utils": "^5.0.0",
+    "@twilio-paste/design-tokens": "^10.0.0",
+    "@twilio-paste/styling-library": "^3.0.0",
+    "@twilio-paste/types": "^6.0.0",
     "@types/react": "^18.0.27",
@@ -44,0 +44,0 @@ "@types/react-dom": "^18.0.10",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

240300

-2.53%

Lines of code

2726

-3.37%

No dependency changes