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

Comparing version 2.0.0 to 2.0.1

CHANGELOG.md

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

dist/default/index.d.ts

@@ -109,12 +109,13 @@ export declare const DefaultTheme: {
     lineHeights: {
-        lineHeight10: 1.666666667;
-        lineHeight100: 1.5;
-        lineHeight20: 1.714285714;
-        lineHeight30: 1.5;
-        lineHeight40: 1.555555556;
-        lineHeight50: 1.6;
-        lineHeight60: 1.5;
-        lineHeight70: 1.5;
-        lineHeight80: 1.5;
-        lineHeight90: 1.5;
+        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";
     };
@@ -121,0 +122,0 @@ widths: {

dist/index.es.js

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

dist/index.js

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

dist/sendgrid/index.d.ts

@@ -109,12 +109,13 @@ export declare const SendGridTheme: {
     lineHeights: {
-        lineHeight10: 1.666666667;
-        lineHeight100: 1.5;
-        lineHeight20: 1.714285714;
-        lineHeight30: 1.5;
-        lineHeight40: 1.555555556;
-        lineHeight50: 1.6;
-        lineHeight60: 1.5;
-        lineHeight70: 1.571428571;
-        lineHeight80: 1.5;
-        lineHeight90: 1.5;
+        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";
     };
@@ -121,0 +122,0 @@ widths: {

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "",
@@ -25,6 +25,6 @@ "author": "Twilio Inc.",
   "peerDependencies": {
-    "@twilio-paste/design-tokens": "^2.5.0"
+    "@twilio-paste/design-tokens": "^3.0.1"
   },
   "devDependencies": {
-    "@twilio-paste/design-tokens": "^3.0.0",
+    "@twilio-paste/design-tokens": "^3.0.1",
     "rollup": "^1.16.2",
@@ -38,3 +38,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "380c46893633fe4a11a08f4cd7e218363c4b2109"
+  "gitHead": "7e0e333b408fd13502a3812b545783d8d58f1f8b"
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42179

increased by0.97%

Lines of code

687

increased by0.29%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes