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

Comparing version 2.0.3 to 2.0.4

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [2.0.4](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@2.0.3...@twilio-paste/theme-tokens@2.0.4) (2019-12-05)
+
+**Note:** Version bump only for package @twilio-paste/theme-tokens
+
+
+
+
+
 ## [2.0.3](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@2.0.2...@twilio-paste/theme-tokens@2.0.3) (2019-11-20)
@@ -8,0 +16,0 @@

dist/default/index.d.ts

@@ -290,3 +290,3 @@ export declare const DefaultTheme: {
         colorTextInverse: "#ffffff";
-        colorTextInverseWeak: "#888c8e";
+        colorTextInverseWeak: "#c8cccf";
         colorTextLabel: "#282a2b";
@@ -293,0 +293,0 @@ colorTextLink: "#005ea6";

dist/index.es.js

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

dist/index.js

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

dist/sendgrid/index.d.ts

@@ -19,3 +19,3 @@ export declare const SendGridTheme: {
         colorBackgroundErrorLightest: "#ffe9e7";
-        colorBackgroundInverse: "#4f5355";
+        colorBackgroundInverse: "#08152c";
         colorBackgroundPrimary: "#3368fa";
@@ -22,0 +22,0 @@ colorBackgroundPrimaryDark: "#002ca6";

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "",
@@ -25,6 +25,6 @@ "author": "Twilio Inc.",
   "peerDependencies": {
-    "@twilio-paste/design-tokens": "^3.0.2"
+    "@twilio-paste/design-tokens": "^3.0.3"
   },
   "devDependencies": {
-    "@twilio-paste/design-tokens": "^3.0.3",
+    "@twilio-paste/design-tokens": "^3.0.4",
     "rollup": "^1.16.2",
@@ -38,3 +38,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "29779d04d87a10d0f5200bfcb090e00b7e74b2e3"
+  "gitHead": "68b5b09cb45f42d156fff3afff32aebc796dd321"
 }

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

43679

increased by0.49%

No dependency changes