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

Comparing version 3.1.1 to 3.1.2

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [3.1.2](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@3.1.1...@twilio-paste/theme-tokens@3.1.2) (2020-03-11)
+
+**Note:** Version bump only for package @twilio-paste/theme-tokens
+
+
+
+
+
 ## [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)
@@ -8,0 +16,0 @@

dist/console/index.d.ts

 export declare const ConsoleTheme: {
     shadows: {
+        shadowBorderInput: "0 0 0 1px #606b85";
+        shadowBorderInputDisabled: "0 0 0 1px #e4e7e9";
+        shadowBorderInputError: "0 0 0 1px #d61f1f";
+        shadowBorderInputErrorHover: "0 0 0 1px #750c0c";
+        shadowBorderInputHover: "0 0 0 1px #030b5d";
         shadowCard: "0 2px 4px 0 rgba(40, 42, 43, 0.3)";
@@ -100,2 +105,3 @@ shadowFocus: "0 0 0 4px rgba(2, 122, 197, 0.8)";
         colorBackgroundPrimaryLightest: "#f5f8ff";
+        colorBackgroundRequired: "#de5858";
         colorBackgroundRowStriped: "#f8f8f9";
@@ -179,2 +185,3 @@ colorBackgroundSuccess: "#00994a";
         colorBackgroundPrimaryLightest: "#f5f8ff";
+        colorBackgroundRequired: "#de5858";
         colorBackgroundRowStriped: "#f8f8f9";
@@ -181,0 +188,0 @@ colorBackgroundSuccess: "#00994a";

dist/default/index.d.ts

 export declare const DefaultTheme: {
     shadows: {
+        shadowBorderInput: "0 0 0 1px #606b85";
+        shadowBorderInputDisabled: "0 0 0 1px #e1e3ea";
+        shadowBorderInputError: "0 0 0 1px #d61f1f";
+        shadowBorderInputErrorHover: "0 0 0 1px #750c0c";
+        shadowBorderInputHover: "0 0 0 1px #030b5d";
         shadowCard: "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
@@ -100,2 +105,3 @@ shadowFocus: "0 0 0 4px rgba(2, 99, 224, 0.8)";
         colorBackgroundPrimaryLightest: "#ebf4ff";
+        colorBackgroundRequired: "#eb5656";
         colorBackgroundRowStriped: "#f4f4f6";
@@ -179,2 +185,3 @@ colorBackgroundSuccess: "#14b053";
         colorBackgroundPrimaryLightest: "#ebf4ff";
+        colorBackgroundRequired: "#eb5656";
         colorBackgroundRowStriped: "#f4f4f6";
@@ -181,0 +188,0 @@ colorBackgroundSuccess: "#14b053";

dist/index.es.js

@@ -15,2 +15,2 @@ 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";
 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};
+***************************************************************************** */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",colorBackgroundRequired:"#e8534a",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"},v={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var W={shadows:{shadowBorderInput:"0 0 0 1px #8894aa",shadowBorderInputDisabled:"0 0 0 1px #ccd2dc",shadowBorderInputError:"0 0 0 1px #d61f1f",shadowBorderInputErrorHover:"0 0 0 1px #940800",shadowBorderInputHover:"0 0 0 1px #001f75",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:v};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",colorBackgroundRequired:"#de5858",colorBackgroundRowStriped:"#f8f8f9",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},H={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"},T={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"},w={fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif"},P={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"},C={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"500"},G={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:{shadowBorderInput:"0 0 0 1px #606b85",shadowBorderInputDisabled:"0 0 0 1px #e4e7e9",shadowBorderInputError:"0 0 0 1px #d61f1f",shadowBorderInputErrorHover:"0 0 0 1px #750c0c",shadowBorderInputHover:"0 0 0 1px #030b5d",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),H),F),T),textColors:F,borderColors:H,backgroundColors:S,fonts:w,fontSizes:P,fontWeights:C,lineHeights:G,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,W as SendGridTheme};

dist/index.js

@@ -15,2 +15,2 @@ "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};
 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;
+***************************************************************************** */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",colorBackgroundRequired:"#e8534a",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:{shadowBorderInput:"0 0 0 1px #8894aa",shadowBorderInputDisabled:"0 0 0 1px #ccd2dc",shadowBorderInputError:"0 0 0 1px #d61f1f",shadowBorderInputErrorHover:"0 0 0 1px #940800",shadowBorderInputHover:"0 0 0 1px #001f75",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",colorBackgroundRequired:"#de5858",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"},v={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var W={shadows:{shadowBorderInput:"0 0 0 1px #606b85",shadowBorderInputDisabled:"0 0 0 1px #e4e7e9",shadowBorderInputError:"0 0 0 1px #d61f1f",shadowBorderInputErrorHover:"0 0 0 1px #750c0c",shadowBorderInputHover:"0 0 0 1px #030b5d",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:v};exports.ConsoleTheme=W,exports.DefaultTheme=c,exports.SendGridTheme=h;

dist/sendgrid/index.d.ts

 export declare const SendGridTheme: {
     shadows: {
+        shadowBorderInput: "0 0 0 1px #8894aa";
+        shadowBorderInputDisabled: "0 0 0 1px #ccd2dc";
+        shadowBorderInputError: "0 0 0 1px #d61f1f";
+        shadowBorderInputErrorHover: "0 0 0 1px #940800";
+        shadowBorderInputHover: "0 0 0 1px #001f75";
         shadowCard: "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
@@ -100,2 +105,3 @@ shadowFocus: "0 0 0 4px rgba(51, 104, 250, 0.8)";
         colorBackgroundPrimaryLightest: "#f5f8ff";
+        colorBackgroundRequired: "#e8534a";
         colorBackgroundRowStriped: "#f9fafb";
@@ -179,2 +185,3 @@ colorBackgroundSuccess: "#00994a";
         colorBackgroundPrimaryLightest: "#f5f8ff";
+        colorBackgroundRequired: "#e8534a";
         colorBackgroundRowStriped: "#f9fafb";
@@ -181,0 +188,0 @@ colorBackgroundSuccess: "#00994a";

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "",
@@ -25,3 +25,3 @@ "author": "Twilio Inc.",
   "peerDependencies": {
-    "@twilio-paste/design-tokens": "^4.2.0"
+    "@twilio-paste/design-tokens": "^4.3.0"
   },
@@ -32,3 +32,3 @@ "devDependencies": {
     "@rollup/plugin-node-resolve": "^7.1.1",
-    "@twilio-paste/design-tokens": "^4.2.0",
+    "@twilio-paste/design-tokens": "^4.3.0",
     "rollup": "^1.16.2",
@@ -40,3 +40,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "1189744aa1c54c87021e81c53ab28172d2f5e49a"
+  "gitHead": "a2a657e7dbd4dc6a84538c9b8d9ecec3a54c1ce4"
 }

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

83951

increased by2.83%

Lines of code

1504

increased by1.69%

No dependency changes