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

Comparing version 5.2.1 to 5.2.2

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [5.2.2](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@5.2.1...@twilio-paste/design-tokens@5.2.2) (2020-06-12)
+
+**Note:** Version bump only for package @twilio-paste/design-tokens
+
+
+
+
+
 ## [5.2.1](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@5.2.0...@twilio-paste/design-tokens@5.2.1) (2020-06-01)
@@ -8,0 +16,0 @@

dist/themes/console/tokens.common.d.ts

@@ -15,3 +15,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBackgroundDarker = "rgb(200, 204, 207)";
-export declare const colorBackgroundDarkest = "rgb(102, 106, 109)";
+export declare const colorBackgroundDarkest = "rgb(112, 117, 120)";
 export declare const colorBackgroundDestructive = "rgb(226, 37, 37)";
@@ -75,3 +75,3 @@ export declare const colorBackgroundDestructiveDark = "rgb(146, 18, 0)";
 export declare const colorGray60 = "rgb(136, 140, 142)";
-export declare const colorGray70 = "rgb(102, 106, 109)";
+export declare const colorGray70 = "rgb(112, 117, 120)";
 export declare const colorGray80 = "rgb(79, 83, 85)";
@@ -84,3 +84,3 @@ export declare const colorGray90 = "rgb(66, 69, 71)";
 export declare const colorTextErrorDark = "rgb(146, 18, 0)";
-export declare const colorTextIcon = "rgb(102, 106, 109)";
+export declare const colorTextIcon = "rgb(112, 117, 120)";
 export declare const colorTextInverse = "rgb(255, 255, 255)";
@@ -97,7 +97,7 @@ export declare const colorTextInverseWeak = "rgb(200, 204, 207)";
 export declare const colorTextLinkLight = "rgb(179, 211, 233)";
-export declare const colorTextPlaceholder = "rgb(102, 106, 109)";
+export declare const colorTextPlaceholder = "rgb(112, 117, 120)";
 export declare const colorTextSuccess = "rgb(0, 153, 74)";
 export declare const colorTextWarning = "rgb(228, 98, 22)";
 export declare const colorTextWarningDark = "rgb(168, 62, 0)";
-export declare const colorTextWeak = "rgb(102, 106, 109)";
+export declare const colorTextWeak = "rgb(112, 117, 120)";
 export declare const colorTextWeaker = "rgb(200, 204, 207)";
@@ -225,3 +225,3 @@ export declare const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
   colorBackgroundDarker: "rgb(200, 204, 207)";
-  colorBackgroundDarkest: "rgb(102, 106, 109)";
+  colorBackgroundDarkest: "rgb(112, 117, 120)";
   colorBackgroundDestructive: "rgb(226, 37, 37)";
@@ -304,3 +304,3 @@ colorBackgroundDestructiveDark: "rgb(146, 18, 0)";
   colorGray60: "rgb(136, 140, 142)";
-  colorGray70: "rgb(102, 106, 109)";
+  colorGray70: "rgb(112, 117, 120)";
   colorGray80: "rgb(79, 83, 85)";
@@ -430,3 +430,3 @@ colorGray90: "rgb(66, 69, 71)";
   colorTextErrorDark: "rgb(146, 18, 0)";
-  colorTextIcon: "rgb(102, 106, 109)";
+  colorTextIcon: "rgb(112, 117, 120)";
   colorTextInverse: "rgb(255, 255, 255)";
@@ -443,7 +443,7 @@ colorTextInverseWeak: "rgb(200, 204, 207)";
   colorTextLinkLight: "rgb(179, 211, 233)";
-  colorTextPlaceholder: "rgb(102, 106, 109)";
+  colorTextPlaceholder: "rgb(112, 117, 120)";
   colorTextSuccess: "rgb(0, 153, 74)";
   colorTextWarning: "rgb(228, 98, 22)";
   colorTextWarningDark: "rgb(168, 62, 0)";
-  colorTextWeak: "rgb(102, 106, 109)";
+  colorTextWeak: "rgb(112, 117, 120)";
   colorTextWeaker: "rgb(200, 204, 207)";
@@ -450,0 +450,0 @@ };

dist/themes/console/tokens.common.js

@@ -15,3 +15,3 @@ const borderRadius0 = "0";
 const colorBackgroundDarker = "rgb(200, 204, 207)";
-const colorBackgroundDarkest = "rgb(102, 106, 109)";
+const colorBackgroundDarkest = "rgb(112, 117, 120)";
 const colorBackgroundDestructive = "rgb(226, 37, 37)";
@@ -75,3 +75,3 @@ const colorBackgroundDestructiveDark = "rgb(146, 18, 0)";
 const colorGray60 = "rgb(136, 140, 142)";
-const colorGray70 = "rgb(102, 106, 109)";
+const colorGray70 = "rgb(112, 117, 120)";
 const colorGray80 = "rgb(79, 83, 85)";
@@ -84,3 +84,3 @@ const colorGray90 = "rgb(66, 69, 71)";
 const colorTextErrorDark = "rgb(146, 18, 0)";
-const colorTextIcon = "rgb(102, 106, 109)";
+const colorTextIcon = "rgb(112, 117, 120)";
 const colorTextInverse = "rgb(255, 255, 255)";
@@ -97,7 +97,7 @@ const colorTextInverseWeak = "rgb(200, 204, 207)";
 const colorTextLinkLight = "rgb(179, 211, 233)";
-const colorTextPlaceholder = "rgb(102, 106, 109)";
+const colorTextPlaceholder = "rgb(112, 117, 120)";
 const colorTextSuccess = "rgb(0, 153, 74)";
 const colorTextWarning = "rgb(228, 98, 22)";
 const colorTextWarningDark = "rgb(168, 62, 0)";
-const colorTextWeak = "rgb(102, 106, 109)";
+const colorTextWeak = "rgb(112, 117, 120)";
 const colorTextWeaker = "rgb(200, 204, 207)";
@@ -104,0 +104,0 @@ const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";

dist/themes/console/tokens.es6.d.ts

@@ -15,3 +15,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBackgroundDarker = "rgb(200, 204, 207)";
-export declare const colorBackgroundDarkest = "rgb(102, 106, 109)";
+export declare const colorBackgroundDarkest = "rgb(112, 117, 120)";
 export declare const colorBackgroundDestructive = "rgb(226, 37, 37)";
@@ -75,3 +75,3 @@ export declare const colorBackgroundDestructiveDark = "rgb(146, 18, 0)";
 export declare const colorGray60 = "rgb(136, 140, 142)";
-export declare const colorGray70 = "rgb(102, 106, 109)";
+export declare const colorGray70 = "rgb(112, 117, 120)";
 export declare const colorGray80 = "rgb(79, 83, 85)";
@@ -84,3 +84,3 @@ export declare const colorGray90 = "rgb(66, 69, 71)";
 export declare const colorTextErrorDark = "rgb(146, 18, 0)";
-export declare const colorTextIcon = "rgb(102, 106, 109)";
+export declare const colorTextIcon = "rgb(112, 117, 120)";
 export declare const colorTextInverse = "rgb(255, 255, 255)";
@@ -97,7 +97,7 @@ export declare const colorTextInverseWeak = "rgb(200, 204, 207)";
 export declare const colorTextLinkLight = "rgb(179, 211, 233)";
-export declare const colorTextPlaceholder = "rgb(102, 106, 109)";
+export declare const colorTextPlaceholder = "rgb(112, 117, 120)";
 export declare const colorTextSuccess = "rgb(0, 153, 74)";
 export declare const colorTextWarning = "rgb(228, 98, 22)";
 export declare const colorTextWarningDark = "rgb(168, 62, 0)";
-export declare const colorTextWeak = "rgb(102, 106, 109)";
+export declare const colorTextWeak = "rgb(112, 117, 120)";
 export declare const colorTextWeaker = "rgb(200, 204, 207)";
@@ -225,3 +225,3 @@ export declare const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
   colorBackgroundDarker: "rgb(200, 204, 207)";
-  colorBackgroundDarkest: "rgb(102, 106, 109)";
+  colorBackgroundDarkest: "rgb(112, 117, 120)";
   colorBackgroundDestructive: "rgb(226, 37, 37)";
@@ -304,3 +304,3 @@ colorBackgroundDestructiveDark: "rgb(146, 18, 0)";
   colorGray60: "rgb(136, 140, 142)";
-  colorGray70: "rgb(102, 106, 109)";
+  colorGray70: "rgb(112, 117, 120)";
   colorGray80: "rgb(79, 83, 85)";
@@ -430,3 +430,3 @@ colorGray90: "rgb(66, 69, 71)";
   colorTextErrorDark: "rgb(146, 18, 0)";
-  colorTextIcon: "rgb(102, 106, 109)";
+  colorTextIcon: "rgb(112, 117, 120)";
   colorTextInverse: "rgb(255, 255, 255)";
@@ -443,7 +443,7 @@ colorTextInverseWeak: "rgb(200, 204, 207)";
   colorTextLinkLight: "rgb(179, 211, 233)";
-  colorTextPlaceholder: "rgb(102, 106, 109)";
+  colorTextPlaceholder: "rgb(112, 117, 120)";
   colorTextSuccess: "rgb(0, 153, 74)";
   colorTextWarning: "rgb(228, 98, 22)";
   colorTextWarningDark: "rgb(168, 62, 0)";
-  colorTextWeak: "rgb(102, 106, 109)";
+  colorTextWeak: "rgb(112, 117, 120)";
   colorTextWeaker: "rgb(200, 204, 207)";
@@ -450,0 +450,0 @@ };

dist/themes/console/tokens.es6.js

@@ -15,3 +15,3 @@ export const borderRadius0 = "0";
 export const colorBackgroundDarker = "rgb(200, 204, 207)";
-export const colorBackgroundDarkest = "rgb(102, 106, 109)";
+export const colorBackgroundDarkest = "rgb(112, 117, 120)";
 export const colorBackgroundDestructive = "rgb(226, 37, 37)";
@@ -75,3 +75,3 @@ export const colorBackgroundDestructiveDark = "rgb(146, 18, 0)";
 export const colorGray60 = "rgb(136, 140, 142)";
-export const colorGray70 = "rgb(102, 106, 109)";
+export const colorGray70 = "rgb(112, 117, 120)";
 export const colorGray80 = "rgb(79, 83, 85)";
@@ -84,3 +84,3 @@ export const colorGray90 = "rgb(66, 69, 71)";
 export const colorTextErrorDark = "rgb(146, 18, 0)";
-export const colorTextIcon = "rgb(102, 106, 109)";
+export const colorTextIcon = "rgb(112, 117, 120)";
 export const colorTextInverse = "rgb(255, 255, 255)";
@@ -97,7 +97,7 @@ export const colorTextInverseWeak = "rgb(200, 204, 207)";
 export const colorTextLinkLight = "rgb(179, 211, 233)";
-export const colorTextPlaceholder = "rgb(102, 106, 109)";
+export const colorTextPlaceholder = "rgb(112, 117, 120)";
 export const colorTextSuccess = "rgb(0, 153, 74)";
 export const colorTextWarning = "rgb(228, 98, 22)";
 export const colorTextWarningDark = "rgb(168, 62, 0)";
-export const colorTextWeak = "rgb(102, 106, 109)";
+export const colorTextWeak = "rgb(112, 117, 120)";
 export const colorTextWeaker = "rgb(200, 204, 207)";
@@ -104,0 +104,0 @@ export const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";

dist/themes/console/tokens.gatsby.json

 {
     "tokens": [{
     "categoryName": "background-colors",
-    "tokens": [{"type":"color","category":"background-color","value":"rgb(248, 248, 249)","comment":"Default background color for any container","originalValue":"{!palette-gray-20}","name":"color-background"},{"type":"color","category":"background-color","value":"rgb(255, 255, 255)","comment":"Background color of the main page body","originalValue":"{!palette-gray-0}","name":"color-background-body"},{"type":"color","category":"background-color","value":"rgb(35, 54, 89)","comment":"Primary brand background, accessible with inverse text","originalValue":"{!midnight}","name":"color-background-brand"},{"type":"color","category":"background-color","value":"rgb(242, 47, 70)","comment":"Highlight brand background, accessible with black text","originalValue":"{!amaranth}","name":"color-background-brand-highlight"},{"type":"color","category":"background-color","value":"rgb(228, 231, 233)","comment":"Dark default background color","originalValue":"{!palette-gray-40}","name":"color-background-dark"},{"type":"color","category":"background-color","value":"rgb(200, 204, 207)","comment":"Darker default background color","originalValue":"{!palette-gray-50}","name":"color-background-darker"},{"type":"color","category":"background-color","value":"rgb(102, 106, 109)","comment":"Darkest default background color","originalValue":"{!palette-gray-70}","name":"color-background-darkest"},{"type":"color","category":"background-color","value":"rgb(226, 37, 37)","comment":"Background for destructive actions or highlights","originalValue":"{!palette-red-60}","name":"color-background-destructive"},{"type":"color","category":"background-color","value":"rgb(146, 18, 0)","comment":"Dark background for destructive actions or highlights","originalValue":"{!palette-red-80}","name":"color-background-destructive-dark"},{"type":"color","category":"background-color","value":"rgb(96, 1, 1)","comment":"Darker background for destructive actions or highlights","originalValue":"{!palette-red-90}","name":"color-background-destructive-darker"},{"type":"color","category":"background-color","value":"rgb(236, 182, 182)","comment":"Light background for destructive actions or highlights","originalValue":"{!palette-red-40}","name":"color-background-destructive-light"},{"type":"color","category":"background-color","value":"rgb(245, 221, 221)","comment":"Lighter background for destructive actions or highlights","originalValue":"{!palette-red-30}","name":"color-background-destructive-lighter"},{"type":"color","category":"background-color","value":"rgb(255, 233, 231)","comment":"Lightest background for destructive actions or highlights","originalValue":"{!palette-red-10}","name":"color-background-destructive-lightest"},{"type":"color","category":"background-color","value":"rgb(226, 37, 37)","comment":"Error background color","originalValue":"{!palette-red-60}","name":"color-background-error"},{"type":"color","category":"background-color","value":"rgb(146, 18, 0)","comment":"Dark error background color","originalValue":"{!palette-red-80}","name":"color-background-error-dark"},{"type":"color","category":"background-color","value":"rgb(255, 233, 231)","comment":"Lightest error background color","originalValue":"{!palette-red-10}","name":"color-background-error-lightest"},{"type":"color","category":"background-color","value":"rgb(40, 42, 43)","comment":"Inverse background color for any container, the darkest gray in the system","originalValue":"{!palette-gray-100}","name":"color-background-inverse"},{"type":"color","category":"background-color","value":"rgb(245, 248, 255)","comment":"Lightest neutral background color","originalValue":"{!palette-blue-10}","name":"color-background-neutral-lightest"},{"type":"color","category":"background-color","value":"rgba(40, 42, 43, 0.5)","comment":"Default background for overlays","originalValue":"{!palette-gray-100-transparent-50}","name":"color-background-overlay"},{"type":"color","category":"background-color","value":"rgb(2, 122, 197)","comment":"Background for primary actions or highlights","originalValue":"{!palette-blue-60}","name":"color-background-primary"},{"type":"color","category":"background-color","value":"rgb(0, 62, 130)","comment":"Dark background for primary actions or highlights","originalValue":"{!palette-blue-80}","name":"color-background-primary-dark"},{"type":"color","category":"background-color","value":"rgb(3, 44, 94)","comment":"Darker background for primary actions or highlights","originalValue":"{!palette-blue-90}","name":"color-background-primary-darker"},{"type":"color","category":"background-color","value":"rgb(179, 211, 233)","comment":"Light background for primary actions or highlights","originalValue":"{!palette-blue-40}","name":"color-background-primary-light"},{"type":"color","category":"background-color","value":"rgb(220, 234, 244)","comment":"Lighter background for primary actions or highlights","originalValue":"{!palette-blue-30}","name":"color-background-primary-lighter"},{"type":"color","category":"background-color","value":"rgb(245, 248, 255)","comment":"Lightest background for primary actions or highlights","originalValue":"{!palette-blue-10}","name":"color-background-primary-lightest"},{"type":"color","category":"background-color","value":"rgb(222, 88, 88)","comment":"Required background color","originalValue":"{!palette-red-50}","name":"color-background-required"},{"type":"color","category":"background-color","value":"rgb(248, 248, 249)","comment":"Background color for alternative striped rows","originalValue":"{!palette-gray-20}","name":"color-background-row-striped"},{"type":"color","category":"background-color","value":"rgb(0, 153, 74)","comment":"Success background color","originalValue":"{!palette-green-60}","name":"color-background-success"},{"type":"color","category":"background-color","value":"rgb(224, 255, 239)","comment":"Lightest success background color","originalValue":"{!palette-green-10}","name":"color-background-success-lightest"},{"type":"color","category":"background-color","value":"rgb(228, 98, 22)","comment":"Warning background color","originalValue":"{!palette-orange-60}","name":"color-background-warning"},{"type":"color","category":"background-color","value":"rgb(255, 236, 216)","comment":"Lightest warning background color","originalValue":"{!palette-orange-10}","name":"color-background-warning-lightest"}]
+    "tokens": [{"type":"color","category":"background-color","value":"rgb(248, 248, 249)","comment":"Default background color for any container","originalValue":"{!palette-gray-20}","name":"color-background"},{"type":"color","category":"background-color","value":"rgb(255, 255, 255)","comment":"Background color of the main page body","originalValue":"{!palette-gray-0}","name":"color-background-body"},{"type":"color","category":"background-color","value":"rgb(35, 54, 89)","comment":"Primary brand background, accessible with inverse text","originalValue":"{!midnight}","name":"color-background-brand"},{"type":"color","category":"background-color","value":"rgb(242, 47, 70)","comment":"Highlight brand background, accessible with black text","originalValue":"{!amaranth}","name":"color-background-brand-highlight"},{"type":"color","category":"background-color","value":"rgb(228, 231, 233)","comment":"Dark default background color","originalValue":"{!palette-gray-40}","name":"color-background-dark"},{"type":"color","category":"background-color","value":"rgb(200, 204, 207)","comment":"Darker default background color","originalValue":"{!palette-gray-50}","name":"color-background-darker"},{"type":"color","category":"background-color","value":"rgb(112, 117, 120)","comment":"Darkest default background color","originalValue":"{!palette-gray-70}","name":"color-background-darkest"},{"type":"color","category":"background-color","value":"rgb(226, 37, 37)","comment":"Background for destructive actions or highlights","originalValue":"{!palette-red-60}","name":"color-background-destructive"},{"type":"color","category":"background-color","value":"rgb(146, 18, 0)","comment":"Dark background for destructive actions or highlights","originalValue":"{!palette-red-80}","name":"color-background-destructive-dark"},{"type":"color","category":"background-color","value":"rgb(96, 1, 1)","comment":"Darker background for destructive actions or highlights","originalValue":"{!palette-red-90}","name":"color-background-destructive-darker"},{"type":"color","category":"background-color","value":"rgb(236, 182, 182)","comment":"Light background for destructive actions or highlights","originalValue":"{!palette-red-40}","name":"color-background-destructive-light"},{"type":"color","category":"background-color","value":"rgb(245, 221, 221)","comment":"Lighter background for destructive actions or highlights","originalValue":"{!palette-red-30}","name":"color-background-destructive-lighter"},{"type":"color","category":"background-color","value":"rgb(255, 233, 231)","comment":"Lightest background for destructive actions or highlights","originalValue":"{!palette-red-10}","name":"color-background-destructive-lightest"},{"type":"color","category":"background-color","value":"rgb(226, 37, 37)","comment":"Error background color","originalValue":"{!palette-red-60}","name":"color-background-error"},{"type":"color","category":"background-color","value":"rgb(146, 18, 0)","comment":"Dark error background color","originalValue":"{!palette-red-80}","name":"color-background-error-dark"},{"type":"color","category":"background-color","value":"rgb(255, 233, 231)","comment":"Lightest error background color","originalValue":"{!palette-red-10}","name":"color-background-error-lightest"},{"type":"color","category":"background-color","value":"rgb(40, 42, 43)","comment":"Inverse background color for any container, the darkest gray in the system","originalValue":"{!palette-gray-100}","name":"color-background-inverse"},{"type":"color","category":"background-color","value":"rgb(245, 248, 255)","comment":"Lightest neutral background color","originalValue":"{!palette-blue-10}","name":"color-background-neutral-lightest"},{"type":"color","category":"background-color","value":"rgba(40, 42, 43, 0.5)","comment":"Default background for overlays","originalValue":"{!palette-gray-100-transparent-50}","name":"color-background-overlay"},{"type":"color","category":"background-color","value":"rgb(2, 122, 197)","comment":"Background for primary actions or highlights","originalValue":"{!palette-blue-60}","name":"color-background-primary"},{"type":"color","category":"background-color","value":"rgb(0, 62, 130)","comment":"Dark background for primary actions or highlights","originalValue":"{!palette-blue-80}","name":"color-background-primary-dark"},{"type":"color","category":"background-color","value":"rgb(3, 44, 94)","comment":"Darker background for primary actions or highlights","originalValue":"{!palette-blue-90}","name":"color-background-primary-darker"},{"type":"color","category":"background-color","value":"rgb(179, 211, 233)","comment":"Light background for primary actions or highlights","originalValue":"{!palette-blue-40}","name":"color-background-primary-light"},{"type":"color","category":"background-color","value":"rgb(220, 234, 244)","comment":"Lighter background for primary actions or highlights","originalValue":"{!palette-blue-30}","name":"color-background-primary-lighter"},{"type":"color","category":"background-color","value":"rgb(245, 248, 255)","comment":"Lightest background for primary actions or highlights","originalValue":"{!palette-blue-10}","name":"color-background-primary-lightest"},{"type":"color","category":"background-color","value":"rgb(222, 88, 88)","comment":"Required background color","originalValue":"{!palette-red-50}","name":"color-background-required"},{"type":"color","category":"background-color","value":"rgb(248, 248, 249)","comment":"Background color for alternative striped rows","originalValue":"{!palette-gray-20}","name":"color-background-row-striped"},{"type":"color","category":"background-color","value":"rgb(0, 153, 74)","comment":"Success background color","originalValue":"{!palette-green-60}","name":"color-background-success"},{"type":"color","category":"background-color","value":"rgb(224, 255, 239)","comment":"Lightest success background color","originalValue":"{!palette-green-10}","name":"color-background-success-lightest"},{"type":"color","category":"background-color","value":"rgb(228, 98, 22)","comment":"Warning background color","originalValue":"{!palette-orange-60}","name":"color-background-warning"},{"type":"color","category":"background-color","value":"rgb(255, 236, 216)","comment":"Lightest warning background color","originalValue":"{!palette-orange-10}","name":"color-background-warning-lightest"}]
   },
@@ -20,3 +20,3 @@ {
     "categoryName": "colors",
-    "tokens": [{"type":"color","category":"color","value":"rgb(35, 54, 89)","comment":"Default branding color","originalValue":"{!midnight}","name":"color-brand"},{"type":"color","category":"color","value":"rgb(242, 47, 70)","comment":"Twilio brand red","originalValue":"{!amaranth}","name":"color-brand-highlight"},{"type":"color","category":"color","value":"rgb(255, 255, 255)","comment":"Gray Color 0","originalValue":"{!palette-gray-0}","name":"color-gray-0"},{"type":"color","category":"color","value":"rgb(249, 250, 251)","comment":"Gray Color 1","originalValue":"{!palette-gray-10}","name":"color-gray-10"},{"type":"color","category":"color","value":"rgb(40, 42, 43)","comment":"Gray Color 10","originalValue":"{!palette-gray-100}","name":"color-gray-100"},{"type":"color","category":"color","value":"rgb(248, 248, 249)","comment":"Gray Color 2","originalValue":"{!palette-gray-20}","name":"color-gray-20"},{"type":"color","category":"color","value":"rgb(242, 243, 244)","comment":"Gray Color 3","originalValue":"{!palette-gray-30}","name":"color-gray-30"},{"type":"color","category":"color","value":"rgb(228, 231, 233)","comment":"Gray Color 4","originalValue":"{!palette-gray-40}","name":"color-gray-40"},{"type":"color","category":"color","value":"rgb(200, 204, 207)","comment":"Gray Color 5","originalValue":"{!palette-gray-50}","name":"color-gray-50"},{"type":"color","category":"color","value":"rgb(136, 140, 142)","comment":"Gray Color 6","originalValue":"{!palette-gray-60}","name":"color-gray-60"},{"type":"color","category":"color","value":"rgb(102, 106, 109)","comment":"Gray Color 7","originalValue":"{!palette-gray-70}","name":"color-gray-70"},{"type":"color","category":"color","value":"rgb(79, 83, 85)","comment":"Gray Color 8","originalValue":"{!palette-gray-80}","name":"color-gray-80"},{"type":"color","category":"color","value":"rgb(66, 69, 71)","comment":"Gray Color 9","originalValue":"{!palette-gray-90}","name":"color-gray-90"}]
+    "tokens": [{"type":"color","category":"color","value":"rgb(35, 54, 89)","comment":"Default branding color","originalValue":"{!midnight}","name":"color-brand"},{"type":"color","category":"color","value":"rgb(242, 47, 70)","comment":"Twilio brand red","originalValue":"{!amaranth}","name":"color-brand-highlight"},{"type":"color","category":"color","value":"rgb(255, 255, 255)","comment":"Gray Color 0","originalValue":"{!palette-gray-0}","name":"color-gray-0"},{"type":"color","category":"color","value":"rgb(249, 250, 251)","comment":"Gray Color 1","originalValue":"{!palette-gray-10}","name":"color-gray-10"},{"type":"color","category":"color","value":"rgb(40, 42, 43)","comment":"Gray Color 10","originalValue":"{!palette-gray-100}","name":"color-gray-100"},{"type":"color","category":"color","value":"rgb(248, 248, 249)","comment":"Gray Color 2","originalValue":"{!palette-gray-20}","name":"color-gray-20"},{"type":"color","category":"color","value":"rgb(242, 243, 244)","comment":"Gray Color 3","originalValue":"{!palette-gray-30}","name":"color-gray-30"},{"type":"color","category":"color","value":"rgb(228, 231, 233)","comment":"Gray Color 4","originalValue":"{!palette-gray-40}","name":"color-gray-40"},{"type":"color","category":"color","value":"rgb(200, 204, 207)","comment":"Gray Color 5","originalValue":"{!palette-gray-50}","name":"color-gray-50"},{"type":"color","category":"color","value":"rgb(136, 140, 142)","comment":"Gray Color 6","originalValue":"{!palette-gray-60}","name":"color-gray-60"},{"type":"color","category":"color","value":"rgb(112, 117, 120)","comment":"Gray Color 7","originalValue":"{!palette-gray-70}","name":"color-gray-70"},{"type":"color","category":"color","value":"rgb(79, 83, 85)","comment":"Gray Color 8","originalValue":"{!palette-gray-80}","name":"color-gray-80"},{"type":"color","category":"color","value":"rgb(66, 69, 71)","comment":"Gray Color 9","originalValue":"{!palette-gray-90}","name":"color-gray-90"}]
   },
@@ -53,3 +53,3 @@ {
     "categoryName": "text-colors",
-    "tokens": [{"type":"color","category":"text-color","value":"rgb(40, 42, 43)","comment":"Body text color","originalValue":"{!palette-gray-100}","name":"color-text"},{"type":"color","category":"text-color","value":"rgb(242, 47, 70)","comment":"Twilio brand red, accessible on large text only.","originalValue":"{!amaranth}","name":"color-text-brand-highlight"},{"type":"color","category":"text-color","value":"rgb(255, 255, 255)","comment":"Text color used on any brand color","originalValue":"{!white}","name":"color-text-brand-inverse"},{"type":"color","category":"text-color","value":"rgb(226, 37, 37)","comment":"Error text for inputs and error misc","originalValue":"{!palette-red-60}","name":"color-text-error"},{"type":"color","category":"text-color","value":"rgb(146, 18, 0)","comment":"Dark error text for inputs and error misc","originalValue":"{!palette-red-80}","name":"color-text-error-dark"},{"type":"color","category":"text-color","value":"rgb(102, 106, 109)","comment":"Default icon color.","originalValue":"{!palette-gray-70}","name":"color-text-icon"},{"type":"color","category":"text-color","value":"rgb(255, 255, 255)","comment":"Inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.","originalValue":"{!palette-gray-0}","name":"color-text-inverse"},{"type":"color","category":"text-color","value":"rgb(200, 204, 207)","comment":"Weak inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.","originalValue":"{!palette-gray-50}","name":"color-text-inverse-weak"},{"type":"color","category":"text-color","value":"rgb(40, 42, 43)","comment":"Text color for field labels.","originalValue":"{!palette-gray-100}","name":"color-text-label"},{"type":"color","category":"text-color","value":"rgb(0, 94, 166)","comment":"Link text","originalValue":"{!palette-blue-70}","name":"color-text-link"},{"type":"color","category":"text-color","value":"rgb(0, 62, 130)","comment":"Dark shade of link text to be used in interactions","originalValue":"{!palette-blue-80}","name":"color-text-link-dark"},{"type":"color","category":"text-color","value":"rgb(3, 44, 94)","comment":"Darker shade of link text to be used in interactions","originalValue":"{!palette-blue-90}","name":"color-text-link-darker"},{"type":"color","category":"text-color","value":"rgb(226, 37, 37)","comment":"Destructive link text","originalValue":"{!palette-red-60}","name":"color-text-link-destructive"},{"type":"color","category":"text-color","value":"rgb(178, 6, 0)","comment":"Dark shade of destructive link text to be used in interactions","originalValue":"{!palette-red-70}","name":"color-text-link-destructive-dark"},{"type":"color","category":"text-color","value":"rgb(146, 18, 0)","comment":"Darker shade of destructive link text to be used in interactions","originalValue":"{!palette-red-80}","name":"color-text-link-destructive-darker"},{"type":"color","category":"text-color","value":"rgb(236, 182, 182)","comment":"Light shade of destructive link text to be used in interactions","originalValue":"{!palette-red-40}","name":"color-text-link-destructive-light"},{"type":"color","category":"text-color","value":"rgb(179, 211, 233)","comment":"Light shade of link text to be used in interactions","originalValue":"{!palette-blue-40}","name":"color-text-link-light"},{"type":"color","category":"text-color","value":"rgb(102, 106, 109)","comment":"Input placeholder text.","originalValue":"{!palette-gray-70}","name":"color-text-placeholder"},{"type":"color","category":"text-color","value":"rgb(0, 153, 74)","comment":"Text color for success text.","originalValue":"{!palette-green-60}","name":"color-text-success"},{"type":"color","category":"text-color","value":"rgb(228, 98, 22)","comment":"Color for warning text.","originalValue":"{!palette-orange-60}","name":"color-text-warning"},{"type":"color","category":"text-color","value":"rgb(168, 62, 0)","comment":"Color for dark warning text.","originalValue":"{!palette-orange-70}","name":"color-text-warning-dark"},{"type":"color","category":"text-color","value":"rgb(102, 106, 109)","comment":"Weak body text for visual hierarchy.","originalValue":"{!palette-gray-70}","name":"color-text-weak"},{"type":"color","category":"text-color","value":"rgb(200, 204, 207)","comment":"Weaker body text for visual hierarchy. Inaccessible unless used on disabled controls.","originalValue":"{!palette-gray-50}","name":"color-text-weaker"}]
+    "tokens": [{"type":"color","category":"text-color","value":"rgb(40, 42, 43)","comment":"Body text color","originalValue":"{!palette-gray-100}","name":"color-text"},{"type":"color","category":"text-color","value":"rgb(242, 47, 70)","comment":"Twilio brand red, accessible on large text only.","originalValue":"{!amaranth}","name":"color-text-brand-highlight"},{"type":"color","category":"text-color","value":"rgb(255, 255, 255)","comment":"Text color used on any brand color","originalValue":"{!white}","name":"color-text-brand-inverse"},{"type":"color","category":"text-color","value":"rgb(226, 37, 37)","comment":"Error text for inputs and error misc","originalValue":"{!palette-red-60}","name":"color-text-error"},{"type":"color","category":"text-color","value":"rgb(146, 18, 0)","comment":"Dark error text for inputs and error misc","originalValue":"{!palette-red-80}","name":"color-text-error-dark"},{"type":"color","category":"text-color","value":"rgb(112, 117, 120)","comment":"Default icon color.","originalValue":"{!palette-gray-70}","name":"color-text-icon"},{"type":"color","category":"text-color","value":"rgb(255, 255, 255)","comment":"Inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.","originalValue":"{!palette-gray-0}","name":"color-text-inverse"},{"type":"color","category":"text-color","value":"rgb(200, 204, 207)","comment":"Weak inverse text color for dark backgrounds. Must pass AA color contrast with color-background-inverse.","originalValue":"{!palette-gray-50}","name":"color-text-inverse-weak"},{"type":"color","category":"text-color","value":"rgb(40, 42, 43)","comment":"Text color for field labels.","originalValue":"{!palette-gray-100}","name":"color-text-label"},{"type":"color","category":"text-color","value":"rgb(0, 94, 166)","comment":"Link text","originalValue":"{!palette-blue-70}","name":"color-text-link"},{"type":"color","category":"text-color","value":"rgb(0, 62, 130)","comment":"Dark shade of link text to be used in interactions","originalValue":"{!palette-blue-80}","name":"color-text-link-dark"},{"type":"color","category":"text-color","value":"rgb(3, 44, 94)","comment":"Darker shade of link text to be used in interactions","originalValue":"{!palette-blue-90}","name":"color-text-link-darker"},{"type":"color","category":"text-color","value":"rgb(226, 37, 37)","comment":"Destructive link text","originalValue":"{!palette-red-60}","name":"color-text-link-destructive"},{"type":"color","category":"text-color","value":"rgb(178, 6, 0)","comment":"Dark shade of destructive link text to be used in interactions","originalValue":"{!palette-red-70}","name":"color-text-link-destructive-dark"},{"type":"color","category":"text-color","value":"rgb(146, 18, 0)","comment":"Darker shade of destructive link text to be used in interactions","originalValue":"{!palette-red-80}","name":"color-text-link-destructive-darker"},{"type":"color","category":"text-color","value":"rgb(236, 182, 182)","comment":"Light shade of destructive link text to be used in interactions","originalValue":"{!palette-red-40}","name":"color-text-link-destructive-light"},{"type":"color","category":"text-color","value":"rgb(179, 211, 233)","comment":"Light shade of link text to be used in interactions","originalValue":"{!palette-blue-40}","name":"color-text-link-light"},{"type":"color","category":"text-color","value":"rgb(112, 117, 120)","comment":"Input placeholder text.","originalValue":"{!palette-gray-70}","name":"color-text-placeholder"},{"type":"color","category":"text-color","value":"rgb(0, 153, 74)","comment":"Text color for success text.","originalValue":"{!palette-green-60}","name":"color-text-success"},{"type":"color","category":"text-color","value":"rgb(228, 98, 22)","comment":"Color for warning text.","originalValue":"{!palette-orange-60}","name":"color-text-warning"},{"type":"color","category":"text-color","value":"rgb(168, 62, 0)","comment":"Color for dark warning text.","originalValue":"{!palette-orange-70}","name":"color-text-warning-dark"},{"type":"color","category":"text-color","value":"rgb(112, 117, 120)","comment":"Weak body text for visual hierarchy.","originalValue":"{!palette-gray-70}","name":"color-text-weak"},{"type":"color","category":"text-color","value":"rgb(200, 204, 207)","comment":"Weaker body text for visual hierarchy. Inaccessible unless used on disabled controls.","originalValue":"{!palette-gray-50}","name":"color-text-weaker"}]
   },
@@ -56,0 +56,0 @@ {

dist/themes/console/tokens.ios.json

@@ -216,3 +216,3 @@ {
       "category": "background-color",
-      "value": "rgb(102, 106, 109)",
+      "value": "rgb(112, 117, 120)",
       "comment": "Darkest default background color",
@@ -740,3 +740,3 @@ "name": "colorBackgroundDarkest"
       "category": "color",
-      "value": "rgb(102, 106, 109)",
+      "value": "rgb(112, 117, 120)",
       "comment": "Gray Color 7",
@@ -1287,3 +1287,3 @@ "name": "colorGray70"
       "category": "text-color",
-      "value": "rgb(102, 106, 109)",
+      "value": "rgb(112, 117, 120)",
       "comment": "Weak body text for visual hierarchy.",
@@ -1302,3 +1302,3 @@ "name": "colorTextWeak"
       "category": "text-color",
-      "value": "rgb(102, 106, 109)",
+      "value": "rgb(112, 117, 120)",
       "comment": "Default icon color.",
@@ -1380,3 +1380,3 @@ "name": "colorTextIcon"
       "category": "text-color",
-      "value": "rgb(102, 106, 109)",
+      "value": "rgb(112, 117, 120)",
       "comment": "Input placeholder text.",
@@ -1383,0 +1383,0 @@ "name": "colorTextPlaceholder"

dist/themes/console/tokens.json

@@ -32,3 +32,3 @@ {
   "color-background-overlay": "rgba(40, 42, 43, 0.5)",
-  "color-background-darkest": "rgb(102, 106, 109)",
+  "color-background-darkest": "rgb(112, 117, 120)",
   "color-border-destructive-lighter": "rgb(245, 221, 221)",
@@ -108,3 +108,3 @@ "color-border-primary-lighter": "rgb(220, 234, 244)",
   "color-gray-80": "rgb(79, 83, 85)",
-  "color-gray-70": "rgb(102, 106, 109)",
+  "color-gray-70": "rgb(112, 117, 120)",
   "color-gray-60": "rgb(136, 140, 142)",
@@ -190,5 +190,5 @@ "color-gray-50": "rgb(200, 204, 207)",
   "color-text-success": "rgb(0, 153, 74)",
-  "color-text-weak": "rgb(102, 106, 109)",
+  "color-text-weak": "rgb(112, 117, 120)",
   "color-text-link-destructive-light": "rgb(236, 182, 182)",
-  "color-text-icon": "rgb(102, 106, 109)",
+  "color-text-icon": "rgb(112, 117, 120)",
   "color-text-link": "rgb(0, 94, 166)",
@@ -204,3 +204,3 @@ "color-text-error-dark": "rgb(146, 18, 0)",
   "color-text-weaker": "rgb(200, 204, 207)",
-  "color-text-placeholder": "rgb(102, 106, 109)",
+  "color-text-placeholder": "rgb(112, 117, 120)",
   "color-text-warning-dark": "rgb(168, 62, 0)",
@@ -207,0 +207,0 @@ "color-text-link-destructive-dark": "rgb(178, 6, 0)",

dist/themes/console/tokens.raw.json

@@ -172,3 +172,3 @@ {
     "palette-gray-70": {
-      "value": "#666a6d"
+      "value": "#707578"
     },
@@ -888,3 +888,3 @@ "palette-gray-60": {
       "category": "background-color",
-      "value": "#666a6d",
+      "value": "#707578",
       "comment": "Darkest default background color",
@@ -1487,3 +1487,3 @@ "originalValue": "{!palette-gray-70}",
       "category": "color",
-      "value": "#666a6d",
+      "value": "#707578",
       "comment": "Gray Color 7",
@@ -2115,3 +2115,3 @@ "originalValue": "{!palette-gray-70}",
       "category": "text-color",
-      "value": "#666a6d",
+      "value": "#707578",
       "comment": "Weak body text for visual hierarchy.",
@@ -2132,3 +2132,3 @@ "originalValue": "{!palette-gray-70}",
       "category": "text-color",
-      "value": "#666a6d",
+      "value": "#707578",
       "comment": "Default icon color.",
@@ -2221,3 +2221,3 @@ "originalValue": "{!palette-gray-70}",
       "category": "text-color",
-      "value": "#666a6d",
+      "value": "#707578",
       "comment": "Input placeholder text.",
@@ -2224,0 +2224,0 @@ "originalValue": "{!palette-gray-70}",

package.json

 {
   "name": "@twilio-paste/design-tokens",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "description": "Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.",
@@ -23,3 +23,3 @@ "main": "dist/tokens.common.js",
   },
-  "gitHead": "079d0c2feeafbea3d474298d4cad81809c932c3f"
+  "gitHead": "5af03b6b050bf578dc450e5df18b12e0a590fa12"
 }

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

935387

increased by0.03%

No dependency changes