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

Comparing version 0.5.0 to 0.6.0

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [0.6.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/theme-tokens@0.5.0...@twilio-paste/theme-tokens@0.6.0) (2019-09-16)
+
+
+### Bug Fixes
+
+* **tokens:** correct the box shadow tokens category and type ([#95](https://github.com/twilio-labs/paste/issues/95)) ([fe0f946](https://github.com/twilio-labs/paste/commit/fe0f946))
+
+
+### Features
+
+* **tokens:** Add box-shadow and line-height tokens ([#35](https://github.com/twilio-labs/paste/issues/35)) ([706643b](https://github.com/twilio-labs/paste/commit/706643b))
+
+
+
+
+
 # 0.5.0 (2019-08-15)
@@ -8,0 +24,0 @@

dist/default/index.d.ts

 export declare const DefaultTheme: {
-    colors: {
-        colorBrand: "string";
-        colorBrandHighlight: "string";
-        colorGray0: "string";
-        colorGray10: "string";
-        colorGray100: "string";
-        colorGray20: "string";
-        colorGray30: "string";
-        colorGray40: "string";
-        colorGray50: "string";
-        colorGray60: "string";
-        colorGray70: "string";
-        colorGray80: "string";
-        colorGray90: "string";
-    };
-    shadows: {
-        shadowCard: "string";
-    };
-    space: {
-        space0: "string";
-        space10: "string";
-        space100: "string";
-        space110: "string";
-        space120: "string";
-        space130: "string";
-        space140: "string";
-        space150: "string";
-        space160: "string";
-        space170: "string";
-        space180: "string";
-        space190: "string";
-        space20: "string";
-        space200: "string";
-        space30: "string";
-        space40: "string";
-        space50: "string";
-        space60: "string";
-        space70: "string";
-        space80: "string";
-        space90: "string";
-    };
-    breakpoints: "string"[];
-    fontSizes: {
-        fontSize10: "string";
-        fontSize100: "string";
-        fontSize20: "string";
-        fontSize30: "string";
-        fontSize40: "string";
-        fontSize50: "string";
-        fontSize60: "string";
-        fontSize70: "string";
-        fontSize80: "string";
-        fontSize90: "string";
-    };
-    fonts: {
-        fontFamilyCode: "string";
-        fontFamilyText: "string";
-    };
-    fontWeights: {
-        fontWeightBold: "string";
-        fontWeightLight: "string";
-        fontWeightMedium: "string";
-        fontWeightNormal: "string";
-        fontWeightSemibold: "string";
-    };
-    lineHeights: {
-        lineHeight10: string;
-        lineHeight20: string;
-        lineHeight30: string;
-        lineHeight40: string;
-        lineHeight50: string;
-        lineHeight60: string;
-        lineHeight70: string;
-        lineHeight80: string;
-    };
-    textColors: {
-        colorText: "string";
-        colorTextBrandHighlight: "string";
-        colorTextBrandInverse: "string";
-        colorTextError: "string";
-        colorTextIcon: "string";
-        colorTextInverse: "string";
-        colorTextInverseWeak: "string";
-        colorTextLabel: "string";
-        colorTextLink: "string";
-        colorTextLinkDark: "string";
-        colorTextLinkDarker: "string";
-        colorTextLinkDestructive: "string";
-        colorTextLinkDestructiveDark: "string";
-        colorTextLinkDestructiveDarker: "string";
-        colorTextLinkDestructiveLight: "string";
-        colorTextLinkLight: "string";
-        colorTextPlaceholder: "string";
-        colorTextSuccess: "string";
-        colorTextWarning: "string";
-        colorTextWeak: "string";
-    };
     backgroundColors: {
@@ -149,3 +52,47 @@ colorBackground: "string";
     };
-    maxWidths: {
+    borderWidths: {
+        borderWidth0: "string";
+        borderWidth10: "string";
+        borderWidth20: "string";
+    };
+    breakpoints: "string"[];
+    colors: {
+        colorBrand: "string";
+        colorBrandHighlight: "string";
+        colorGray0: "string";
+        colorGray10: "string";
+        colorGray100: "string";
+        colorGray20: "string";
+        colorGray30: "string";
+        colorGray40: "string";
+        colorGray50: "string";
+        colorGray60: "string";
+        colorGray70: "string";
+        colorGray80: "string";
+        colorGray90: "string";
+    };
+    fonts: {
+        fontFamilyCode: "string";
+        fontFamilyText: "string";
+    };
+    fontSizes: {
+        fontSize10: "string";
+        fontSize100: "string";
+        fontSize20: "string";
+        fontSize30: "string";
+        fontSize40: "string";
+        fontSize50: "string";
+        fontSize60: "string";
+        fontSize70: "string";
+        fontSize80: "string";
+        fontSize90: "string";
+    };
+    fontWeights: {
+        fontWeightBold: "string";
+        fontWeightLight: "string";
+        fontWeightMedium: "string";
+        fontWeightNormal: "string";
+        fontWeightSemibold: "string";
+    };
+    heights: {
         size0: "string";
@@ -168,3 +115,15 @@ size10: "string";
     };
-    minWidths: {
+    lineHeights: {
+        lineHeight10: "string";
+        lineHeight100: "string";
+        lineHeight20: "string";
+        lineHeight30: "string";
+        lineHeight40: "string";
+        lineHeight50: "string";
+        lineHeight60: "string";
+        lineHeight70: "string";
+        lineHeight80: "string";
+        lineHeight90: "string";
+    };
+    maxWidths: {
         size0: "string";
@@ -187,3 +146,3 @@ size10: "string";
     };
-    widths: {
+    minWidths: {
         size0: "string";
@@ -206,3 +165,59 @@ size10: "string";
     };
-    heights: {
+    radii: {
+        borderRadius0: "string";
+        borderRadius10: "string";
+        borderRadius20: "string";
+        borderRadius30: "string";
+        borderRadiusCircle: "string";
+    };
+    shadows: {
+        shadowCard: "string";
+        shadowFocus: "string";
+    };
+    space: {
+        space0: "string";
+        space10: "string";
+        space100: "string";
+        space110: "string";
+        space120: "string";
+        space130: "string";
+        space140: "string";
+        space150: "string";
+        space160: "string";
+        space170: "string";
+        space180: "string";
+        space190: "string";
+        space20: "string";
+        space200: "string";
+        space30: "string";
+        space40: "string";
+        space50: "string";
+        space60: "string";
+        space70: "string";
+        space80: "string";
+        space90: "string";
+    };
+    textColors: {
+        colorText: "string";
+        colorTextBrandHighlight: "string";
+        colorTextBrandInverse: "string";
+        colorTextError: "string";
+        colorTextIcon: "string";
+        colorTextInverse: "string";
+        colorTextInverseWeak: "string";
+        colorTextLabel: "string";
+        colorTextLink: "string";
+        colorTextLinkDark: "string";
+        colorTextLinkDarker: "string";
+        colorTextLinkDestructive: "string";
+        colorTextLinkDestructiveDark: "string";
+        colorTextLinkDestructiveDarker: "string";
+        colorTextLinkDestructiveLight: "string";
+        colorTextLinkLight: "string";
+        colorTextPlaceholder: "string";
+        colorTextSuccess: "string";
+        colorTextWarning: "string";
+        colorTextWeak: "string";
+    };
+    widths: {
         size0: "string";
@@ -225,14 +240,2 @@ size10: "string";
     };
-    radii: {
-        borderRadius0: "string";
-        borderRadius10: "string";
-        borderRadius20: "string";
-        borderRadius30: "string";
-        borderRadiusCircle: "string";
-    };
-    borderWidths: {
-        borderWidth0: "string";
-        borderWidth10: "string";
-        borderWidth20: "string";
-    };
     zIndices: {
@@ -239,0 +242,0 @@ zIndex0: "string";

dist/index.es.js

@@ -1,1 +0,1 @@
-import{sizings as r,spacings as e,colors as o,shadows as c,fontSizes as i,fonts as a,fontWeights as t,textColors as s,backgroundColors as n,borderColors as l,radii as d,borderWidths as f,zIndices as g}from"@twilio-paste/design-tokens";var m=function(){return(m=Object.assign||function(r){for(var e,o=1,c=arguments.length;o<c;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r}).apply(this,arguments)},h=[r.size40,r.size100,r.size120],u={colors:o,shadows:c,space:m({},e),breakpoints:h,fontSizes:i,fonts:a,fontWeights:t,lineHeights:{lineHeight10:"0.75rem",lineHeight20:"1rem",lineHeight30:"1.25rem",lineHeight40:"1.5rem",lineHeight50:"1.75rem",lineHeight60:"2rem",lineHeight70:"2.25rem",lineHeight80:"2.5rem"},textColors:s,backgroundColors:n,borderColors:l,maxWidths:m({},r),minWidths:m({},r),widths:m({},r),heights:m({},r),radii:d,borderWidths:f,zIndices:g};const B={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:"#003adb",colorBackgroundPrimaryDark:"#002ca6",colorBackgroundPrimaryDarker:"#001f75",colorBackgroundPrimaryLight:"#85a5ff",colorBackgroundPrimaryLighter:"#baccff",colorBackgroundPrimaryLightest:"#f5f8ff",colorBackgroundRowStriped:"#f9fafb",colorBackgroundSuccess:"#00994a",colorBackgroundSuccessLightest:"#e0ffef",colorBackgroundWarning:"#e46216",colorBackgroundWarningLightest:"#ffecd8"},k={colorBorder:"#b6bfce",colorBorderDark:"#9ca7ba",colorBorderDestructive:"#ac1e16",colorBorderDestructiveDark:"#940800",colorBorderDestructiveDarker:"#700600",colorBorderDestructiveLight:"#e8534a",colorBorderDestructiveLighter:"#ff8c85",colorBorderError:"#ac1e16",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#9ca7ba",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderPrimary:"#003adb",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#85a5ff",colorBorderPrimaryLighter:"#baccff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},z={borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},p={fontFamilyCode:"'Fira Mono', 'Courier New', Courier, monospace",fontFamilyText:"'Colfax', Helvetica, Arial, sans-serif"},x={fontSize10:"0.75rem",fontSize100:"2rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2rem"},b={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},L={borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},y={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"},D={colorText:"#08152c",colorTextBrandHighlight:"#f22f46",colorTextBrandInverse:"#ffffff",colorTextError:"#ac1e16",colorTextIcon:"#08152c",colorTextInverse:"#ffffff",colorTextInverseWeak:"#9ca7ba",colorTextLabel:"#08152c",colorTextLink:"#003adb",colorTextLinkDark:"#002ca6",colorTextLinkDarker:"#001f75",colorTextLinkDestructive:"#ac1e16",colorTextLinkDestructiveDark:"#940800",colorTextLinkDestructiveDarker:"#700600",colorTextLinkDestructiveLight:"#e8534a",colorTextLinkLight:"#85a5ff",colorTextPlaceholder:"#76859e",colorTextSuccess:"#00994a",colorTextWarning:"#e46216",colorTextWeak:"#76859e"},v={zIndex0:"0",zIndex10:"10",zIndex20:"20",zIndex30:"30",zIndex40:"40",zIndex50:"50",zIndex60:"60",zIndex70:"70",zIndex80:"80",zIndex90:"90"};var W=[y.size40,y.size100,y.size120],I={colors:{colorBrand:"#1a82e2",colorBrandHighlight:"#294661",colorGray0:"#ffffff",colorGray10:"#f9fafb",colorGray100:"#08152c",colorGray20:"#f3f4f6",colorGray30:"#e5e7ec",colorGray40:"#ccd2dc",colorGray50:"#b6bfce",colorGray60:"#9ca7ba",colorGray70:"#76859e",colorGray80:"#475672",colorGray90:"#1d2944"},shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)"},space:m({},{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"}),breakpoints:W,fontSizes:x,fonts:p,fontWeights:b,lineHeights:{lineHeight10:"0.75rem",lineHeight20:"1rem",lineHeight30:"1.25rem",lineHeight40:"1.5rem",lineHeight50:"1.75rem",lineHeight60:"2rem",lineHeight70:"2.25rem",lineHeight80:"2.5rem"},textColors:D,backgroundColors:B,borderColors:k,maxWidths:m({},y),minWidths:m({},y),widths:m({},y),heights:m({},y),radii:L,borderWidths:z,zIndices:v};export{u as DefaultTheme,I as SendGridTheme};
+import{sizings as r,backgroundColors as e,borderColors as o,borderWidths as c,colors as a,fonts as i,fontSizes as s,fontWeights as t,lineHeights as d,radii as n,boxShadows as l,spacings as f,textColors as g,zIndices as h}from"@twilio-paste/design-tokens";var m={backgroundColors:e,borderColors:o,borderWidths:c,breakpoints:[r.size40,r.size100,r.size120],colors:a,fonts:i,fontSizes:s,fontWeights:t,heights:r,lineHeights:d,maxWidths:r,minWidths:r,radii:n,shadows:l,space:f,textColors:g,widths:r,zIndices:h};const u={size0:"0",size10:"5.5rem",size100:"64rem",size110:"70.5rem",size120:"77rem",size20:"12rem",size30:"18.5rem",size40:"25rem",size50:"31.5rem",size60:"38rem",size70:"44.5rem",size80:"51rem",size90:"57.5rem",sizeIcon10:"1rem",sizeIcon20:"1.25rem",sizeIcon30:"1.5rem"};var B={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"},breakpoints:[u.size40,u.size100,u.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.75rem",fontSize100:"2rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2rem"},fontWeights:{fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},heights:u,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"},maxWidths:u,minWidths:u,radii:{borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},shadows:{shadowCard:"0 2px 4px 0 rgba(40, 42, 43, 0.3)",shadowFocus:"0 0 0 4px rgba(0,117,195,0.5)"},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"},widths:u,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,B as SendGridTheme};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var designTokens=require("@twilio-paste/design-tokens"),__assign=function(){return(__assign=Object.assign||function(e){for(var r,o=1,i=arguments.length;o<i;o++)for(var c in r=arguments[o])Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c]);return e}).apply(this,arguments)},breakpoints=[designTokens.sizings.size40,designTokens.sizings.size100,designTokens.sizings.size120],space=__assign({},designTokens.spacings),lineHeights={lineHeight10:"0.75rem",lineHeight20:"1rem",lineHeight30:"1.25rem",lineHeight40:"1.5rem",lineHeight50:"1.75rem",lineHeight60:"2rem",lineHeight70:"2.25rem",lineHeight80:"2.5rem"},maxWidths=__assign({},designTokens.sizings),minWidths=__assign({},designTokens.sizings),widths=__assign({},designTokens.sizings),heights=__assign({},designTokens.sizings),DefaultTheme={colors:designTokens.colors,shadows:designTokens.shadows,space:space,breakpoints:breakpoints,fontSizes:designTokens.fontSizes,fonts:designTokens.fonts,fontWeights:designTokens.fontWeights,lineHeights:lineHeights,textColors:designTokens.textColors,backgroundColors:designTokens.backgroundColors,borderColors:designTokens.borderColors,maxWidths:maxWidths,minWidths:minWidths,widths:widths,heights:heights,radii:designTokens.radii,borderWidths:designTokens.borderWidths,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="#003adb",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="#ac1e16",colorBorderDestructiveDark="#940800",colorBorderDestructiveDarker="#700600",colorBorderDestructiveLight="#e8534a",colorBorderDestructiveLighter="#ff8c85",colorBorderError="#ac1e16",colorBorderErrorLightest="#ffe9e7",colorBorderInput="#9ca7ba",colorBorderInputFocus="#003adb",colorBorderInputHover="#003adb",colorBorderLight="#ccd2dc",colorBorderPrimary="#003adb",colorBorderPrimaryDark="#002ca6",colorBorderPrimaryDarker="#001f75",colorBorderPrimaryLight="#85a5ff",colorBorderPrimaryLighter="#baccff",colorBorderSuccess="#00994a",colorBorderSuccessLightest="#e0ffef",colorBorderWarning="#e46216",colorBorderWarningLightest="#ffecd8",colorBrand="#1a82e2",colorBrandHighlight="#294661",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="#ac1e16",colorTextLinkDestructiveDark="#940800",colorTextLinkDestructiveDarker="#700600",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.75rem",fontSize100="2rem",fontSize20="0.875rem",fontSize30="1rem",fontSize40="1.125rem",fontSize50="1.25rem",fontSize60="1.5rem",fontSize70="1.75rem",fontSize80="2rem",fontSize90="2rem",fontWeightBold="700",fontWeightLight="300",fontWeightMedium="500",fontWeightNormal="400",fontWeightSemibold="600",shadowCard="0 2px 4px 0 rgba(40, 42, 43, 0.3)",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",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:"#003adb",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:"#ac1e16",colorBorderDestructiveDark:"#940800",colorBorderDestructiveDarker:"#700600",colorBorderDestructiveLight:"#e8534a",colorBorderDestructiveLighter:"#ff8c85",colorBorderError:"#ac1e16",colorBorderErrorLightest:"#ffe9e7",colorBorderInput:"#9ca7ba",colorBorderInputFocus:"#003adb",colorBorderInputHover:"#003adb",colorBorderLight:"#ccd2dc",colorBorderPrimary:"#003adb",colorBorderPrimaryDark:"#002ca6",colorBorderPrimaryDarker:"#001f75",colorBorderPrimaryLight:"#85a5ff",colorBorderPrimaryLighter:"#baccff",colorBorderSuccess:"#00994a",colorBorderSuccessLightest:"#e0ffef",colorBorderWarning:"#e46216",colorBorderWarningLightest:"#ffecd8"},borderWidths={borderWidth0:"0",borderWidth10:"1px",borderWidth20:"2px"},colors={colorBrand:"#1a82e2",colorBrandHighlight:"#294661",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.75rem",fontSize100:"2rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2rem"},fontWeights={fontWeightBold:"700",fontWeightLight:"300",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightSemibold:"600"},radii={borderRadius0:"0",borderRadius10:"3px",borderRadius20:"4px",borderRadius30:"8px",borderRadiusCircle:"50%"},shadows={shadowCard:shadowCard},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"},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:"#ac1e16",colorTextLinkDestructiveDark:"#940800",colorTextLinkDestructiveDarker:"#700600",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],space$1=__assign({},spacings),lineHeights$1={lineHeight10:"0.75rem",lineHeight20:"1rem",lineHeight30:"1.25rem",lineHeight40:"1.5rem",lineHeight50:"1.75rem",lineHeight60:"2rem",lineHeight70:"2.25rem",lineHeight80:"2.5rem"},maxWidths$1=__assign({},sizings),minWidths$1=__assign({},sizings),widths$1=__assign({},sizings),heights$1=__assign({},sizings),SendGridTheme={colors:colors,shadows:shadows,space:space$1,breakpoints:breakpoints$1,fontSizes:fontSizes,fonts:fonts,fontWeights:fontWeights,lineHeights:lineHeights$1,textColors:textColors,backgroundColors:backgroundColors,borderColors:borderColors,maxWidths:maxWidths$1,minWidths:minWidths$1,widths:widths$1,heights:heights$1,radii:radii,borderWidths:borderWidths,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={backgroundColors:designTokens.backgroundColors,borderColors:designTokens.borderColors,borderWidths:designTokens.borderWidths,breakpoints:breakpoints,colors:designTokens.colors,fonts:designTokens.fonts,fontSizes:designTokens.fontSizes,fontWeights:designTokens.fontWeights,heights:designTokens.sizings,lineHeights:designTokens.lineHeights,maxWidths:designTokens.sizings,minWidths:designTokens.sizings,radii:designTokens.radii,shadows:designTokens.boxShadows,space:designTokens.spacings,textColors:designTokens.textColors,widths:designTokens.sizings,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.75rem",fontSize100="2rem",fontSize20="0.875rem",fontSize30="1rem",fontSize40="1.125rem",fontSize50="1.25rem",fontSize60="1.5rem",fontSize70="1.75rem",fontSize80="2rem",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.25rem",sizeIcon30="1.5rem",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.75rem",fontSize100:"2rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",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.25rem",sizeIcon30:"1.5rem"},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={backgroundColors:backgroundColors,borderColors:borderColors,borderWidths:borderWidths,breakpoints:breakpoints$1,colors:colors,fonts:fonts,fontSizes:fontSizes,fontWeights:fontWeights,heights:sizings,lineHeights:lineHeights,maxWidths:sizings,minWidths:sizings,radii:radii,shadows:boxShadows,space:spacings,textColors:textColors,widths:sizings,zIndices:zIndices};exports.DefaultTheme=DefaultTheme,exports.SendGridTheme=SendGridTheme;

dist/sendgrid/index.d.ts

 export declare const SendGridTheme: {
-    colors: {
-        colorBrand: "string";
-        colorBrandHighlight: "string";
-        colorGray0: "string";
-        colorGray10: "string";
-        colorGray100: "string";
-        colorGray20: "string";
-        colorGray30: "string";
-        colorGray40: "string";
-        colorGray50: "string";
-        colorGray60: "string";
-        colorGray70: "string";
-        colorGray80: "string";
-        colorGray90: "string";
-    };
-    shadows: {
-        shadowCard: "string";
-    };
-    space: {
-        space0: "string";
-        space10: "string";
-        space100: "string";
-        space110: "string";
-        space120: "string";
-        space130: "string";
-        space140: "string";
-        space150: "string";
-        space160: "string";
-        space170: "string";
-        space180: "string";
-        space190: "string";
-        space20: "string";
-        space200: "string";
-        space30: "string";
-        space40: "string";
-        space50: "string";
-        space60: "string";
-        space70: "string";
-        space80: "string";
-        space90: "string";
-    };
-    breakpoints: "string"[];
-    fontSizes: {
-        fontSize10: "string";
-        fontSize100: "string";
-        fontSize20: "string";
-        fontSize30: "string";
-        fontSize40: "string";
-        fontSize50: "string";
-        fontSize60: "string";
-        fontSize70: "string";
-        fontSize80: "string";
-        fontSize90: "string";
-    };
-    fonts: {
-        fontFamilyCode: "string";
-        fontFamilyText: "string";
-    };
-    fontWeights: {
-        fontWeightBold: "string";
-        fontWeightLight: "string";
-        fontWeightMedium: "string";
-        fontWeightNormal: "string";
-        fontWeightSemibold: "string";
-    };
-    lineHeights: {
-        lineHeight10: string;
-        lineHeight20: string;
-        lineHeight30: string;
-        lineHeight40: string;
-        lineHeight50: string;
-        lineHeight60: string;
-        lineHeight70: string;
-        lineHeight80: string;
-    };
-    textColors: {
-        colorText: "string";
-        colorTextBrandHighlight: "string";
-        colorTextBrandInverse: "string";
-        colorTextError: "string";
-        colorTextIcon: "string";
-        colorTextInverse: "string";
-        colorTextInverseWeak: "string";
-        colorTextLabel: "string";
-        colorTextLink: "string";
-        colorTextLinkDark: "string";
-        colorTextLinkDarker: "string";
-        colorTextLinkDestructive: "string";
-        colorTextLinkDestructiveDark: "string";
-        colorTextLinkDestructiveDarker: "string";
-        colorTextLinkDestructiveLight: "string";
-        colorTextLinkLight: "string";
-        colorTextPlaceholder: "string";
-        colorTextSuccess: "string";
-        colorTextWarning: "string";
-        colorTextWeak: "string";
-    };
     backgroundColors: {
@@ -149,3 +52,47 @@ colorBackground: "string";
     };
-    maxWidths: {
+    borderWidths: {
+        borderWidth0: "string";
+        borderWidth10: "string";
+        borderWidth20: "string";
+    };
+    breakpoints: "string"[];
+    colors: {
+        colorBrand: "string";
+        colorBrandHighlight: "string";
+        colorGray0: "string";
+        colorGray10: "string";
+        colorGray100: "string";
+        colorGray20: "string";
+        colorGray30: "string";
+        colorGray40: "string";
+        colorGray50: "string";
+        colorGray60: "string";
+        colorGray70: "string";
+        colorGray80: "string";
+        colorGray90: "string";
+    };
+    fonts: {
+        fontFamilyCode: "string";
+        fontFamilyText: "string";
+    };
+    fontSizes: {
+        fontSize10: "string";
+        fontSize100: "string";
+        fontSize20: "string";
+        fontSize30: "string";
+        fontSize40: "string";
+        fontSize50: "string";
+        fontSize60: "string";
+        fontSize70: "string";
+        fontSize80: "string";
+        fontSize90: "string";
+    };
+    fontWeights: {
+        fontWeightBold: "string";
+        fontWeightLight: "string";
+        fontWeightMedium: "string";
+        fontWeightNormal: "string";
+        fontWeightSemibold: "string";
+    };
+    heights: {
         size0: "string";
@@ -168,3 +115,15 @@ size10: "string";
     };
-    minWidths: {
+    lineHeights: {
+        lineHeight10: "string";
+        lineHeight100: "string";
+        lineHeight20: "string";
+        lineHeight30: "string";
+        lineHeight40: "string";
+        lineHeight50: "string";
+        lineHeight60: "string";
+        lineHeight70: "string";
+        lineHeight80: "string";
+        lineHeight90: "string";
+    };
+    maxWidths: {
         size0: "string";
@@ -187,3 +146,3 @@ size10: "string";
     };
-    widths: {
+    minWidths: {
         size0: "string";
@@ -206,3 +165,59 @@ size10: "string";
     };
-    heights: {
+    radii: {
+        borderRadius0: "string";
+        borderRadius10: "string";
+        borderRadius20: "string";
+        borderRadius30: "string";
+        borderRadiusCircle: "string";
+    };
+    shadows: {
+        shadowCard: "string";
+        shadowFocus: "string";
+    };
+    space: {
+        space0: "string";
+        space10: "string";
+        space100: "string";
+        space110: "string";
+        space120: "string";
+        space130: "string";
+        space140: "string";
+        space150: "string";
+        space160: "string";
+        space170: "string";
+        space180: "string";
+        space190: "string";
+        space20: "string";
+        space200: "string";
+        space30: "string";
+        space40: "string";
+        space50: "string";
+        space60: "string";
+        space70: "string";
+        space80: "string";
+        space90: "string";
+    };
+    textColors: {
+        colorText: "string";
+        colorTextBrandHighlight: "string";
+        colorTextBrandInverse: "string";
+        colorTextError: "string";
+        colorTextIcon: "string";
+        colorTextInverse: "string";
+        colorTextInverseWeak: "string";
+        colorTextLabel: "string";
+        colorTextLink: "string";
+        colorTextLinkDark: "string";
+        colorTextLinkDarker: "string";
+        colorTextLinkDestructive: "string";
+        colorTextLinkDestructiveDark: "string";
+        colorTextLinkDestructiveDarker: "string";
+        colorTextLinkDestructiveLight: "string";
+        colorTextLinkLight: "string";
+        colorTextPlaceholder: "string";
+        colorTextSuccess: "string";
+        colorTextWarning: "string";
+        colorTextWeak: "string";
+    };
+    widths: {
         size0: "string";
@@ -225,14 +240,2 @@ size10: "string";
     };
-    radii: {
-        borderRadius0: "string";
-        borderRadius10: "string";
-        borderRadius20: "string";
-        borderRadius30: "string";
-        borderRadiusCircle: "string";
-    };
-    borderWidths: {
-        borderWidth0: "string";
-        borderWidth10: "string";
-        borderWidth20: "string";
-    };
     zIndices: {
@@ -239,0 +242,0 @@ zIndex0: "string";

package.json

 {
   "name": "@twilio-paste/theme-tokens",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "",
@@ -12,5 +12,2 @@ "author": "Twilio Inc.",
   "sideEffects": false,
-  "publishConfig": {
-    "access": "public"
-  },
   "files": [
@@ -32,3 +29,3 @@ "dist"
   "devDependencies": {
-    "@twilio-paste/design-tokens": "^2.3.0",
+    "@twilio-paste/design-tokens": "^2.4.0",
     "rollup": "^1.16.2",
@@ -42,3 +39,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "95d1ac8ee9d4dfcdbb93052c4cdbd9dd1293938d"
+  "gitHead": "62a9d2d5384b2d086c4e3737986a9b0932654354"
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Lines of code

562

increased by0.54%

Worsened metrics

Total package byte prevSize

35239

decreased by-0.1%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes