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

Comparing version 3.1.0 to 3.1.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [3.1.1](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@3.1.0...@twilio-paste/theme-tokens@3.1.1) (2020-03-06)
+
+
+### Bug Fixes
+
+* **theme-tokens:** add background, text, border colors to `colors` key ([3868a1c](https://github.com/twilio-labs/paste/commit/3868a1c422c13d4ea8bbf0a701b4e47d356f5ebf))
+
+
+
+
+
 # [3.1.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@3.0.5...@twilio-paste/theme-tokens@3.1.0) (2020-03-02)
@@ -8,0 +19,0 @@

dist/console/index.d.ts

@@ -6,3 +6,76 @@ export declare const ConsoleTheme: {
     };
-    backgroundColors: {
+    borderWidths: {
+        borderWidth0: 0;
+        borderWidth10: "1px";
+        borderWidth20: "2px";
+    };
+    radii: {
+        borderRadius0: 0;
+        borderRadius10: "3px";
+        borderRadius20: "4px";
+        borderRadius30: "8px";
+        borderRadiusCircle: "50%";
+    };
+    breakpoints: ("25rem" | "64rem" | "77rem")[];
+    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";
+        colorText: "#282a2b";
+        colorTextBrandHighlight: "#f22f46";
+        colorTextBrandInverse: "#ffffff";
+        colorTextError: "#e22525";
+        colorTextErrorDark: "#921200";
+        colorTextIcon: "#666a6d";
+        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";
+        colorTextWarningDark: "#a83e00";
+        colorTextWeak: "#666a6d";
+        colorBorder: "#c8cccf";
+        colorBorderDark: "#888c8e";
+        colorBorderDestructive: "#e22525";
+        colorBorderDestructiveDark: "#921200";
+        colorBorderDestructiveDarker: "#600101";
+        colorBorderDestructiveLight: "#ecb6b6";
+        colorBorderDestructiveLighter: "#f5dddd";
+        colorBorderError: "#e22525";
+        colorBorderErrorLight: "#de5858";
+        colorBorderErrorLightest: "#ffe9e7";
+        colorBorderInput: "#888c8e";
+        colorBorderInputFocus: "#027ac5";
+        colorBorderInputHover: "#027ac5";
+        colorBorderLight: "#e4e7e9";
+        colorBorderNeutralLight: "#c8cccf";
+        colorBorderPrimary: "#027ac5";
+        colorBorderPrimaryDark: "#003e82";
+        colorBorderPrimaryDarker: "#032c5e";
+        colorBorderPrimaryLight: "#b3d3e9";
+        colorBorderPrimaryLighter: "#dceaf4";
+        colorBorderSuccess: "#00994a";
+        colorBorderSuccessLightest: "#e0ffef";
+        colorBorderWarning: "#e46216";
+        colorBorderWarningLight: "#f28510";
+        colorBorderWarningLightest: "#ffecd8";
         colorBackground: "#f8f8f9";
@@ -34,2 +107,26 @@ colorBackgroundBody: "#ffffff";
     };
+    textColors: {
+        colorText: "#282a2b";
+        colorTextBrandHighlight: "#f22f46";
+        colorTextBrandInverse: "#ffffff";
+        colorTextError: "#e22525";
+        colorTextErrorDark: "#921200";
+        colorTextIcon: "#666a6d";
+        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";
+        colorTextWarningDark: "#a83e00";
+        colorTextWeak: "#666a6d";
+    };
     borderColors: {
@@ -62,30 +159,29 @@ colorBorder: "#c8cccf";
     };
-    borderWidths: {
-        borderWidth0: 0;
-        borderWidth10: "1px";
-        borderWidth20: "2px";
+    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";
+        colorBackgroundNeutralLightest: "#f5f8ff";
+        colorBackgroundPrimary: "#027ac5";
+        colorBackgroundPrimaryDark: "#003e82";
+        colorBackgroundPrimaryDarker: "#032c5e";
+        colorBackgroundPrimaryLight: "#b3d3e9";
+        colorBackgroundPrimaryLighter: "#dceaf4";
+        colorBackgroundPrimaryLightest: "#f5f8ff";
+        colorBackgroundRowStriped: "#f8f8f9";
+        colorBackgroundSuccess: "#00994a";
+        colorBackgroundSuccessLightest: "#e0ffef";
+        colorBackgroundWarning: "#e46216";
+        colorBackgroundWarningLightest: "#ffecd8";
     };
-    radii: {
-        borderRadius0: 0;
-        borderRadius10: "3px";
-        borderRadius20: "4px";
-        borderRadius30: "8px";
-        borderRadiusCircle: "50%";
-    };
-    breakpoints: ("25rem" | "64rem" | "77rem")[];
-    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: {
@@ -346,26 +442,2 @@ fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace";
     };
-    textColors: {
-        colorText: "#282a2b";
-        colorTextBrandHighlight: "#f22f46";
-        colorTextBrandInverse: "#ffffff";
-        colorTextError: "#e22525";
-        colorTextErrorDark: "#921200";
-        colorTextIcon: "#666a6d";
-        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";
-        colorTextWarningDark: "#a83e00";
-        colorTextWeak: "#666a6d";
-    };
     zIndices: {
@@ -372,0 +444,0 @@ zIndex0: 0;

dist/default/index.d.ts

@@ -6,3 +6,76 @@ export declare const DefaultTheme: {
     };
-    backgroundColors: {
+    borderWidths: {
+        borderWidth0: 0;
+        borderWidth10: "1px";
+        borderWidth20: "2px";
+    };
+    radii: {
+        borderRadius0: 0;
+        borderRadius10: "3px";
+        borderRadius20: "4px";
+        borderRadius30: "8px";
+        borderRadiusCircle: "50%";
+    };
+    breakpoints: ("25rem" | "64rem" | "77rem")[];
+    colors: {
+        colorBrand: "#233659";
+        colorBrandHighlight: "#f22f46";
+        colorGray0: "#ffffff";
+        colorGray10: "#f4f4f6";
+        colorGray100: "#121c2d";
+        colorGray20: "#e1e3ea";
+        colorGray30: "#cacdd8";
+        colorGray40: "#aeb2c1";
+        colorGray50: "#8891aa";
+        colorGray60: "#606b85";
+        colorGray70: "#4b5671";
+        colorGray80: "#394762";
+        colorGray90: "#1f304c";
+        colorText: "#121c2d";
+        colorTextBrandHighlight: "#f22f46";
+        colorTextBrandInverse: "#ffffff";
+        colorTextError: "#d61f1f";
+        colorTextErrorDark: "#ad1111";
+        colorTextIcon: "#4b5671";
+        colorTextInverse: "#ffffff";
+        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";
+        colorTextWarningDark: "#c35323";
+        colorTextWeak: "#4b5671";
+        colorBorder: "#aeb2c1";
+        colorBorderDark: "#606b85";
+        colorBorderDestructive: "#d61f1f";
+        colorBorderDestructiveDark: "#750c0c";
+        colorBorderDestructiveDarker: "#4a0b0b";
+        colorBorderDestructiveLight: "#f58a8a";
+        colorBorderDestructiveLighter: "#fccfcf";
+        colorBorderError: "#d61f1f";
+        colorBorderErrorLight: "#f58a8a";
+        colorBorderErrorLightest: "#feecec";
+        colorBorderInput: "#606b85";
+        colorBorderInputFocus: "#0263e0";
+        colorBorderInputHover: "#0263e0";
+        colorBorderLight: "#e1e3ea";
+        colorBorderNeutralLight: "#8891aa";
+        colorBorderPrimary: "#0263e0";
+        colorBorderPrimaryDark: "#001489";
+        colorBorderPrimaryDarker: "#030b5d";
+        colorBorderPrimaryLight: "#66b3ff";
+        colorBorderPrimaryLighter: "#cce4ff";
+        colorBorderSuccess: "#14b053";
+        colorBorderSuccessLightest: "#edfdf3";
+        colorBorderWarning: "#f47c22";
+        colorBorderWarningLight: "#ffb37a";
+        colorBorderWarningLightest: "#fef5ee";
         colorBackground: "#f4f4f6";
@@ -34,2 +107,26 @@ colorBackgroundBody: "#ffffff";
     };
+    textColors: {
+        colorText: "#121c2d";
+        colorTextBrandHighlight: "#f22f46";
+        colorTextBrandInverse: "#ffffff";
+        colorTextError: "#d61f1f";
+        colorTextErrorDark: "#ad1111";
+        colorTextIcon: "#4b5671";
+        colorTextInverse: "#ffffff";
+        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";
+        colorTextWarningDark: "#c35323";
+        colorTextWeak: "#4b5671";
+    };
     borderColors: {
@@ -62,30 +159,29 @@ colorBorder: "#aeb2c1";
     };
-    borderWidths: {
-        borderWidth0: 0;
-        borderWidth10: "1px";
-        borderWidth20: "2px";
+    backgroundColors: {
+        colorBackground: "#f4f4f6";
+        colorBackgroundBody: "#ffffff";
+        colorBackgroundBrand: "#233659";
+        colorBackgroundBrandHighlight: "#f22f46";
+        colorBackgroundDestructive: "#d61f1f";
+        colorBackgroundDestructiveDark: "#750c0c";
+        colorBackgroundDestructiveDarker: "#4a0b0b";
+        colorBackgroundDestructiveLight: "#f58a8a";
+        colorBackgroundDestructiveLighter: "#fccfcf";
+        colorBackgroundDestructiveLightest: "#feecec";
+        colorBackgroundError: "#d61f1f";
+        colorBackgroundErrorLightest: "#feecec";
+        colorBackgroundInverse: "#1f304c";
+        colorBackgroundNeutralLightest: "#ebf4ff";
+        colorBackgroundPrimary: "#0263e0";
+        colorBackgroundPrimaryDark: "#001489";
+        colorBackgroundPrimaryDarker: "#030b5d";
+        colorBackgroundPrimaryLight: "#66b3ff";
+        colorBackgroundPrimaryLighter: "#cce4ff";
+        colorBackgroundPrimaryLightest: "#ebf4ff";
+        colorBackgroundRowStriped: "#f4f4f6";
+        colorBackgroundSuccess: "#14b053";
+        colorBackgroundSuccessLightest: "#edfdf3";
+        colorBackgroundWarning: "#f47c22";
+        colorBackgroundWarningLightest: "#fef5ee";
     };
-    radii: {
-        borderRadius0: 0;
-        borderRadius10: "3px";
-        borderRadius20: "4px";
-        borderRadius30: "8px";
-        borderRadiusCircle: "50%";
-    };
-    breakpoints: ("25rem" | "64rem" | "77rem")[];
-    colors: {
-        colorBrand: "#233659";
-        colorBrandHighlight: "#f22f46";
-        colorGray0: "#ffffff";
-        colorGray10: "#f4f4f6";
-        colorGray100: "#121c2d";
-        colorGray20: "#e1e3ea";
-        colorGray30: "#cacdd8";
-        colorGray40: "#aeb2c1";
-        colorGray50: "#8891aa";
-        colorGray60: "#606b85";
-        colorGray70: "#4b5671";
-        colorGray80: "#394762";
-        colorGray90: "#1f304c";
-    };
     fonts: {
@@ -346,26 +442,2 @@ fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace";
     };
-    textColors: {
-        colorText: "#121c2d";
-        colorTextBrandHighlight: "#f22f46";
-        colorTextBrandInverse: "#ffffff";
-        colorTextError: "#d61f1f";
-        colorTextErrorDark: "#ad1111";
-        colorTextIcon: "#4b5671";
-        colorTextInverse: "#ffffff";
-        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";
-        colorTextWarningDark: "#c35323";
-        colorTextWeak: "#4b5671";
-    };
     zIndices: {
@@ -372,0 +444,0 @@ zIndex0: 0;

dist/index.es.js

@@ -1,1 +0,15 @@
-import{sizings as e,boxShadows as r,backgroundColors as o,borderColors as c,borderWidths as i,radii as s,colors as a,fonts as n,fontSizes as t,fontWeights as d,lineHeights as l,spacings as f,textColors as g,zIndices as m}from"@twilio-paste/design-tokens";var z={shadows:r,backgroundColors:o,borderColors:c,borderWidths:i,radii:s,breakpoints:[e.size40,e.size100,e.size120],colors:a,fonts:n,fontSizes:t,fontWeights:d,lineHeights:l,widths:e,maxWidths:e,minWidths:e,heights:e,maxHeights:e,minHeights:e,sizes:e,iconSizes:{sizeIcon10:e.sizeIcon10,sizeIcon20:e.sizeIcon20,sizeIcon30:e.sizeIcon30,sizeIcon40:e.sizeIcon40,sizeIcon50:e.sizeIcon50,sizeIcon60:e.sizeIcon60,sizeIcon70:e.sizeIcon70,sizeIcon80:e.sizeIcon80,sizeIcon90:e.sizeIcon90,sizeIcon100:e.sizeIcon100,sizeIcon110:e.sizeIcon110},space:f,textColors:g,zIndices:m};const h={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"};var I={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:"#ff8c85",colorBackgroundDestructiveLighter:"#ffb9b3",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#08152c",colorBackgroundNeutralLightest:"#f5f8ff",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#baccff",colorBackgroundPrimaryLighter:"#dbe6ff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors:{colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#700600",colorBorderDestructiveDarker:"#470500",colorBorderDestructiveLight:"#ff8c85",colorBorderDestructiveLighter:"#ffb9b3",colorBorderError:"#ac1e16",colorBorderErrorLight:"#e8534a",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#8894aa",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderNeutralLight:"#b6bfce",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#baccff",colorBorderPrimaryLighter:"#dbe6ff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#fa9c66",colorBorderWarningLightest:"#ffecd8"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[h.size40,h.size100,h.size120],colors:{colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#8894aa",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:h,maxWidths:h,minWidths:h,heights:h,maxHeights:h,minHeights:h,sizes:h,iconSizes:{sizeIcon10:h.sizeIcon10,sizeIcon20:h.sizeIcon20,sizeIcon30:h.sizeIcon30,sizeIcon40:h.sizeIcon40,sizeIcon50:h.sizeIcon50,sizeIcon60:h.sizeIcon60,sizeIcon70:h.sizeIcon70,sizeIcon80:h.sizeIcon80,sizeIcon90:h.sizeIcon90,sizeIcon100:h.sizeIcon100,sizeIcon110:h.sizeIcon110},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",colorTextErrorDark:"#940800",colorTextIcon:"#8894aa",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#700600",colorTextLinkDestructiveDarker:"#470500",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#8894aa",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWarningDark:"#a83e00",colorTextWeak:"#475672"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};const u={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"};var B={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",colorBackgroundNeutralLightest:"#f5f8ff",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",colorBorderErrorLight:"#de5858",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#888c8e",colorBorderInputFocus:"#027ac5",colorBorderInputHover:"#027ac5",colorBorderLight:"#e4e7e9",colorBorderNeutralLight:"#c8cccf",colorBorderPrimary:"#027ac5",colorBorderPrimaryDark:"#003e82",colorBorderPrimaryDarker:"#032c5e",colorBorderPrimaryLight:"#b3d3e9",colorBorderPrimaryLighter:"#dceaf4",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#f28510",colorBorderWarningLightest:"#ffecd8"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[u.size40,u.size100,u.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:u,maxWidths:u,minWidths:u,heights:u,maxHeights:u,minHeights:u,sizes:u,iconSizes:{sizeIcon10:u.sizeIcon10,sizeIcon20:u.sizeIcon20,sizeIcon30:u.sizeIcon30,sizeIcon40:u.sizeIcon40,sizeIcon50:u.sizeIcon50,sizeIcon60:u.sizeIcon60,sizeIcon70:u.sizeIcon70,sizeIcon80:u.sizeIcon80,sizeIcon90:u.sizeIcon90,sizeIcon100:u.sizeIcon100,sizeIcon110:u.sizeIcon110},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",colorTextErrorDark:"#921200",colorTextIcon:"#666a6d",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",colorTextWarningDark:"#a83e00",colorTextWeak:"#666a6d"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};export{B as ConsoleTheme,z as DefaultTheme,I as SendGridTheme};
+import{sizings as e,boxShadows as r,borderWidths as o,radii as c,backgroundColors as i,borderColors as s,textColors as a,fonts as n,fontSizes as t,fontWeights as d,lineHeights as l,spacings as f,zIndices as g,colors as m}from"@twilio-paste/design-tokens";
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */var z=function(){return(z=Object.assign||function(e){for(var r,o=1,c=arguments.length;o<c;o++)for(var i in r=arguments[o])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)},h={shadows:r,borderWidths:o,radii:c,breakpoints:[e.size40,e.size100,e.size120],colors:z(z(z(z({},i),s),a),m),textColors:a,borderColors:s,backgroundColors:i,fonts:n,fontSizes:t,fontWeights:d,lineHeights:l,widths:e,maxWidths:e,minWidths:e,heights:e,maxHeights:e,minHeights:e,sizes:e,iconSizes:{sizeIcon10:e.sizeIcon10,sizeIcon20:e.sizeIcon20,sizeIcon30:e.sizeIcon30,sizeIcon40:e.sizeIcon40,sizeIcon50:e.sizeIcon50,sizeIcon60:e.sizeIcon60,sizeIcon70:e.sizeIcon70,sizeIcon80:e.sizeIcon80,sizeIcon90:e.sizeIcon90,sizeIcon100:e.sizeIcon100,sizeIcon110:e.sizeIcon110},space:f,zIndices:g};const u={colorBackground:"#f3f4f6",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#ce241a",colorBackgroundDestructiveDark:"#700600",colorBackgroundDestructiveDarker:"#470500",colorBackgroundDestructiveLight:"#ff8c85",colorBackgroundDestructiveLighter:"#ffb9b3",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#08152c",colorBackgroundNeutralLightest:"#f5f8ff",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#baccff",colorBackgroundPrimaryLighter:"#dbe6ff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},I={colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#700600",colorBorderDestructiveDarker:"#470500",colorBorderDestructiveLight:"#ff8c85",colorBorderDestructiveLighter:"#ffb9b3",colorBorderError:"#ac1e16",colorBorderErrorLight:"#e8534a",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#8894aa",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderNeutralLight:"#b6bfce",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#baccff",colorBorderPrimaryLighter:"#dbe6ff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#fa9c66",colorBorderWarningLightest:"#ffecd8"},B={colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#8894aa",colorGray80:"#475672",colorGray90:"#1d2944"},k={fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Colfax', Helvetica, Arial, sans-serif"},x={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"},p={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},b={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"},L={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"},D={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"},y={colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextErrorDark:"#940800",colorTextIcon:"#8894aa",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#700600",colorTextLinkDestructiveDarker:"#470500",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#8894aa",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWarningDark:"#a83e00",colorTextWeak:"#475672"},W={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var v={shadows:{shadowCard:"0 2px 4px 0 rgba(18, 28, 45, 0.3)",shadowFocus:"0 0 0 4px rgba(51, 104, 250, 0.8)"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[L.size40,L.size100,L.size120],colors:z(z(z(z({},u),I),y),B),textColors:y,borderColors:I,backgroundColors:u,fonts:k,fontSizes:x,fontWeights:p,lineHeights:b,widths:L,maxWidths:L,minWidths:L,heights:L,maxHeights:L,minHeights:L,sizes:L,iconSizes:{sizeIcon10:L.sizeIcon10,sizeIcon20:L.sizeIcon20,sizeIcon30:L.sizeIcon30,sizeIcon40:L.sizeIcon40,sizeIcon50:L.sizeIcon50,sizeIcon60:L.sizeIcon60,sizeIcon70:L.sizeIcon70,sizeIcon80:L.sizeIcon80,sizeIcon90:L.sizeIcon90,sizeIcon100:L.sizeIcon100,sizeIcon110:L.sizeIcon110},space:D,zIndices:W};const S={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",colorBackgroundNeutralLightest:"#f5f8ff",colorBackgroundPrimary:"#027ac5",colorBackgroundPrimaryDark:"#003e82",colorBackgroundPrimaryDarker:"#032c5e",colorBackgroundPrimaryLight:"#b3d3e9",colorBackgroundPrimaryLighter:"#dceaf4",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f8f8f9",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},T={colorBorder:"#c8cccf",colorBorderDark:"#888c8e",colorBorderDestructive:"#e22525",colorBorderDestructiveDark:"#921200",colorBorderDestructiveDarker:"#600101",colorBorderDestructiveLight:"#ecb6b6",colorBorderDestructiveLighter:"#f5dddd",colorBorderError:"#e22525",colorBorderErrorLight:"#de5858",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#888c8e",colorBorderInputFocus:"#027ac5",colorBorderInputHover:"#027ac5",colorBorderLight:"#e4e7e9",colorBorderNeutralLight:"#c8cccf",colorBorderPrimary:"#027ac5",colorBorderPrimaryDark:"#003e82",colorBorderPrimaryDarker:"#032c5e",colorBorderPrimaryLight:"#b3d3e9",colorBorderPrimaryLighter:"#dceaf4",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#f28510",colorBorderWarningLightest:"#ffecd8"},H={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"},P={fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif"},C={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"},G={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"500"},w={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"},E={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"},R={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"},F={colorText:"#282a2b",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#e22525",colorTextErrorDark:"#921200",colorTextIcon:"#666a6d",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",colorTextWarningDark:"#a83e00",colorTextWeak:"#666a6d"},N={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var M={shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus:"0 0 0 4px rgba(2, 122, 197, 0.8)"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[E.size40,E.size100,E.size120],colors:z(z(z(z({},S),T),F),H),textColors:F,borderColors:T,backgroundColors:S,fonts:P,fontSizes:C,fontWeights:G,lineHeights:w,widths:E,maxWidths:E,minWidths:E,heights:E,maxHeights:E,minHeights:E,sizes:E,iconSizes:{sizeIcon10:E.sizeIcon10,sizeIcon20:E.sizeIcon20,sizeIcon30:E.sizeIcon30,sizeIcon40:E.sizeIcon40,sizeIcon50:E.sizeIcon50,sizeIcon60:E.sizeIcon60,sizeIcon70:E.sizeIcon70,sizeIcon80:E.sizeIcon80,sizeIcon90:E.sizeIcon90,sizeIcon100:E.sizeIcon100,sizeIcon110:E.sizeIcon110},space:R,zIndices:N};export{M as ConsoleTheme,h as DefaultTheme,v as SendGridTheme};

dist/index.js

@@ -1,1 +0,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@twilio-paste/design-tokens"),r=[e.sizings.size40,e.sizings.size100,e.sizings.size120],o={shadows:e.boxShadows,backgroundColors:e.backgroundColors,borderColors:e.borderColors,borderWidths:e.borderWidths,radii:e.radii,breakpoints:r,colors:e.colors,fonts:e.fonts,fontSizes:e.fontSizes,fontWeights:e.fontWeights,lineHeights:e.lineHeights,widths:e.sizings,maxWidths:e.sizings,minWidths:e.sizings,heights:e.sizings,maxHeights:e.sizings,minHeights:e.sizings,sizes:e.sizings,iconSizes:{sizeIcon10:e.sizings.sizeIcon10,sizeIcon20:e.sizings.sizeIcon20,sizeIcon30:e.sizings.sizeIcon30,sizeIcon40:e.sizings.sizeIcon40,sizeIcon50:e.sizings.sizeIcon50,sizeIcon60:e.sizings.sizeIcon60,sizeIcon70:e.sizings.sizeIcon70,sizeIcon80:e.sizings.sizeIcon80,sizeIcon90:e.sizings.sizeIcon90,sizeIcon100:e.sizings.sizeIcon100,sizeIcon110:e.sizings.sizeIcon110},space:e.spacings,textColors:e.textColors,zIndices:e.zIndices};const c={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"};var i={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:"#ff8c85",colorBackgroundDestructiveLighter:"#ffb9b3",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#08152c",colorBackgroundNeutralLightest:"#f5f8ff",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#baccff",colorBackgroundPrimaryLighter:"#dbe6ff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},borderColors:{colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#700600",colorBorderDestructiveDarker:"#470500",colorBorderDestructiveLight:"#ff8c85",colorBorderDestructiveLighter:"#ffb9b3",colorBorderError:"#ac1e16",colorBorderErrorLight:"#e8534a",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#8894aa",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderNeutralLight:"#b6bfce",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#baccff",colorBorderPrimaryLighter:"#dbe6ff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#fa9c66",colorBorderWarningLightest:"#ffecd8"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[c.size40,c.size100,c.size120],colors:{colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#8894aa",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:c,maxWidths:c,minWidths:c,heights:c,maxHeights:c,minHeights:c,sizes:c,iconSizes:{sizeIcon10:c.sizeIcon10,sizeIcon20:c.sizeIcon20,sizeIcon30:c.sizeIcon30,sizeIcon40:c.sizeIcon40,sizeIcon50:c.sizeIcon50,sizeIcon60:c.sizeIcon60,sizeIcon70:c.sizeIcon70,sizeIcon80:c.sizeIcon80,sizeIcon90:c.sizeIcon90,sizeIcon100:c.sizeIcon100,sizeIcon110:c.sizeIcon110},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",colorTextErrorDark:"#940800",colorTextIcon:"#8894aa",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#700600",colorTextLinkDestructiveDarker:"#470500",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#8894aa",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWarningDark:"#a83e00",colorTextWeak:"#475672"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};const s={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"};var n={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",colorBackgroundNeutralLightest:"#f5f8ff",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",colorBorderErrorLight:"#de5858",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#888c8e",colorBorderInputFocus:"#027ac5",colorBorderInputHover:"#027ac5",colorBorderLight:"#e4e7e9",colorBorderNeutralLight:"#c8cccf",colorBorderPrimary:"#027ac5",colorBorderPrimaryDark:"#003e82",colorBorderPrimaryDarker:"#032c5e",colorBorderPrimaryLight:"#b3d3e9",colorBorderPrimaryLighter:"#dceaf4",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#f28510",colorBorderWarningLightest:"#ffecd8"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[s.size40,s.size100,s.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:s,maxWidths:s,minWidths:s,heights:s,maxHeights:s,minHeights:s,sizes:s,iconSizes:{sizeIcon10:s.sizeIcon10,sizeIcon20:s.sizeIcon20,sizeIcon30:s.sizeIcon30,sizeIcon40:s.sizeIcon40,sizeIcon50:s.sizeIcon50,sizeIcon60:s.sizeIcon60,sizeIcon70:s.sizeIcon70,sizeIcon80:s.sizeIcon80,sizeIcon90:s.sizeIcon90,sizeIcon100:s.sizeIcon100,sizeIcon110:s.sizeIcon110},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",colorTextErrorDark:"#921200",colorTextIcon:"#666a6d",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",colorTextWarningDark:"#a83e00",colorTextWeak:"#666a6d"},zIndices:{zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"}};exports.ConsoleTheme=n,exports.DefaultTheme=o,exports.SendGridTheme=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@twilio-paste/design-tokens"),r=function(){return(r=Object.assign||function(e){for(var r,o=1,c=arguments.length;o<c;o++)for(var i in r=arguments[o])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)},o=[e.sizings.size40,e.sizings.size100,e.sizings.size120],c={shadows:e.boxShadows,borderWidths:e.borderWidths,radii:e.radii,breakpoints:o,colors:r(r(r(r({},e.backgroundColors),e.borderColors),e.textColors),e.colors),textColors:e.textColors,borderColors:e.borderColors,backgroundColors:e.backgroundColors,fonts:e.fonts,fontSizes:e.fontSizes,fontWeights:e.fontWeights,lineHeights:e.lineHeights,widths:e.sizings,maxWidths:e.sizings,minWidths:e.sizings,heights:e.sizings,maxHeights:e.sizings,minHeights:e.sizings,sizes:e.sizings,iconSizes:{sizeIcon10:e.sizings.sizeIcon10,sizeIcon20:e.sizings.sizeIcon20,sizeIcon30:e.sizings.sizeIcon30,sizeIcon40:e.sizings.sizeIcon40,sizeIcon50:e.sizings.sizeIcon50,sizeIcon60:e.sizings.sizeIcon60,sizeIcon70:e.sizings.sizeIcon70,sizeIcon80:e.sizings.sizeIcon80,sizeIcon90:e.sizings.sizeIcon90,sizeIcon100:e.sizings.sizeIcon100,sizeIcon110:e.sizings.sizeIcon110},space:e.spacings,zIndices:e.zIndices};
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */const i={colorBackground:"#f3f4f6",colorBackgroundBody:"#ffffff",colorBackgroundBrand:"#233659",colorBackgroundBrandHighlight:"#f22f46",colorBackgroundDestructive:"#ce241a",colorBackgroundDestructiveDark:"#700600",colorBackgroundDestructiveDarker:"#470500",colorBackgroundDestructiveLight:"#ff8c85",colorBackgroundDestructiveLighter:"#ffb9b3",colorBackgroundDestructiveLightest:"#ffe9e7",colorBackgroundError:"#ac1e16",colorBackgroundErrorLightest:"#ffe9e7",colorBackgroundInverse:"#08152c",colorBackgroundNeutralLightest:"#f5f8ff",colorBackgroundPrimary:"#3368fa",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#baccff",colorBackgroundPrimaryLighter:"#dbe6ff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},s={colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ce241a",colorBorderDestructiveDark:"#700600",colorBorderDestructiveDarker:"#470500",colorBorderDestructiveLight:"#ff8c85",colorBorderDestructiveLighter:"#ffb9b3",colorBorderError:"#ac1e16",colorBorderErrorLight:"#e8534a",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#8894aa",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderNeutralLight:"#b6bfce",colorBorderPrimary:"#3368fa",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#baccff",colorBorderPrimaryLighter:"#dbe6ff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#fa9c66",colorBorderWarningLightest:"#ffecd8"},n={colorBrand:"#08152c",colorBrandHighlight:"#3368fa",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#8894aa",colorGray80:"#475672",colorGray90:"#1d2944"},t={fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Colfax', Helvetica, Arial, sans-serif"},a={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"},d={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},l={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"},f={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"},g={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"},z={colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextErrorDark:"#940800",colorTextIcon:"#8894aa",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ce241a",colorTextLinkDestructiveDark:"#700600",colorTextLinkDestructiveDarker:"#470500",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#8894aa",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWarningDark:"#a83e00",colorTextWeak:"#475672"},m={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var h={shadows:{shadowCard:"0 2px 4px 0 rgba(18, 28, 45, 0.3)",shadowFocus:"0 0 0 4px rgba(51, 104, 250, 0.8)"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[f.size40,f.size100,f.size120],colors:r(r(r(r({},i),s),z),n),textColors:z,borderColors:s,backgroundColors:i,fonts:t,fontSizes:a,fontWeights:d,lineHeights:l,widths:f,maxWidths:f,minWidths:f,heights:f,maxHeights:f,minHeights:f,sizes:f,iconSizes:{sizeIcon10:f.sizeIcon10,sizeIcon20:f.sizeIcon20,sizeIcon30:f.sizeIcon30,sizeIcon40:f.sizeIcon40,sizeIcon50:f.sizeIcon50,sizeIcon60:f.sizeIcon60,sizeIcon70:f.sizeIcon70,sizeIcon80:f.sizeIcon80,sizeIcon90:f.sizeIcon90,sizeIcon100:f.sizeIcon100,sizeIcon110:f.sizeIcon110},space:g,zIndices:m};const u={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",colorBackgroundNeutralLightest:"#f5f8ff",colorBackgroundPrimary:"#027ac5",colorBackgroundPrimaryDark:"#003e82",colorBackgroundPrimaryDarker:"#032c5e",colorBackgroundPrimaryLight:"#b3d3e9",colorBackgroundPrimaryLighter:"#dceaf4",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f8f8f9",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},I={colorBorder:"#c8cccf",colorBorderDark:"#888c8e",colorBorderDestructive:"#e22525",colorBorderDestructiveDark:"#921200",colorBorderDestructiveDarker:"#600101",colorBorderDestructiveLight:"#ecb6b6",colorBorderDestructiveLighter:"#f5dddd",colorBorderError:"#e22525",colorBorderErrorLight:"#de5858",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#888c8e",colorBorderInputFocus:"#027ac5",colorBorderInputHover:"#027ac5",colorBorderLight:"#e4e7e9",colorBorderNeutralLight:"#c8cccf",colorBorderPrimary:"#027ac5",colorBorderPrimaryDark:"#003e82",colorBorderPrimaryDarker:"#032c5e",colorBorderPrimaryLight:"#b3d3e9",colorBorderPrimaryLighter:"#dceaf4",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLight:"#f28510",colorBorderWarningLightest:"#ffecd8"},B={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"},k={fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif"},x={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"},p={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"500"},b={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"},L={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",sizeIcon100:"3.25rem",sizeIcon110:"3.75rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem",sizeIcon40:"1.75rem",sizeIcon50:"1.75rem",sizeIcon60:"1.75rem",sizeIcon70:"2rem",sizeIcon80:"2.25rem",sizeIcon90:"2.5rem"},D={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"},y={colorText:"#282a2b",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#e22525",colorTextErrorDark:"#921200",colorTextIcon:"#666a6d",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",colorTextWarningDark:"#a83e00",colorTextWeak:"#666a6d"},W={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var v={shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus:"0 0 0 4px rgba(2, 122, 197, 0.8)"},borderWidths:{borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},breakpoints:[L.size40,L.size100,L.size120],colors:r(r(r(r({},u),I),y),B),textColors:y,borderColors:I,backgroundColors:u,fonts:k,fontSizes:x,fontWeights:p,lineHeights:b,widths:L,maxWidths:L,minWidths:L,heights:L,maxHeights:L,minHeights:L,sizes:L,iconSizes:{sizeIcon10:L.sizeIcon10,sizeIcon20:L.sizeIcon20,sizeIcon30:L.sizeIcon30,sizeIcon40:L.sizeIcon40,sizeIcon50:L.sizeIcon50,sizeIcon60:L.sizeIcon60,sizeIcon70:L.sizeIcon70,sizeIcon80:L.sizeIcon80,sizeIcon90:L.sizeIcon90,sizeIcon100:L.sizeIcon100,sizeIcon110:L.sizeIcon110},space:D,zIndices:W};exports.ConsoleTheme=v,exports.DefaultTheme=c,exports.SendGridTheme=h;

dist/sendgrid/index.d.ts

@@ -6,3 +6,76 @@ export declare const SendGridTheme: {
     };
-    backgroundColors: {
+    borderWidths: {
+        borderWidth0: 0;
+        borderWidth10: "1px";
+        borderWidth20: "2px";
+    };
+    radii: {
+        borderRadius0: 0;
+        borderRadius10: "3px";
+        borderRadius20: "4px";
+        borderRadius30: "8px";
+        borderRadiusCircle: "50%";
+    };
+    breakpoints: ("25rem" | "64rem" | "77rem")[];
+    colors: {
+        colorBrand: "#08152c";
+        colorBrandHighlight: "#3368fa";
+        colorGray0: "#ffffff";
+        colorGray10: "#f9fafb";
+        colorGray100: "#08152c";
+        colorGray20: "#f3f4f6";
+        colorGray30: "#e5e7ec";
+        colorGray40: "#ccd2dc";
+        colorGray50: "#b6bfce";
+        colorGray60: "#9ca7ba";
+        colorGray70: "#8894aa";
+        colorGray80: "#475672";
+        colorGray90: "#1d2944";
+        colorText: "#08152c";
+        colorTextBrandHighlight: "#f22f46";
+        colorTextBrandInverse: "#ffffff";
+        colorTextError: "#ac1e16";
+        colorTextErrorDark: "#940800";
+        colorTextIcon: "#8894aa";
+        colorTextInverse: "#ffffff";
+        colorTextInverseWeak: "#9ca7ba";
+        colorTextLabel: "#08152c";
+        colorTextLink: "#003adb";
+        colorTextLinkDark: "#002ca6";
+        colorTextLinkDarker: "#001f75";
+        colorTextLinkDestructive: "#ce241a";
+        colorTextLinkDestructiveDark: "#700600";
+        colorTextLinkDestructiveDarker: "#470500";
+        colorTextLinkDestructiveLight: "#e8534a";
+        colorTextLinkLight: "#85a5ff";
+        colorTextPlaceholder: "#8894aa";
+        colorTextSuccess: "#00994a";
+        colorTextWarning: "#e46216";
+        colorTextWarningDark: "#a83e00";
+        colorTextWeak: "#475672";
+        colorBorder: "#b6bfce";
+        colorBorderDark: "#9ca7ba";
+        colorBorderDestructive: "#ce241a";
+        colorBorderDestructiveDark: "#700600";
+        colorBorderDestructiveDarker: "#470500";
+        colorBorderDestructiveLight: "#ff8c85";
+        colorBorderDestructiveLighter: "#ffb9b3";
+        colorBorderError: "#ac1e16";
+        colorBorderErrorLight: "#e8534a";
+        colorBorderErrorLightest: "#ffe9e7";
+        colorBorderInput: "#8894aa";
+        colorBorderInputFocus: "#003adb";
+        colorBorderInputHover: "#003adb";
+        colorBorderLight: "#ccd2dc";
+        colorBorderNeutralLight: "#b6bfce";
+        colorBorderPrimary: "#3368fa";
+        colorBorderPrimaryDark: "#002ca6";
+        colorBorderPrimaryDarker: "#001f75";
+        colorBorderPrimaryLight: "#baccff";
+        colorBorderPrimaryLighter: "#dbe6ff";
+        colorBorderSuccess: "#00994a";
+        colorBorderSuccessLightest: "#e0ffef";
+        colorBorderWarning: "#e46216";
+        colorBorderWarningLight: "#fa9c66";
+        colorBorderWarningLightest: "#ffecd8";
         colorBackground: "#f3f4f6";
@@ -34,2 +107,26 @@ colorBackgroundBody: "#ffffff";
     };
+    textColors: {
+        colorText: "#08152c";
+        colorTextBrandHighlight: "#f22f46";
+        colorTextBrandInverse: "#ffffff";
+        colorTextError: "#ac1e16";
+        colorTextErrorDark: "#940800";
+        colorTextIcon: "#8894aa";
+        colorTextInverse: "#ffffff";
+        colorTextInverseWeak: "#9ca7ba";
+        colorTextLabel: "#08152c";
+        colorTextLink: "#003adb";
+        colorTextLinkDark: "#002ca6";
+        colorTextLinkDarker: "#001f75";
+        colorTextLinkDestructive: "#ce241a";
+        colorTextLinkDestructiveDark: "#700600";
+        colorTextLinkDestructiveDarker: "#470500";
+        colorTextLinkDestructiveLight: "#e8534a";
+        colorTextLinkLight: "#85a5ff";
+        colorTextPlaceholder: "#8894aa";
+        colorTextSuccess: "#00994a";
+        colorTextWarning: "#e46216";
+        colorTextWarningDark: "#a83e00";
+        colorTextWeak: "#475672";
+    };
     borderColors: {
@@ -62,30 +159,29 @@ colorBorder: "#b6bfce";
     };
-    borderWidths: {
-        borderWidth0: 0;
-        borderWidth10: "1px";
-        borderWidth20: "2px";
+    backgroundColors: {
+        colorBackground: "#f3f4f6";
+        colorBackgroundBody: "#ffffff";
+        colorBackgroundBrand: "#233659";
+        colorBackgroundBrandHighlight: "#f22f46";
+        colorBackgroundDestructive: "#ce241a";
+        colorBackgroundDestructiveDark: "#700600";
+        colorBackgroundDestructiveDarker: "#470500";
+        colorBackgroundDestructiveLight: "#ff8c85";
+        colorBackgroundDestructiveLighter: "#ffb9b3";
+        colorBackgroundDestructiveLightest: "#ffe9e7";
+        colorBackgroundError: "#ac1e16";
+        colorBackgroundErrorLightest: "#ffe9e7";
+        colorBackgroundInverse: "#08152c";
+        colorBackgroundNeutralLightest: "#f5f8ff";
+        colorBackgroundPrimary: "#3368fa";
+        colorBackgroundPrimaryDark: "#002ca6";
+        colorBackgroundPrimaryDarker: "#001f75";
+        colorBackgroundPrimaryLight: "#baccff";
+        colorBackgroundPrimaryLighter: "#dbe6ff";
+        colorBackgroundPrimaryLightest: "#f5f8ff";
+        colorBackgroundRowStriped: "#f9fafb";
+        colorBackgroundSuccess: "#00994a";
+        colorBackgroundSuccessLightest: "#e0ffef";
+        colorBackgroundWarning: "#e46216";
+        colorBackgroundWarningLightest: "#ffecd8";
     };
-    radii: {
-        borderRadius0: 0;
-        borderRadius10: "3px";
-        borderRadius20: "4px";
-        borderRadius30: "8px";
-        borderRadiusCircle: "50%";
-    };
-    breakpoints: ("25rem" | "64rem" | "77rem")[];
-    colors: {
-        colorBrand: "#08152c";
-        colorBrandHighlight: "#3368fa";
-        colorGray0: "#ffffff";
-        colorGray10: "#f9fafb";
-        colorGray100: "#08152c";
-        colorGray20: "#f3f4f6";
-        colorGray30: "#e5e7ec";
-        colorGray40: "#ccd2dc";
-        colorGray50: "#b6bfce";
-        colorGray60: "#9ca7ba";
-        colorGray70: "#8894aa";
-        colorGray80: "#475672";
-        colorGray90: "#1d2944";
-    };
     fonts: {
@@ -346,26 +442,2 @@ fontFamilyCode: "'Fira Mono', 'Courier New', Courier, monospace";
     };
-    textColors: {
-        colorText: "#08152c";
-        colorTextBrandHighlight: "#f22f46";
-        colorTextBrandInverse: "#ffffff";
-        colorTextError: "#ac1e16";
-        colorTextErrorDark: "#940800";
-        colorTextIcon: "#8894aa";
-        colorTextInverse: "#ffffff";
-        colorTextInverseWeak: "#9ca7ba";
-        colorTextLabel: "#08152c";
-        colorTextLink: "#003adb";
-        colorTextLinkDark: "#002ca6";
-        colorTextLinkDarker: "#001f75";
-        colorTextLinkDestructive: "#ce241a";
-        colorTextLinkDestructiveDark: "#700600";
-        colorTextLinkDestructiveDarker: "#470500";
-        colorTextLinkDestructiveLight: "#e8534a";
-        colorTextLinkLight: "#85a5ff";
-        colorTextPlaceholder: "#8894aa";
-        colorTextSuccess: "#00994a";
-        colorTextWarning: "#e46216";
-        colorTextWarningDark: "#a83e00";
-        colorTextWeak: "#475672";
-    };
     zIndices: {
@@ -372,0 +444,0 @@ zIndex0: 0;

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "",
@@ -25,3 +25,3 @@ "author": "Twilio Inc.",
   "peerDependencies": {
-    "@twilio-paste/design-tokens": "^4.1.4"
+    "@twilio-paste/design-tokens": "^4.2.0"
   },
@@ -39,3 +39,3 @@ "devDependencies": {
   },
-  "gitHead": "cce1833acb0b33863a4a2012813429c5b0ee19ed"
+  "gitHead": "1189744aa1c54c87021e81c53ab28172d2f5e49a"
 }

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

Mixed license

License

(Experimental) Package contains multiple licenses.

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

81643

increased by17.7%

Lines of code

1479

increased by19.56%

Worsened metrics

Number of low license alerts

1

increased byInfinity%

No dependency changes