@twilio-paste/theme-tokens - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [2.0.2](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@2.0.1...@twilio-paste/theme-tokens@2.0.2) (2019-11-18)
+
+
+### Bug Fixes
+
+* correct button heights add new default icon size ([#186](https://github.com/twilio-labs/paste/issues/186)) ([2e54478](https://github.com/twilio-labs/paste/commit/2e54478f975cb1930bd6d397d1214947db97c2a3))
+
+
+
+
+
 ## [2.0.1](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@2.0.0...@twilio-paste/theme-tokens@2.0.1) (2019-11-12)
@@ -8,0 +19,0 @@

dist/default/index.d.ts

 export declare const DefaultTheme: {
     shadows: {
         shadowCard: "0 2px 4px 0 rgba(40, 42, 43, 0.3)";
-        shadowFocus: "0 0 0 4px rgba(0,117,195,0.5)";
+        shadowFocus: "0 0 0 4px rgba(2, 122, 197, 0.8)";
     };
@@ -11,17 +11,17 @@ backgroundColors: {
         colorBackgroundBrandHighlight: "#f22f46";
-        colorBackgroundDestructive: "#cb0000";
-        colorBackgroundDestructiveDark: "#b20600";
-        colorBackgroundDestructiveDarker: "#921200";
+        colorBackgroundDestructive: "#e22525";
+        colorBackgroundDestructiveDark: "#921200";
+        colorBackgroundDestructiveDarker: "#600101";
         colorBackgroundDestructiveLight: "#ecb6b6";
         colorBackgroundDestructiveLighter: "#f5dddd";
-        colorBackgroundDestructiveLightest: "#fff6f6";
-        colorBackgroundError: "#cb0000";
-        colorBackgroundErrorLightest: "#fff6f6";
+        colorBackgroundDestructiveLightest: "#ffe9e7";
+        colorBackgroundError: "#e22525";
+        colorBackgroundErrorLightest: "#ffe9e7";
         colorBackgroundInverse: "#4f5355";
-        colorBackgroundPrimary: "#0075c3";
-        colorBackgroundPrimaryDark: "#005ea6";
-        colorBackgroundPrimaryDarker: "#003e82";
+        colorBackgroundPrimary: "#027ac5";
+        colorBackgroundPrimaryDark: "#003e82";
+        colorBackgroundPrimaryDarker: "#032c5e";
         colorBackgroundPrimaryLight: "#b3d3e9";
         colorBackgroundPrimaryLighter: "#dceaf4";
-        colorBackgroundPrimaryLightest: "#f6fcff";
+        colorBackgroundPrimaryLightest: "#f5f8ff";
         colorBackgroundRowStriped: "#f8f8f9";
@@ -31,3 +31,3 @@ colorBackgroundSuccess: "#00994a";
         colorBackgroundWarning: "#e46216";
-        colorBackgroundWarningLightest: "#fff5eb";
+        colorBackgroundWarningLightest: "#ffecd8";
     };
@@ -37,16 +37,16 @@ borderColors: {
         colorBorderDark: "#888c8e";
-        colorBorderDestructive: "#cb0000";
-        colorBorderDestructiveDark: "#b20600";
-        colorBorderDestructiveDarker: "#921200";
+        colorBorderDestructive: "#e22525";
+        colorBorderDestructiveDark: "#921200";
+        colorBorderDestructiveDarker: "#600101";
         colorBorderDestructiveLight: "#ecb6b6";
         colorBorderDestructiveLighter: "#f5dddd";
-        colorBorderError: "#cb0000";
-        colorBorderErrorLightest: "#fff6f6";
+        colorBorderError: "#e22525";
+        colorBorderErrorLightest: "#ffe9e7";
         colorBorderInput: "#888c8e";
-        colorBorderInputFocus: "#0075c3";
-        colorBorderInputHover: "#0075c3";
+        colorBorderInputFocus: "#027ac5";
+        colorBorderInputHover: "#027ac5";
         colorBorderLight: "#e4e7e9";
-        colorBorderPrimary: "#0075c3";
-        colorBorderPrimaryDark: "#005ea6";
-        colorBorderPrimaryDarker: "#003e82";
+        colorBorderPrimary: "#027ac5";
+        colorBorderPrimaryDark: "#003e82";
+        colorBorderPrimaryDarker: "#032c5e";
         colorBorderPrimaryLight: "#b3d3e9";
@@ -57,3 +57,3 @@ colorBorderPrimaryLighter: "#dceaf4";
         colorBorderWarning: "#e46216";
-        colorBorderWarningLightest: "#fff5eb";
+        colorBorderWarningLightest: "#ffecd8";
     };
@@ -77,3 +77,3 @@ borderWidths: {
         colorGray0: "#ffffff";
-        colorGray10: "#fafafa";
+        colorGray10: "#f9fafb";
         colorGray100: "#282a2b";
@@ -141,4 +141,5 @@ colorGray20: "#f8f8f9";
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -160,4 +161,5 @@ maxWidths: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -179,4 +181,5 @@ minWidths: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -198,4 +201,5 @@ heights: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -217,4 +221,5 @@ maxHeights: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -236,4 +241,5 @@ minHeights: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -255,9 +261,11 @@ sizes: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
     iconSizes: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -291,3 +299,3 @@ space: {
         colorTextBrandInverse: "#ffffff";
-        colorTextError: "#cb0000";
+        colorTextError: "#e22525";
         colorTextIcon: "#282a2b";
@@ -297,6 +305,6 @@ colorTextInverse: "#ffffff";
         colorTextLabel: "#282a2b";
-        colorTextLink: "#0075c3";
-        colorTextLinkDark: "#005ea6";
-        colorTextLinkDarker: "#003e82";
-        colorTextLinkDestructive: "#cb0000";
+        colorTextLink: "#005ea6";
+        colorTextLinkDark: "#003e82";
+        colorTextLinkDarker: "#032c5e";
+        colorTextLinkDestructive: "#e22525";
         colorTextLinkDestructiveDark: "#b20600";
@@ -303,0 +311,0 @@ colorTextLinkDestructiveDarker: "#921200";

dist/index.es.js

@@ -1,1 +0,1 @@
-import{sizings as r,boxShadows as e,backgroundColors as o,borderColors as c,borderWidths as i,radii as a,colors as s,fonts as t,fontSizes as n,fontWeights as d,lineHeights as l,spacings as f,textColors as g,zIndices as m}from"@twilio-paste/design-tokens";var h={shadows:e,backgroundColors:o,borderColors:c,borderWidths:i,radii:a,breakpoints:[r.size40,r.size100,r.size120],colors:s,fonts:t,fontSizes:n,fontWeights:d,lineHeights:l,widths:r,maxWidths:r,minWidths:r,heights:r,maxHeights:r,minHeights:r,sizes:r,iconSizes:{sizeIcon10:r.sizeIcon10,sizeIcon20:r.sizeIcon20,sizeIcon30:r.sizeIcon30},space:f,textColors:g,zIndices:m};const z={size0:"0",size10:"5.5rem",size100:"64rem",size110:"70.5rem",size120:"77rem",size20:"12rem",size30:"18.5rem",size40:"25rem",size50:"31.5rem",size60:"38rem",size70:"44.5rem",size80:"51rem",size90:"57.5rem",sizeIcon10:"1rem",sizeIcon20:"1.5rem",sizeIcon30:"2rem"};var u={shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus:"0 0 0 4px rgba(0,117,195,0.5)"},backgroundColors:{colorBackground:"#f3f4f6",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#ac1e16",colorBackgroundDestructiveDark:"#940800",colorBackgroundDestructiveDarker:"#700600",colorBackgroundDestructiveLight:"#e8534a",colorBackgroundDestructiveLighter:"#ff8c85",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#4f5355",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#003adb",colorBackgroundPrimaryDarker:"#002ca6",colorBackgroundPrimaryLight:"#85a5ff",colorBackgroundPrimaryLighter:"#baccff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors:{colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#ac1e16",colorBorderDestructiveDarker:"#940800",colorBorderDestructiveLight:"#e8534a",colorBorderDestructiveLighter:"#ff8c85",colorBorderError:"#ac1e16",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#9ca7ba",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#003adb",colorBorderPrimaryDarker:"#002ca6",colorBorderPrimaryLight:"#85a5ff",colorBorderPrimaryLighter:"#baccff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[z.size40,z.size100,z.size120],colors:{colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#76859e",colorGray80:"#475672",colorGray90:"#1d2944"},fonts:{fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Colfax', Helvetica, Arial, sans-serif"},fontSizes:{fontSize10:"0.625rem",fontSize100:"2.5rem",fontSize110:"3rem",fontSize20:"0.75rem",fontSize30:"0.875rem",fontSize40:"1rem",fontSize50:"1.125rem",fontSize60:"1.25rem",fontSize70:"1.5rem",fontSize80:"1.75rem",fontSize90:"2rem"},fontWeights:{fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},lineHeights:{lineHeight10:"1rem",lineHeight100:"3.25rem",lineHeight110:"3.75rem",lineHeight20:"1.25rem",lineHeight30:"1.5rem",lineHeight40:"1.75rem",lineHeight50:"1.75rem",lineHeight60:"1.75rem",lineHeight70:"2rem",lineHeight80:"2.25rem",lineHeight90:"2.5rem"},widths:z,maxWidths:z,minWidths:z,heights:z,maxHeights:z,minHeights:z,sizes:z,iconSizes:{sizeIcon10:z.sizeIcon10,sizeIcon20:z.sizeIcon20,sizeIcon30:z.sizeIcon30},space:{space0:"0",space10:"0.125rem",space100:"2.25rem",space110:"2.5rem",space120:"2.75rem",space130:"3rem",space140:"3.25rem",space150:"3.5rem",space160:"3.75rem",space170:"4rem",space180:"4.25rem",space190:"4.5rem",space20:"0.25rem",space200:"4.75rem",space30:"0.5rem",space40:"0.75rem",space50:"1rem",space60:"1.25rem",space70:"1.5rem",space80:"1.75rem",space90:"2rem"},textColors:{colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextIcon:"#08152c",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#3368fa",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#ac1e16",colorTextLinkDestructiveDarker:"#940800",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#76859e",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#76859e"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};export{h as DefaultTheme,u as SendGridTheme};
+import{sizings as r,boxShadows as e,backgroundColors as o,borderColors as c,borderWidths as i,radii as s,colors as a,fonts as t,fontSizes as n,fontWeights as d,lineHeights as l,spacings as f,textColors as g,zIndices as m}from"@twilio-paste/design-tokens";var h={shadows:e,backgroundColors:o,borderColors:c,borderWidths:i,radii:s,breakpoints:[r.size40,r.size100,r.size120],colors:a,fonts:t,fontSizes:n,fontWeights:d,lineHeights:l,widths:r,maxWidths:r,minWidths:r,heights:r,maxHeights:r,minHeights:r,sizes:r,iconSizes:{sizeIcon10:r.sizeIcon10,sizeIcon20:r.sizeIcon20,sizeIcon30:r.sizeIcon30,sizeIcon40:r.sizeIcon40},space:f,textColors:g,zIndices:m};const z={size0:"0",size10:"5.5rem",size100:"64rem",size110:"70.5rem",size120:"77rem",size20:"12rem",size30:"18.5rem",size40:"25rem",size50:"31.5rem",size60:"38rem",size70:"44.5rem",size80:"51rem",size90:"57.5rem",sizeIcon10:"1rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"2rem"};var u={shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus:"0 0 0 4px rgba(51, 104, 250, 0.8)"},backgroundColors:{colorBackground:"#f3f4f6",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#ce241a",colorBackgroundDestructiveDark:"#700600",colorBackgroundDestructiveDarker:"#470500",colorBackgroundDestructiveLight:"#e8534a",colorBackgroundDestructiveLighter:"#ff8c85",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#4f5355",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#85a5ff",colorBackgroundPrimaryLighter:"#baccff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors:{colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#700600",colorBorderDestructiveDarker:"#470500",colorBorderDestructiveLight:"#e8534a",colorBorderDestructiveLighter:"#ff8c85",colorBorderError:"#ac1e16",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#9ca7ba",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#85a5ff",colorBorderPrimaryLighter:"#baccff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[z.size40,z.size100,z.size120],colors:{colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#76859e",colorGray80:"#475672",colorGray90:"#1d2944"},fonts:{fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Colfax', Helvetica, Arial, sans-serif"},fontSizes:{fontSize10:"0.625rem",fontSize100:"2.5rem",fontSize110:"3rem",fontSize20:"0.75rem",fontSize30:"0.875rem",fontSize40:"1rem",fontSize50:"1.125rem",fontSize60:"1.25rem",fontSize70:"1.5rem",fontSize80:"1.75rem",fontSize90:"2rem"},fontWeights:{fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},lineHeights:{lineHeight10:"1rem",lineHeight100:"3.25rem",lineHeight110:"3.75rem",lineHeight20:"1.25rem",lineHeight30:"1.5rem",lineHeight40:"1.75rem",lineHeight50:"1.75rem",lineHeight60:"1.75rem",lineHeight70:"2rem",lineHeight80:"2.25rem",lineHeight90:"2.5rem"},widths:z,maxWidths:z,minWidths:z,heights:z,maxHeights:z,minHeights:z,sizes:z,iconSizes:{sizeIcon10:z.sizeIcon10,sizeIcon20:z.sizeIcon20,sizeIcon30:z.sizeIcon30,sizeIcon40:z.sizeIcon40},space:{space0:"0",space10:"0.125rem",space100:"2.25rem",space110:"2.5rem",space120:"2.75rem",space130:"3rem",space140:"3.25rem",space150:"3.5rem",space160:"3.75rem",space170:"4rem",space180:"4.25rem",space190:"4.5rem",space20:"0.25rem",space200:"4.75rem",space30:"0.5rem",space40:"0.75rem",space50:"1rem",space60:"1.25rem",space70:"1.5rem",space80:"1.75rem",space90:"2rem"},textColors:{colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextIcon:"#08152c",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#700600",colorTextLinkDestructiveDarker:"#470500",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#76859e",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#76859e"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};export{h as DefaultTheme,u as SendGridTheme};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var designTokens=require("@twilio-paste/design-tokens"),breakpoints=[designTokens.sizings.size40,designTokens.sizings.size100,designTokens.sizings.size120],DefaultTheme={shadows:designTokens.boxShadows,backgroundColors:designTokens.backgroundColors,borderColors:designTokens.borderColors,borderWidths:designTokens.borderWidths,radii:designTokens.radii,breakpoints:breakpoints,colors:designTokens.colors,fonts:designTokens.fonts,fontSizes:designTokens.fontSizes,fontWeights:designTokens.fontWeights,lineHeights:designTokens.lineHeights,widths:designTokens.sizings,maxWidths:designTokens.sizings,minWidths:designTokens.sizings,heights:designTokens.sizings,maxHeights:designTokens.sizings,minHeights:designTokens.sizings,sizes:designTokens.sizings,iconSizes:{sizeIcon10:designTokens.sizings.sizeIcon10,sizeIcon20:designTokens.sizings.sizeIcon20,sizeIcon30:designTokens.sizings.sizeIcon30},space:designTokens.spacings,textColors:designTokens.textColors,zIndices:designTokens.zIndices};const borderRadius0="0",borderRadius10="3px",borderRadius20="4px",borderRadius30="8px",borderRadiusCircle="50%",borderWidth0="0",borderWidth10="1px",borderWidth20="2px",colorBackground="#f3f4f6",colorBackgroundBody="#ffffff",colorBackgroundBrand="#233659",colorBackgroundBrandHighlight="#f22f46",colorBackgroundDestructive="#ac1e16",colorBackgroundDestructiveDark="#940800",colorBackgroundDestructiveDarker="#700600",colorBackgroundDestructiveLight="#e8534a",colorBackgroundDestructiveLighter="#ff8c85",colorBackgroundDestructiveLightest="#ffe9e7",colorBackgroundError="#ac1e16",colorBackgroundErrorLightest="#ffe9e7",colorBackgroundInverse="#4f5355",colorBackgroundPrimary="#3368fa",colorBackgroundPrimaryDark="#003adb",colorBackgroundPrimaryDarker="#002ca6",colorBackgroundPrimaryLight="#85a5ff",colorBackgroundPrimaryLighter="#baccff",colorBackgroundPrimaryLightest="#f5f8ff",colorBackgroundRowStriped="#f9fafb",colorBackgroundSuccess="#00994a",colorBackgroundSuccessLightest="#e0ffef",colorBackgroundWarning="#e46216",colorBackgroundWarningLightest="#ffecd8",colorBorder="#b6bfce",colorBorderDark="#9ca7ba",colorBorderDestructive="#ce241a",colorBorderDestructiveDark="#ac1e16",colorBorderDestructiveDarker="#940800",colorBorderDestructiveLight="#e8534a",colorBorderDestructiveLighter="#ff8c85",colorBorderError="#ac1e16",colorBorderErrorLightest="#ffe9e7",colorBorderInput="#9ca7ba",colorBorderInputFocus="#003adb",colorBorderInputHover="#003adb",colorBorderLight="#ccd2dc",colorBorderPrimary="#3368fa",colorBorderPrimaryDark="#003adb",colorBorderPrimaryDarker="#002ca6",colorBorderPrimaryLight="#85a5ff",colorBorderPrimaryLighter="#baccff",colorBorderSuccess="#00994a",colorBorderSuccessLightest="#e0ffef",colorBorderWarning="#e46216",colorBorderWarningLightest="#ffecd8",colorBrand="#08152c",colorBrandHighlight="#3368fa",colorGray0="#ffffff",colorGray10="#f9fafb",colorGray100="#08152c",colorGray20="#f3f4f6",colorGray30="#e5e7ec",colorGray40="#ccd2dc",colorGray50="#b6bfce",colorGray60="#9ca7ba",colorGray70="#76859e",colorGray80="#475672",colorGray90="#1d2944",colorText="#08152c",colorTextBrandHighlight="#f22f46",colorTextBrandInverse="#ffffff",colorTextError="#ac1e16",colorTextIcon="#08152c",colorTextInverse="#ffffff",colorTextInverseWeak="#9ca7ba",colorTextLabel="#08152c",colorTextLink="#3368fa",colorTextLinkDark="#002ca6",colorTextLinkDarker="#001f75",colorTextLinkDestructive="#ce241a",colorTextLinkDestructiveDark="#ac1e16",colorTextLinkDestructiveDarker="#940800",colorTextLinkDestructiveLight="#e8534a",colorTextLinkLight="#85a5ff",colorTextPlaceholder="#76859e",colorTextSuccess="#00994a",colorTextWarning="#e46216",colorTextWeak="#76859e",fontFamilyCode="'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText="'Colfax', Helvetica, Arial, sans-serif",fontSize10="0.625rem",fontSize100="2.5rem",fontSize110="3rem",fontSize20="0.75rem",fontSize30="0.875rem",fontSize40="1rem",fontSize50="1.125rem",fontSize60="1.25rem",fontSize70="1.5rem",fontSize80="1.75rem",fontSize90="2rem",fontWeightBold="700",fontWeightLight="300",fontWeightMedium="500",fontWeightNormal="400",fontWeightSemibold="600",lineHeight10="1rem",lineHeight100="3.25rem",lineHeight110="3.75rem",lineHeight20="1.25rem",lineHeight30="1.5rem",lineHeight40="1.75rem",lineHeight50="1.75rem",lineHeight60="1.75rem",lineHeight70="2rem",lineHeight80="2.25rem",lineHeight90="2.5rem",shadowCard="0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus="0 0 0 4px rgba(0,117,195,0.5)",size0="0",size10="5.5rem",size100="64rem",size110="70.5rem",size120="77rem",size20="12rem",size30="18.5rem",size40="25rem",size50="31.5rem",size60="38rem",size70="44.5rem",size80="51rem",size90="57.5rem",sizeIcon10="1rem",sizeIcon20="1.5rem",sizeIcon30="2rem",space0="0",space10="0.125rem",space100="2.25rem",space110="2.5rem",space120="2.75rem",space130="3rem",space140="3.25rem",space150="3.5rem",space160="3.75rem",space170="4rem",space180="4.25rem",space190="4.5rem",space20="0.25rem",space200="4.75rem",space30="0.5rem",space40="0.75rem",space50="1rem",space60="1.25rem",space70="1.5rem",space80="1.75rem",space90="2rem",zIndex0="0",zIndex10="10",zIndex20="20",zIndex30="30",zIndex40="40",zIndex50="50",zIndex60="60",zIndex70="70",zIndex80="80",zIndex90="90",backgroundColors={colorBackground:"#f3f4f6",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#ac1e16",colorBackgroundDestructiveDark:"#940800",colorBackgroundDestructiveDarker:"#700600",colorBackgroundDestructiveLight:"#e8534a",colorBackgroundDestructiveLighter:"#ff8c85",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#4f5355",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#003adb",colorBackgroundPrimaryDarker:"#002ca6",colorBackgroundPrimaryLight:"#85a5ff",colorBackgroundPrimaryLighter:"#baccff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors={colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#ac1e16",colorBorderDestructiveDarker:"#940800",colorBorderDestructiveLight:"#e8534a",colorBorderDestructiveLighter:"#ff8c85",colorBorderError:"#ac1e16",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#9ca7ba",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#003adb",colorBorderPrimaryDarker:"#002ca6",colorBorderPrimaryLight:"#85a5ff",colorBorderPrimaryLighter:"#baccff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},borderWidths={borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},boxShadows={shadowCard:shadowCard,shadowFocus:shadowFocus},colors={colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#76859e",colorGray80:"#475672",colorGray90:"#1d2944"},fonts={fontFamilyCode:fontFamilyCode,fontFamilyText:fontFamilyText},fontSizes={fontSize10:"0.625rem",fontSize100:"2.5rem",fontSize110:"3rem",fontSize20:"0.75rem",fontSize30:"0.875rem",fontSize40:"1rem",fontSize50:"1.125rem",fontSize60:"1.25rem",fontSize70:"1.5rem",fontSize80:"1.75rem",fontSize90:"2rem"},fontWeights={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},lineHeights={lineHeight10:"1rem",lineHeight100:"3.25rem",lineHeight110:"3.75rem",lineHeight20:"1.25rem",lineHeight30:"1.5rem",lineHeight40:"1.75rem",lineHeight50:"1.75rem",lineHeight60:"1.75rem",lineHeight70:"2rem",lineHeight80:"2.25rem",lineHeight90:"2.5rem"},radii={borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},sizings={size0:"0",size10:size10,size100:"64rem",size110:size110,size120:"77rem",size20:size20,size30:size30,size40:size40,size50:size50,size60:size60,size70:size70,size80:size80,size90:size90,sizeIcon10:"1rem",sizeIcon20:"1.5rem",sizeIcon30:"2rem"},spacings={space0:"0",space10:space10,space100:space100,space110:"2.5rem",space120:space120,space130:"3rem",space140:space140,space150:"3.5rem",space160:space160,space170:"4rem",space180:space180,space190:"4.5rem",space20:space20,space200:space200,space30:space30,space40:space40,space50:"1rem",space60:space60,space70:space70,space80:space80,space90:"2rem"},textColors={colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextIcon:"#08152c",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#3368fa",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#ac1e16",colorTextLinkDestructiveDarker:"#940800",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#76859e",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#76859e"},zIndices={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var breakpoints$1=[sizings.size40,sizings.size100,sizings.size120],SendGridTheme={shadows:boxShadows,backgroundColors:backgroundColors,borderColors:borderColors,borderWidths:borderWidths,radii:radii,breakpoints:breakpoints$1,colors:colors,fonts:fonts,fontSizes:fontSizes,fontWeights:fontWeights,lineHeights:lineHeights,widths:sizings,maxWidths:sizings,minWidths:sizings,heights:sizings,maxHeights:sizings,minHeights:sizings,sizes:sizings,iconSizes:{sizeIcon10:sizings.sizeIcon10,sizeIcon20:sizings.sizeIcon20,sizeIcon30:sizings.sizeIcon30},space:spacings,textColors:textColors,zIndices:zIndices};exports.DefaultTheme=DefaultTheme,exports.SendGridTheme=SendGridTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var designTokens=require("@twilio-paste/design-tokens"),breakpoints=[designTokens.sizings.size40,designTokens.sizings.size100,designTokens.sizings.size120],DefaultTheme={shadows:designTokens.boxShadows,backgroundColors:designTokens.backgroundColors,borderColors:designTokens.borderColors,borderWidths:designTokens.borderWidths,radii:designTokens.radii,breakpoints:breakpoints,colors:designTokens.colors,fonts:designTokens.fonts,fontSizes:designTokens.fontSizes,fontWeights:designTokens.fontWeights,lineHeights:designTokens.lineHeights,widths:designTokens.sizings,maxWidths:designTokens.sizings,minWidths:designTokens.sizings,heights:designTokens.sizings,maxHeights:designTokens.sizings,minHeights:designTokens.sizings,sizes:designTokens.sizings,iconSizes:{sizeIcon10:designTokens.sizings.sizeIcon10,sizeIcon20:designTokens.sizings.sizeIcon20,sizeIcon30:designTokens.sizings.sizeIcon30,sizeIcon40:designTokens.sizings.sizeIcon40},space:designTokens.spacings,textColors:designTokens.textColors,zIndices:designTokens.zIndices};const borderRadius0="0",borderRadius10="3px",borderRadius20="4px",borderRadius30="8px",borderRadiusCircle="50%",borderWidth0="0",borderWidth10="1px",borderWidth20="2px",colorBackground="#f3f4f6",colorBackgroundBody="#ffffff",colorBackgroundBrand="#233659",colorBackgroundBrandHighlight="#f22f46",colorBackgroundDestructive="#ce241a",colorBackgroundDestructiveDark="#700600",colorBackgroundDestructiveDarker="#470500",colorBackgroundDestructiveLight="#e8534a",colorBackgroundDestructiveLighter="#ff8c85",colorBackgroundDestructiveLightest="#ffe9e7",colorBackgroundError="#ac1e16",colorBackgroundErrorLightest="#ffe9e7",colorBackgroundInverse="#4f5355",colorBackgroundPrimary="#3368fa",colorBackgroundPrimaryDark="#002ca6",colorBackgroundPrimaryDarker="#001f75",colorBackgroundPrimaryLight="#85a5ff",colorBackgroundPrimaryLighter="#baccff",colorBackgroundPrimaryLightest="#f5f8ff",colorBackgroundRowStriped="#f9fafb",colorBackgroundSuccess="#00994a",colorBackgroundSuccessLightest="#e0ffef",colorBackgroundWarning="#e46216",colorBackgroundWarningLightest="#ffecd8",colorBorder="#b6bfce",colorBorderDark="#9ca7ba",colorBorderDestructive="#ce241a",colorBorderDestructiveDark="#700600",colorBorderDestructiveDarker="#470500",colorBorderDestructiveLight="#e8534a",colorBorderDestructiveLighter="#ff8c85",colorBorderError="#ac1e16",colorBorderErrorLightest="#ffe9e7",colorBorderInput="#9ca7ba",colorBorderInputFocus="#003adb",colorBorderInputHover="#003adb",colorBorderLight="#ccd2dc",colorBorderPrimary="#3368fa",colorBorderPrimaryDark="#002ca6",colorBorderPrimaryDarker="#001f75",colorBorderPrimaryLight="#85a5ff",colorBorderPrimaryLighter="#baccff",colorBorderSuccess="#00994a",colorBorderSuccessLightest="#e0ffef",colorBorderWarning="#e46216",colorBorderWarningLightest="#ffecd8",colorBrand="#08152c",colorBrandHighlight="#3368fa",colorGray0="#ffffff",colorGray10="#f9fafb",colorGray100="#08152c",colorGray20="#f3f4f6",colorGray30="#e5e7ec",colorGray40="#ccd2dc",colorGray50="#b6bfce",colorGray60="#9ca7ba",colorGray70="#76859e",colorGray80="#475672",colorGray90="#1d2944",colorText="#08152c",colorTextBrandHighlight="#f22f46",colorTextBrandInverse="#ffffff",colorTextError="#ac1e16",colorTextIcon="#08152c",colorTextInverse="#ffffff",colorTextInverseWeak="#9ca7ba",colorTextLabel="#08152c",colorTextLink="#003adb",colorTextLinkDark="#002ca6",colorTextLinkDarker="#001f75",colorTextLinkDestructive="#ce241a",colorTextLinkDestructiveDark="#700600",colorTextLinkDestructiveDarker="#470500",colorTextLinkDestructiveLight="#e8534a",colorTextLinkLight="#85a5ff",colorTextPlaceholder="#76859e",colorTextSuccess="#00994a",colorTextWarning="#e46216",colorTextWeak="#76859e",fontFamilyCode="'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText="'Colfax', Helvetica, Arial, sans-serif",fontSize10="0.625rem",fontSize100="2.5rem",fontSize110="3rem",fontSize20="0.75rem",fontSize30="0.875rem",fontSize40="1rem",fontSize50="1.125rem",fontSize60="1.25rem",fontSize70="1.5rem",fontSize80="1.75rem",fontSize90="2rem",fontWeightBold="700",fontWeightLight="300",fontWeightMedium="500",fontWeightNormal="400",fontWeightSemibold="600",lineHeight10="1rem",lineHeight100="3.25rem",lineHeight110="3.75rem",lineHeight20="1.25rem",lineHeight30="1.5rem",lineHeight40="1.75rem",lineHeight50="1.75rem",lineHeight60="1.75rem",lineHeight70="2rem",lineHeight80="2.25rem",lineHeight90="2.5rem",shadowCard="0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus="0 0 0 4px rgba(51, 104, 250, 0.8)",size0="0",size10="5.5rem",size100="64rem",size110="70.5rem",size120="77rem",size20="12rem",size30="18.5rem",size40="25rem",size50="31.5rem",size60="38rem",size70="44.5rem",size80="51rem",size90="57.5rem",sizeIcon10="1rem",sizeIcon20="1.25rem",sizeIcon30="1.5rem",sizeIcon40="2rem",space0="0",space10="0.125rem",space100="2.25rem",space110="2.5rem",space120="2.75rem",space130="3rem",space140="3.25rem",space150="3.5rem",space160="3.75rem",space170="4rem",space180="4.25rem",space190="4.5rem",space20="0.25rem",space200="4.75rem",space30="0.5rem",space40="0.75rem",space50="1rem",space60="1.25rem",space70="1.5rem",space80="1.75rem",space90="2rem",zIndex0="0",zIndex10="10",zIndex20="20",zIndex30="30",zIndex40="40",zIndex50="50",zIndex60="60",zIndex70="70",zIndex80="80",zIndex90="90",backgroundColors={colorBackground:"#f3f4f6",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#ce241a",colorBackgroundDestructiveDark:"#700600",colorBackgroundDestructiveDarker:"#470500",colorBackgroundDestructiveLight:"#e8534a",colorBackgroundDestructiveLighter:"#ff8c85",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#4f5355",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#85a5ff",colorBackgroundPrimaryLighter:"#baccff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors={colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#700600",colorBorderDestructiveDarker:"#470500",colorBorderDestructiveLight:"#e8534a",colorBorderDestructiveLighter:"#ff8c85",colorBorderError:"#ac1e16",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#9ca7ba",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#85a5ff",colorBorderPrimaryLighter:"#baccff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},borderWidths={borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},boxShadows={shadowCard:shadowCard,shadowFocus:shadowFocus},colors={colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#76859e",colorGray80:"#475672",colorGray90:"#1d2944"},fonts={fontFamilyCode:fontFamilyCode,fontFamilyText:fontFamilyText},fontSizes={fontSize10:"0.625rem",fontSize100:"2.5rem",fontSize110:"3rem",fontSize20:"0.75rem",fontSize30:"0.875rem",fontSize40:"1rem",fontSize50:"1.125rem",fontSize60:"1.25rem",fontSize70:"1.5rem",fontSize80:"1.75rem",fontSize90:"2rem"},fontWeights={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},lineHeights={lineHeight10:"1rem",lineHeight100:"3.25rem",lineHeight110:"3.75rem",lineHeight20:"1.25rem",lineHeight30:"1.5rem",lineHeight40:"1.75rem",lineHeight50:"1.75rem",lineHeight60:"1.75rem",lineHeight70:"2rem",lineHeight80:"2.25rem",lineHeight90:"2.5rem"},radii={borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},sizings={size0:"0",size10:size10,size100:"64rem",size110:size110,size120:"77rem",size20:size20,size30:size30,size40:size40,size50:size50,size60:size60,size70:size70,size80:size80,size90:size90,sizeIcon10:"1rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"2rem"},spacings={space0:"0",space10:space10,space100:space100,space110:"2.5rem",space120:space120,space130:"3rem",space140:space140,space150:"3.5rem",space160:space160,space170:"4rem",space180:space180,space190:"4.5rem",space20:space20,space200:space200,space30:space30,space40:space40,space50:"1rem",space60:space60,space70:space70,space80:space80,space90:"2rem"},textColors={colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextIcon:"#08152c",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#700600",colorTextLinkDestructiveDarker:"#470500",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#76859e",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#76859e"},zIndices={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var breakpoints$1=[sizings.size40,sizings.size100,sizings.size120],SendGridTheme={shadows:boxShadows,backgroundColors:backgroundColors,borderColors:borderColors,borderWidths:borderWidths,radii:radii,breakpoints:breakpoints$1,colors:colors,fonts:fonts,fontSizes:fontSizes,fontWeights:fontWeights,lineHeights:lineHeights,widths:sizings,maxWidths:sizings,minWidths:sizings,heights:sizings,maxHeights:sizings,minHeights:sizings,sizes:sizings,iconSizes:{sizeIcon10:sizings.sizeIcon10,sizeIcon20:sizings.sizeIcon20,sizeIcon30:sizings.sizeIcon30,sizeIcon40:sizings.sizeIcon40},space:spacings,textColors:textColors,zIndices:zIndices};exports.DefaultTheme=DefaultTheme,exports.SendGridTheme=SendGridTheme;

dist/sendgrid/index.d.ts

 export declare const SendGridTheme: {
     shadows: {
         shadowCard: "0 2px 4px 0 rgba(40, 42, 43, 0.3)";
-        shadowFocus: "0 0 0 4px rgba(0,117,195,0.5)";
+        shadowFocus: "0 0 0 4px rgba(51, 104, 250, 0.8)";
     };
@@ -11,5 +11,5 @@ backgroundColors: {
         colorBackgroundBrandHighlight: "#f22f46";
-        colorBackgroundDestructive: "#ac1e16";
-        colorBackgroundDestructiveDark: "#940800";
-        colorBackgroundDestructiveDarker: "#700600";
+        colorBackgroundDestructive: "#ce241a";
+        colorBackgroundDestructiveDark: "#700600";
+        colorBackgroundDestructiveDarker: "#470500";
         colorBackgroundDestructiveLight: "#e8534a";
@@ -22,4 +22,4 @@ colorBackgroundDestructiveLighter: "#ff8c85";
         colorBackgroundPrimary: "#3368fa";
-        colorBackgroundPrimaryDark: "#003adb";
-        colorBackgroundPrimaryDarker: "#002ca6";
+        colorBackgroundPrimaryDark: "#002ca6";
+        colorBackgroundPrimaryDarker: "#001f75";
         colorBackgroundPrimaryLight: "#85a5ff";
@@ -38,4 +38,4 @@ colorBackgroundPrimaryLighter: "#baccff";
         colorBorderDestructive: "#ce241a";
-        colorBorderDestructiveDark: "#ac1e16";
-        colorBorderDestructiveDarker: "#940800";
+        colorBorderDestructiveDark: "#700600";
+        colorBorderDestructiveDarker: "#470500";
         colorBorderDestructiveLight: "#e8534a";
@@ -50,4 +50,4 @@ colorBorderDestructiveLighter: "#ff8c85";
         colorBorderPrimary: "#3368fa";
-        colorBorderPrimaryDark: "#003adb";
-        colorBorderPrimaryDarker: "#002ca6";
+        colorBorderPrimaryDark: "#002ca6";
+        colorBorderPrimaryDarker: "#001f75";
         colorBorderPrimaryLight: "#85a5ff";
@@ -140,4 +140,5 @@ colorBorderPrimaryLighter: "#baccff";
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -159,4 +160,5 @@ maxWidths: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -178,4 +180,5 @@ minWidths: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -197,4 +200,5 @@ heights: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -216,4 +220,5 @@ maxHeights: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -235,4 +240,5 @@ minHeights: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -254,9 +260,11 @@ sizes: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
     iconSizes: {
         sizeIcon10: "1rem";
-        sizeIcon20: "1.5rem";
-        sizeIcon30: "2rem";
+        sizeIcon20: "1.25rem";
+        sizeIcon30: "1.5rem";
+        sizeIcon40: "2rem";
     };
@@ -295,8 +303,8 @@ space: {
         colorTextLabel: "#08152c";
-        colorTextLink: "#3368fa";
+        colorTextLink: "#003adb";
         colorTextLinkDark: "#002ca6";
         colorTextLinkDarker: "#001f75";
         colorTextLinkDestructive: "#ce241a";
-        colorTextLinkDestructiveDark: "#ac1e16";
-        colorTextLinkDestructiveDarker: "#940800";
+        colorTextLinkDestructiveDark: "#700600";
+        colorTextLinkDestructiveDarker: "#470500";
         colorTextLinkDestructiveLight: "#e8534a";
@@ -303,0 +311,0 @@ colorTextLinkLight: "#85a5ff";

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "",
@@ -28,3 +28,3 @@ "author": "Twilio Inc.",
   "devDependencies": {
-    "@twilio-paste/design-tokens": "^3.0.1",
+    "@twilio-paste/design-tokens": "^3.0.2",
     "rollup": "^1.16.2",
@@ -38,3 +38,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "7e0e333b408fd13502a3812b545783d8d58f1f8b"
+  "gitHead": "81fa3b2dce380ff7b0de620614ce77ac55b405c3"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

43257

increased by2.56%

Lines of code

704

increased by2.47%

No dependency changes