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

Comparing version 2.0.5 to 3.0.0

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [3.0.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@2.0.5...@twilio-paste/theme-tokens@3.0.0) (2019-12-20)
+
+
+### Features
+
+* **theme-tokens:** create the console and paste theme mapping ([3ee6b5d](https://github.com/twilio-labs/paste/commit/3ee6b5d753be7286719b3ec94d8e9b68b510b1a1))
+
+
+### BREAKING CHANGES
+
+* **theme-tokens:** switched the default theme to the paste theme and created the console theme
+
+
+
+
+
 ## [2.0.5](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@2.0.4...@twilio-paste/theme-tokens@2.0.5) (2019-12-19)
@@ -8,0 +24,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(2, 122, 197, 0.8)";
+        shadowCard: "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
+        shadowFocus: "0 0 0 4px rgba(2, 99, 224, 0.8)";
     };
     backgroundColors: {
-        colorBackground: "#f8f8f9";
+        colorBackground: "#f4f4f6";
         colorBackgroundBody: "#ffffff";
         colorBackgroundBrand: "#233659";
         colorBackgroundBrandHighlight: "#f22f46";
-        colorBackgroundDestructive: "#e22525";
-        colorBackgroundDestructiveDark: "#921200";
-        colorBackgroundDestructiveDarker: "#600101";
-        colorBackgroundDestructiveLight: "#ecb6b6";
-        colorBackgroundDestructiveLighter: "#f5dddd";
-        colorBackgroundDestructiveLightest: "#ffe9e7";
-        colorBackgroundError: "#e22525";
-        colorBackgroundErrorLightest: "#ffe9e7";
-        colorBackgroundInverse: "#4f5355";
-        colorBackgroundPrimary: "#027ac5";
-        colorBackgroundPrimaryDark: "#003e82";
-        colorBackgroundPrimaryDarker: "#032c5e";
-        colorBackgroundPrimaryLight: "#b3d3e9";
-        colorBackgroundPrimaryLighter: "#dceaf4";
-        colorBackgroundPrimaryLightest: "#f5f8ff";
-        colorBackgroundRowStriped: "#f8f8f9";
-        colorBackgroundSuccess: "#00994a";
-        colorBackgroundSuccessLightest: "#e0ffef";
-        colorBackgroundWarning: "#e46216";
-        colorBackgroundWarningLightest: "#ffecd8";
+        colorBackgroundDestructive: "#d61f1f";
+        colorBackgroundDestructiveDark: "#750c0c";
+        colorBackgroundDestructiveDarker: "#4a0b0b";
+        colorBackgroundDestructiveLight: "#f58a8a";
+        colorBackgroundDestructiveLighter: "#fccfcf";
+        colorBackgroundDestructiveLightest: "#feecec";
+        colorBackgroundError: "#d61f1f";
+        colorBackgroundErrorLightest: "#feecec";
+        colorBackgroundInverse: "#1f304c";
+        colorBackgroundPrimary: "#0263e0";
+        colorBackgroundPrimaryDark: "#001489";
+        colorBackgroundPrimaryDarker: "#030b5d";
+        colorBackgroundPrimaryLight: "#66b3ff";
+        colorBackgroundPrimaryLighter: "#cce4ff";
+        colorBackgroundPrimaryLightest: "#ebf4ff";
+        colorBackgroundRowStriped: "#f4f4f6";
+        colorBackgroundSuccess: "#14b053";
+        colorBackgroundSuccessLightest: "#edfdf3";
+        colorBackgroundWarning: "#f47c22";
+        colorBackgroundWarningLightest: "#fef5ee";
     };
     borderColors: {
-        colorBorder: "#c8cccf";
-        colorBorderDark: "#888c8e";
-        colorBorderDestructive: "#e22525";
-        colorBorderDestructiveDark: "#921200";
-        colorBorderDestructiveDarker: "#600101";
-        colorBorderDestructiveLight: "#ecb6b6";
-        colorBorderDestructiveLighter: "#f5dddd";
-        colorBorderError: "#e22525";
-        colorBorderErrorLightest: "#ffe9e7";
-        colorBorderInput: "#888c8e";
-        colorBorderInputFocus: "#027ac5";
-        colorBorderInputHover: "#027ac5";
-        colorBorderLight: "#e4e7e9";
-        colorBorderPrimary: "#027ac5";
-        colorBorderPrimaryDark: "#003e82";
-        colorBorderPrimaryDarker: "#032c5e";
-        colorBorderPrimaryLight: "#b3d3e9";
-        colorBorderPrimaryLighter: "#dceaf4";
-        colorBorderSuccess: "#00994a";
-        colorBorderSuccessLightest: "#e0ffef";
-        colorBorderWarning: "#e46216";
-        colorBorderWarningLightest: "#ffecd8";
+        colorBorder: "#aeb2c1";
+        colorBorderDark: "#606b85";
+        colorBorderDestructive: "#d61f1f";
+        colorBorderDestructiveDark: "#750c0c";
+        colorBorderDestructiveDarker: "#4a0b0b";
+        colorBorderDestructiveLight: "#f58a8a";
+        colorBorderDestructiveLighter: "#fccfcf";
+        colorBorderError: "#d61f1f";
+        colorBorderErrorLightest: "#feecec";
+        colorBorderInput: "#606b85";
+        colorBorderInputFocus: "#0263e0";
+        colorBorderInputHover: "#0263e0";
+        colorBorderLight: "#e1e3ea";
+        colorBorderPrimary: "#0263e0";
+        colorBorderPrimaryDark: "#001489";
+        colorBorderPrimaryDarker: "#030b5d";
+        colorBorderPrimaryLight: "#66b3ff";
+        colorBorderPrimaryLighter: "#cce4ff";
+        colorBorderSuccess: "#14b053";
+        colorBorderSuccessLightest: "#edfdf3";
+        colorBorderWarning: "#f47c22";
+        colorBorderWarningLightest: "#fef5ee";
     };
@@ -73,16 +73,16 @@ borderWidths: {
         colorGray0: "#ffffff";
-        colorGray10: "#f9fafb";
-        colorGray100: "#282a2b";
-        colorGray20: "#f8f8f9";
-        colorGray30: "#f2f3f4";
-        colorGray40: "#e4e7e9";
-        colorGray50: "#c8cccf";
-        colorGray60: "#888c8e";
-        colorGray70: "#666a6d";
-        colorGray80: "#4f5355";
-        colorGray90: "#424547";
+        colorGray10: "#f4f4f6";
+        colorGray100: "#121c2d";
+        colorGray20: "#e1e3ea";
+        colorGray30: "#cacdd8";
+        colorGray40: "#aeb2c1";
+        colorGray50: "#8891aa";
+        colorGray60: "#606b85";
+        colorGray70: "#4b5671";
+        colorGray80: "#394762";
+        colorGray90: "#1f304c";
     };
     fonts: {
         fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace";
-        fontFamilyText: "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
+        fontFamilyText: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
     };
@@ -107,3 +107,3 @@ fontSizes: {
         fontWeightNormal: 400;
-        fontWeightSemibold: 500;
+        fontWeightSemibold: 600;
     };
@@ -286,22 +286,22 @@ lineHeights: {
     textColors: {
-        colorText: "#282a2b";
+        colorText: "#121c2d";
         colorTextBrandHighlight: "#f22f46";
         colorTextBrandInverse: "#ffffff";
-        colorTextError: "#e22525";
-        colorTextIcon: "#282a2b";
+        colorTextError: "#d61f1f";
+        colorTextIcon: "#121c2d";
         colorTextInverse: "#ffffff";
-        colorTextInverseWeak: "#c8cccf";
-        colorTextLabel: "#282a2b";
-        colorTextLink: "#005ea6";
-        colorTextLinkDark: "#003e82";
-        colorTextLinkDarker: "#032c5e";
-        colorTextLinkDestructive: "#e22525";
-        colorTextLinkDestructiveDark: "#b20600";
-        colorTextLinkDestructiveDarker: "#921200";
-        colorTextLinkDestructiveLight: "#ecb6b6";
-        colorTextLinkLight: "#b3d3e9";
-        colorTextPlaceholder: "#666a6d";
-        colorTextSuccess: "#00994a";
-        colorTextWarning: "#e46216";
-        colorTextWeak: "#666a6d";
+        colorTextInverseWeak: "#8891aa";
+        colorTextLabel: "#121c2d";
+        colorTextLink: "#043cb5";
+        colorTextLinkDark: "#001489";
+        colorTextLinkDarker: "#030b5d";
+        colorTextLinkDestructive: "#d61f1f";
+        colorTextLinkDestructiveDark: "#ad1111";
+        colorTextLinkDestructiveDarker: "#750c0c";
+        colorTextLinkDestructiveLight: "#f58a8a";
+        colorTextLinkLight: "#66b3ff";
+        colorTextPlaceholder: "#4b5671";
+        colorTextSuccess: "#14b053";
+        colorTextWarning: "#f47c22";
+        colorTextWeak: "#4b5671";
     };
@@ -308,0 +308,0 @@ zIndices: {

dist/index.d.ts

 import { DefaultTheme } from './default';
 import { SendGridTheme } from './sendgrid';
-import { SendGridThemeShape, ThemeShape } from './types';
-export { DefaultTheme, SendGridTheme, SendGridThemeShape, ThemeShape };
+import { ConsoleTheme } from './console';
+import { ThemeShape, SendGridThemeShape, ConsoleThemeShape } from './types';
+export { DefaultTheme, ConsoleTheme, SendGridTheme, ThemeShape, ConsoleThemeShape, SendGridThemeShape };
 //# sourceMappingURL=index.d.ts.map

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 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:"#08152c",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:"#475672"},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 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,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(18, 28, 45, 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:"#08152c",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:"#475672"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};const B={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 k={shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus:"0 0 0 4px rgba(2, 122, 197, 0.8)"},backgroundColors:{colorBackground:"#f8f8f9",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#e22525",colorBackgroundDestructiveDark:"#921200",colorBackgroundDestructiveDarker:"#600101",colorBackgroundDestructiveLight:"#ecb6b6",colorBackgroundDestructiveLighter:"#f5dddd",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#e22525",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#4f5355",colorBackgroundPrimary:"#027ac5",colorBackgroundPrimaryDark:"#003e82",colorBackgroundPrimaryDarker:"#032c5e",colorBackgroundPrimaryLight:"#b3d3e9",colorBackgroundPrimaryLighter:"#dceaf4",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f8f8f9",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors:{colorBorder:"#c8cccf",colorBorderDark:"#888c8e",colorBorderDestructive:"#e22525",colorBorderDestructiveDark:"#921200",colorBorderDestructiveDarker:"#600101",colorBorderDestructiveLight:"#ecb6b6",colorBorderDestructiveLighter:"#f5dddd",colorBorderError:"#e22525",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#888c8e",colorBorderInputFocus:"#027ac5",colorBorderInputHover:"#027ac5",colorBorderLight:"#e4e7e9",colorBorderPrimary:"#027ac5",colorBorderPrimaryDark:"#003e82",colorBorderPrimaryDarker:"#032c5e",colorBorderPrimaryLight:"#b3d3e9",colorBorderPrimaryLighter:"#dceaf4",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:[B.size40,B.size100,B.size120],colors:{colorBrand:"#233659",colorBrandHighlight:"#f22f46",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#282a2b",colorGray20:"#f8f8f9",colorGray30:"#f2f3f4",colorGray40:"#e4e7e9",colorGray50:"#c8cccf",colorGray60:"#888c8e",colorGray70:"#666a6d",colorGray80:"#4f5355",colorGray90:"#424547"},fonts:{fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', 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:"500"},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:B,maxWidths:B,minWidths:B,heights:B,maxHeights:B,minHeights:B,sizes:B,iconSizes:{sizeIcon10:B.sizeIcon10,sizeIcon20:B.sizeIcon20,sizeIcon30:B.sizeIcon30,sizeIcon40:B.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:"#282a2b",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#e22525",colorTextIcon:"#282a2b",colorTextInverse:"#ffffff",colorTextInverseWeak:"#c8cccf",colorTextLabel:"#282a2b",colorTextLink:"#005ea6",colorTextLinkDark:"#003e82",colorTextLinkDarker:"#032c5e",colorTextLinkDestructive:"#e22525",colorTextLinkDestructiveDark:"#b20600",colorTextLinkDestructiveDarker:"#921200",colorTextLinkDestructiveLight:"#ecb6b6",colorTextLinkLight:"#b3d3e9",colorTextPlaceholder:"#666a6d",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#666a6d"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};export{k as ConsoleTheme,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,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="#08152c",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="#475672",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:"#08152c",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:"#475672"},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;
+"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="#08152c",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="#475672",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(18, 28, 45, 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:"#08152c",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:"#475672"},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};const borderRadius0$1="0",borderRadius10$1="3px",borderRadius20$1="4px",borderRadius30$1="8px",borderRadiusCircle$1="50%",borderWidth0$1="0",borderWidth10$1="1px",borderWidth20$1="2px",colorBackground$1="#f8f8f9",colorBackgroundBody$1="#ffffff",colorBackgroundBrand$1="#233659",colorBackgroundBrandHighlight$1="#f22f46",colorBackgroundDestructive$1="#e22525",colorBackgroundDestructiveDark$1="#921200",colorBackgroundDestructiveDarker$1="#600101",colorBackgroundDestructiveLight$1="#ecb6b6",colorBackgroundDestructiveLighter$1="#f5dddd",colorBackgroundDestructiveLightest$1="#ffe9e7",colorBackgroundError$1="#e22525",colorBackgroundErrorLightest$1="#ffe9e7",colorBackgroundInverse$1="#4f5355",colorBackgroundPrimary$1="#027ac5",colorBackgroundPrimaryDark$1="#003e82",colorBackgroundPrimaryDarker$1="#032c5e",colorBackgroundPrimaryLight$1="#b3d3e9",colorBackgroundPrimaryLighter$1="#dceaf4",colorBackgroundPrimaryLightest$1="#f5f8ff",colorBackgroundRowStriped$1="#f8f8f9",colorBackgroundSuccess$1="#00994a",colorBackgroundSuccessLightest$1="#e0ffef",colorBackgroundWarning$1="#e46216",colorBackgroundWarningLightest$1="#ffecd8",colorBorder$1="#c8cccf",colorBorderDark$1="#888c8e",colorBorderDestructive$1="#e22525",colorBorderDestructiveDark$1="#921200",colorBorderDestructiveDarker$1="#600101",colorBorderDestructiveLight$1="#ecb6b6",colorBorderDestructiveLighter$1="#f5dddd",colorBorderError$1="#e22525",colorBorderErrorLightest$1="#ffe9e7",colorBorderInput$1="#888c8e",colorBorderInputFocus$1="#027ac5",colorBorderInputHover$1="#027ac5",colorBorderLight$1="#e4e7e9",colorBorderPrimary$1="#027ac5",colorBorderPrimaryDark$1="#003e82",colorBorderPrimaryDarker$1="#032c5e",colorBorderPrimaryLight$1="#b3d3e9",colorBorderPrimaryLighter$1="#dceaf4",colorBorderSuccess$1="#00994a",colorBorderSuccessLightest$1="#e0ffef",colorBorderWarning$1="#e46216",colorBorderWarningLightest$1="#ffecd8",colorBrand$1="#233659",colorBrandHighlight$1="#f22f46",colorGray0$1="#ffffff",colorGray10$1="#f9fafb",colorGray100$1="#282a2b",colorGray20$1="#f8f8f9",colorGray30$1="#f2f3f4",colorGray40$1="#e4e7e9",colorGray50$1="#c8cccf",colorGray60$1="#888c8e",colorGray70$1="#666a6d",colorGray80$1="#4f5355",colorGray90$1="#424547",colorText$1="#282a2b",colorTextBrandHighlight$1="#f22f46",colorTextBrandInverse$1="#ffffff",colorTextError$1="#e22525",colorTextIcon$1="#282a2b",colorTextInverse$1="#ffffff",colorTextInverseWeak$1="#c8cccf",colorTextLabel$1="#282a2b",colorTextLink$1="#005ea6",colorTextLinkDark$1="#003e82",colorTextLinkDarker$1="#032c5e",colorTextLinkDestructive$1="#e22525",colorTextLinkDestructiveDark$1="#b20600",colorTextLinkDestructiveDarker$1="#921200",colorTextLinkDestructiveLight$1="#ecb6b6",colorTextLinkLight$1="#b3d3e9",colorTextPlaceholder$1="#666a6d",colorTextSuccess$1="#00994a",colorTextWarning$1="#e46216",colorTextWeak$1="#666a6d",fontFamilyCode$1="'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText$1="'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif",fontSize10$1="0.625rem",fontSize100$1="2.5rem",fontSize110$1="3rem",fontSize20$1="0.75rem",fontSize30$1="0.875rem",fontSize40$1="1rem",fontSize50$1="1.125rem",fontSize60$1="1.25rem",fontSize70$1="1.5rem",fontSize80$1="1.75rem",fontSize90$1="2rem",fontWeightBold$1="700",fontWeightLight$1="300",fontWeightMedium$1="500",fontWeightNormal$1="400",fontWeightSemibold$1="500",lineHeight10$1="1rem",lineHeight100$1="3.25rem",lineHeight110$1="3.75rem",lineHeight20$1="1.25rem",lineHeight30$1="1.5rem",lineHeight40$1="1.75rem",lineHeight50$1="1.75rem",lineHeight60$1="1.75rem",lineHeight70$1="2rem",lineHeight80$1="2.25rem",lineHeight90$1="2.5rem",shadowCard$1="0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus$1="0 0 0 4px rgba(2, 122, 197, 0.8)",size0$1="0",size10$1="5.5rem",size100$1="64rem",size110$1="70.5rem",size120$1="77rem",size20$1="12rem",size30$1="18.5rem",size40$1="25rem",size50$1="31.5rem",size60$1="38rem",size70$1="44.5rem",size80$1="51rem",size90$1="57.5rem",sizeIcon10$1="1rem",sizeIcon20$1="1.25rem",sizeIcon30$1="1.5rem",sizeIcon40$1="2rem",space0$1="0",space10$1="0.125rem",space100$1="2.25rem",space110$1="2.5rem",space120$1="2.75rem",space130$1="3rem",space140$1="3.25rem",space150$1="3.5rem",space160$1="3.75rem",space170$1="4rem",space180$1="4.25rem",space190$1="4.5rem",space20$1="0.25rem",space200$1="4.75rem",space30$1="0.5rem",space40$1="0.75rem",space50$1="1rem",space60$1="1.25rem",space70$1="1.5rem",space80$1="1.75rem",space90$1="2rem",zIndex0$1="0",zIndex10$1="10",zIndex20$1="20",zIndex30$1="30",zIndex40$1="40",zIndex50$1="50",zIndex60$1="60",zIndex70$1="70",zIndex80$1="80",zIndex90$1="90",backgroundColors$1={colorBackground:"#f8f8f9",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#e22525",colorBackgroundDestructiveDark:"#921200",colorBackgroundDestructiveDarker:"#600101",colorBackgroundDestructiveLight:"#ecb6b6",colorBackgroundDestructiveLighter:"#f5dddd",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#e22525",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#4f5355",colorBackgroundPrimary:"#027ac5",colorBackgroundPrimaryDark:"#003e82",colorBackgroundPrimaryDarker:"#032c5e",colorBackgroundPrimaryLight:"#b3d3e9",colorBackgroundPrimaryLighter:"#dceaf4",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f8f8f9",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors$1={colorBorder:"#c8cccf",colorBorderDark:"#888c8e",colorBorderDestructive:"#e22525",colorBorderDestructiveDark:"#921200",colorBorderDestructiveDarker:"#600101",colorBorderDestructiveLight:"#ecb6b6",colorBorderDestructiveLighter:"#f5dddd",colorBorderError:"#e22525",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#888c8e",colorBorderInputFocus:"#027ac5",colorBorderInputHover:"#027ac5",colorBorderLight:"#e4e7e9",colorBorderPrimary:"#027ac5",colorBorderPrimaryDark:"#003e82",colorBorderPrimaryDarker:"#032c5e",colorBorderPrimaryLight:"#b3d3e9",colorBorderPrimaryLighter:"#dceaf4",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},borderWidths$1={borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},boxShadows$1={shadowCard:shadowCard$1,shadowFocus:shadowFocus$1},colors$1={colorBrand:"#233659",colorBrandHighlight:"#f22f46",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#282a2b",colorGray20:"#f8f8f9",colorGray30:"#f2f3f4",colorGray40:"#e4e7e9",colorGray50:"#c8cccf",colorGray60:"#888c8e",colorGray70:"#666a6d",colorGray80:"#4f5355",colorGray90:"#424547"},fonts$1={fontFamilyCode:fontFamilyCode$1,fontFamilyText:fontFamilyText$1},fontSizes$1={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$1={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"500"},lineHeights$1={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$1={borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},sizings$1={size0:"0",size10:"5.5rem",size100:"64rem",size110:"70.5rem",size120:"77rem",size20:"12rem",size30:size30$1,size40:"25rem",size50:size50$1,size60:"38rem",size70:size70$1,size80:"51rem",size90:size90$1,sizeIcon10:"1rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"2rem"},spacings$1={space0:"0",space10:space10$1,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$1={colorText:"#282a2b",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#e22525",colorTextIcon:"#282a2b",colorTextInverse:"#ffffff",colorTextInverseWeak:"#c8cccf",colorTextLabel:"#282a2b",colorTextLink:"#005ea6",colorTextLinkDark:"#003e82",colorTextLinkDarker:"#032c5e",colorTextLinkDestructive:"#e22525",colorTextLinkDestructiveDark:"#b20600",colorTextLinkDestructiveDarker:"#921200",colorTextLinkDestructiveLight:"#ecb6b6",colorTextLinkLight:"#b3d3e9",colorTextPlaceholder:"#666a6d",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#666a6d"},zIndices$1={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var breakpoints$2=[sizings$1.size40,sizings$1.size100,sizings$1.size120],ConsoleTheme={shadows:boxShadows$1,backgroundColors:backgroundColors$1,borderColors:borderColors$1,borderWidths:borderWidths$1,radii:radii$1,breakpoints:breakpoints$2,colors:colors$1,fonts:fonts$1,fontSizes:fontSizes$1,fontWeights:fontWeights$1,lineHeights:lineHeights$1,widths:sizings$1,maxWidths:sizings$1,minWidths:sizings$1,heights:sizings$1,maxHeights:sizings$1,minHeights:sizings$1,sizes:sizings$1,iconSizes:{sizeIcon10:sizings$1.sizeIcon10,sizeIcon20:sizings$1.sizeIcon20,sizeIcon30:sizings$1.sizeIcon30,sizeIcon40:sizings$1.sizeIcon40},space:spacings$1,textColors:textColors$1,zIndices:zIndices$1};exports.ConsoleTheme=ConsoleTheme,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)";
+        shadowCard: "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
         shadowFocus: "0 0 0 4px rgba(51, 104, 250, 0.8)";
@@ -5,0 +5,0 @@ };

dist/types/index.d.ts

 import { DefaultTheme } from '../default';
 import { SendGridTheme } from '../sendgrid';
+import { ConsoleTheme } from '../console';
 export declare type SendGridThemeShape = typeof SendGridTheme;
+export declare type ConsoleThemeShape = typeof ConsoleTheme;
 export declare type ThemeShape = typeof DefaultTheme;
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "2.0.5",
+  "version": "3.0.0",
   "description": "",
@@ -25,6 +25,6 @@ "author": "Twilio Inc.",
   "peerDependencies": {
-    "@twilio-paste/design-tokens": "^3.0.4"
+    "@twilio-paste/design-tokens": "^3.0.5"
   },
   "devDependencies": {
-    "@twilio-paste/design-tokens": "^3.0.5",
+    "@twilio-paste/design-tokens": "^4.0.0",
     "rollup": "^1.16.2",
@@ -38,3 +38,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "ed4e8b8fd92e4bd9b268296a2d5d8f244875204b"
+  "gitHead": "d744a8794c802117efed2f57f00a965df184101b"
 }

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

68890

increased by56.96%

Number of package files

15

increased by15.38%

Lines of code

1079

increased by53.27%

No dependency changes