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

Comparing version 5.2.0 to 5.2.1

CHANGELOG.md

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

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

@@ -25,3 +25,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBackgroundErrorLightest = "rgb(255, 233, 231)";
-export declare const colorBackgroundInverse = "rgb(79, 83, 85)";
+export declare const colorBackgroundInverse = "rgb(40, 42, 43)";
 export declare const colorBackgroundNeutralLightest = "rgb(245, 248, 255)";
@@ -232,3 +232,3 @@ export declare const colorBackgroundOverlay = "rgba(40, 42, 43, 0.5)";
   colorBackgroundErrorLightest: "rgb(255, 233, 231)";
-  colorBackgroundInverse: "rgb(79, 83, 85)";
+  colorBackgroundInverse: "rgb(40, 42, 43)";
   colorBackgroundNeutralLightest: "rgb(245, 248, 255)";
@@ -235,0 +235,0 @@ colorBackgroundOverlay: "rgba(40, 42, 43, 0.5)";

dist/themes/console/tokens.common.js

@@ -25,3 +25,3 @@ const borderRadius0 = "0";
 const colorBackgroundErrorLightest = "rgb(255, 233, 231)";
-const colorBackgroundInverse = "rgb(79, 83, 85)";
+const colorBackgroundInverse = "rgb(40, 42, 43)";
 const colorBackgroundNeutralLightest = "rgb(245, 248, 255)";
@@ -28,0 +28,0 @@ const colorBackgroundOverlay = "rgba(40, 42, 43, 0.5)";

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

@@ -25,3 +25,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBackgroundErrorLightest = "rgb(255, 233, 231)";
-export declare const colorBackgroundInverse = "rgb(79, 83, 85)";
+export declare const colorBackgroundInverse = "rgb(40, 42, 43)";
 export declare const colorBackgroundNeutralLightest = "rgb(245, 248, 255)";
@@ -232,3 +232,3 @@ export declare const colorBackgroundOverlay = "rgba(40, 42, 43, 0.5)";
   colorBackgroundErrorLightest: "rgb(255, 233, 231)";
-  colorBackgroundInverse: "rgb(79, 83, 85)";
+  colorBackgroundInverse: "rgb(40, 42, 43)";
   colorBackgroundNeutralLightest: "rgb(245, 248, 255)";
@@ -235,0 +235,0 @@ colorBackgroundOverlay: "rgba(40, 42, 43, 0.5)";

dist/themes/console/tokens.es6.js

@@ -25,3 +25,3 @@ export const borderRadius0 = "0";
 export const colorBackgroundErrorLightest = "rgb(255, 233, 231)";
-export const colorBackgroundInverse = "rgb(79, 83, 85)";
+export const colorBackgroundInverse = "rgb(40, 42, 43)";
 export const colorBackgroundNeutralLightest = "rgb(245, 248, 255)";
@@ -28,0 +28,0 @@ export const colorBackgroundOverlay = "rgba(40, 42, 43, 0.5)";

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(79, 83, 85)","comment":"Inverse background color for any container","originalValue":"{!palette-gray-80}","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(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"}]
   },
@@ -6,0 +6,0 @@ {

dist/themes/console/tokens.ios.json

@@ -202,4 +202,4 @@ {
       "category": "background-color",
-      "value": "rgb(79, 83, 85)",
-      "comment": "Inverse background color for any container",
+      "value": "rgb(40, 42, 43)",
+      "comment": "Inverse background color for any container, the darkest gray in the system",
       "name": "colorBackgroundInverse"
@@ -206,0 +206,0 @@ },

dist/themes/console/tokens.json

@@ -30,3 +30,3 @@ {
   "color-background-brand-highlight": "rgb(242, 47, 70)",
-  "color-background-inverse": "rgb(79, 83, 85)",
+  "color-background-inverse": "rgb(40, 42, 43)",
   "color-background-overlay": "rgba(40, 42, 43, 0.5)",
@@ -33,0 +33,0 @@ "color-background-darkest": "rgb(102, 106, 109)",

dist/themes/console/tokens.raw.json

@@ -871,5 +871,5 @@ {
       "category": "background-color",
-      "value": "#4f5355",
-      "comment": "Inverse background color for any container",
-      "originalValue": "{!palette-gray-80}",
+      "value": "#282a2b",
+      "comment": "Inverse background color for any container, the darkest gray in the system",
+      "originalValue": "{!palette-gray-100}",
       "name": "color-background-inverse"
@@ -876,0 +876,0 @@ },

dist/themes/sendgrid/tokens.gatsby.json

 {
     "tokens": [{
     "categoryName": "background-colors",
-    "tokens": [{"type":"color","category":"background-color","value":"rgb(243, 244, 246)","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(204, 210, 220)","comment":"Dark default background color","originalValue":"{!palette-gray-40}","name":"color-background-dark"},{"type":"color","category":"background-color","value":"rgb(204, 210, 220)","comment":"Darker default background color","originalValue":"{!palette-gray-40}","name":"color-background-darker"},{"type":"color","category":"background-color","value":"rgb(136, 148, 170)","comment":"Darkest default background color","originalValue":"{!palette-gray-70}","name":"color-background-darkest"},{"type":"color","category":"background-color","value":"rgb(206, 36, 26)","comment":"Background for destructive actions or highlights","originalValue":"{!palette-red-50}","name":"color-background-destructive"},{"type":"color","category":"background-color","value":"rgb(112, 6, 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(71, 5, 0)","comment":"Darker background for destructive actions or highlights","originalValue":"{!palette-red-90}","name":"color-background-destructive-darker"},{"type":"color","category":"background-color","value":"rgb(255, 140, 133)","comment":"Light background for destructive actions or highlights","originalValue":"{!palette-red-30}","name":"color-background-destructive-light"},{"type":"color","category":"background-color","value":"rgb(255, 185, 179)","comment":"Lighter background for destructive actions or highlights","originalValue":"{!palette-red-20}","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(172, 30, 22)","comment":"Error background color","originalValue":"{!palette-red-60}","name":"color-background-error"},{"type":"color","category":"background-color","value":"rgb(148, 8, 0)","comment":"Dark error background color","originalValue":"{!palette-red-70}","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(8, 21, 44)","comment":"Inverse background color for any container","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(8, 21, 44, 0.5)","comment":"Default background for overlays","originalValue":"{!palette-gray-100-transparent-50}","name":"color-background-overlay"},{"type":"color","category":"background-color","value":"rgb(51, 104, 250)","comment":"Background for primary actions or highlights","originalValue":"{!palette-blue-50}","name":"color-background-primary"},{"type":"color","category":"background-color","value":"rgb(0, 44, 166)","comment":"Dark background for primary actions or highlights","originalValue":"{!palette-blue-70}","name":"color-background-primary-dark"},{"type":"color","category":"background-color","value":"rgb(0, 31, 117)","comment":"Darker background for primary actions or highlights","originalValue":"{!palette-blue-80}","name":"color-background-primary-darker"},{"type":"color","category":"background-color","value":"rgb(186, 204, 255)","comment":"Light background for primary actions or highlights","originalValue":"{!palette-blue-30}","name":"color-background-primary-light"},{"type":"color","category":"background-color","value":"rgb(219, 230, 255)","comment":"Lighter background for primary actions or highlights","originalValue":"{!palette-blue-20}","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(232, 83, 74)","comment":"Required background color","originalValue":"{!palette-red-40}","name":"color-background-required"},{"type":"color","category":"background-color","value":"rgb(249, 250, 251)","comment":"Background color for alternative striped rows","originalValue":"{!palette-gray-10}","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(243, 244, 246)","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(204, 210, 220)","comment":"Dark default background color","originalValue":"{!palette-gray-40}","name":"color-background-dark"},{"type":"color","category":"background-color","value":"rgb(204, 210, 220)","comment":"Darker default background color","originalValue":"{!palette-gray-40}","name":"color-background-darker"},{"type":"color","category":"background-color","value":"rgb(136, 148, 170)","comment":"Darkest default background color","originalValue":"{!palette-gray-70}","name":"color-background-darkest"},{"type":"color","category":"background-color","value":"rgb(206, 36, 26)","comment":"Background for destructive actions or highlights","originalValue":"{!palette-red-50}","name":"color-background-destructive"},{"type":"color","category":"background-color","value":"rgb(112, 6, 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(71, 5, 0)","comment":"Darker background for destructive actions or highlights","originalValue":"{!palette-red-90}","name":"color-background-destructive-darker"},{"type":"color","category":"background-color","value":"rgb(255, 140, 133)","comment":"Light background for destructive actions or highlights","originalValue":"{!palette-red-30}","name":"color-background-destructive-light"},{"type":"color","category":"background-color","value":"rgb(255, 185, 179)","comment":"Lighter background for destructive actions or highlights","originalValue":"{!palette-red-20}","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(172, 30, 22)","comment":"Error background color","originalValue":"{!palette-red-60}","name":"color-background-error"},{"type":"color","category":"background-color","value":"rgb(148, 8, 0)","comment":"Dark error background color","originalValue":"{!palette-red-70}","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(8, 21, 44)","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(8, 21, 44, 0.5)","comment":"Default background for overlays","originalValue":"{!palette-gray-100-transparent-50}","name":"color-background-overlay"},{"type":"color","category":"background-color","value":"rgb(51, 104, 250)","comment":"Background for primary actions or highlights","originalValue":"{!palette-blue-50}","name":"color-background-primary"},{"type":"color","category":"background-color","value":"rgb(0, 44, 166)","comment":"Dark background for primary actions or highlights","originalValue":"{!palette-blue-70}","name":"color-background-primary-dark"},{"type":"color","category":"background-color","value":"rgb(0, 31, 117)","comment":"Darker background for primary actions or highlights","originalValue":"{!palette-blue-80}","name":"color-background-primary-darker"},{"type":"color","category":"background-color","value":"rgb(186, 204, 255)","comment":"Light background for primary actions or highlights","originalValue":"{!palette-blue-30}","name":"color-background-primary-light"},{"type":"color","category":"background-color","value":"rgb(219, 230, 255)","comment":"Lighter background for primary actions or highlights","originalValue":"{!palette-blue-20}","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(232, 83, 74)","comment":"Required background color","originalValue":"{!palette-red-40}","name":"color-background-required"},{"type":"color","category":"background-color","value":"rgb(249, 250, 251)","comment":"Background color for alternative striped rows","originalValue":"{!palette-gray-10}","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"}]
   },
@@ -6,0 +6,0 @@ {

dist/themes/sendgrid/tokens.ios.json

@@ -203,3 +203,3 @@ {
       "value": "rgb(8, 21, 44)",
-      "comment": "Inverse background color for any container",
+      "comment": "Inverse background color for any container, the darkest gray in the system",
       "name": "colorBackgroundInverse"
@@ -206,0 +206,0 @@ },

dist/tokens.common.d.ts

@@ -25,3 +25,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBackgroundErrorLightest = "rgb(254, 236, 236)";
-export declare const colorBackgroundInverse = "rgb(31, 48, 76)";
+export declare const colorBackgroundInverse = "rgb(18, 28, 45)";
 export declare const colorBackgroundNeutralLightest = "rgb(235, 244, 255)";
@@ -232,3 +232,3 @@ export declare const colorBackgroundOverlay = "rgba(18, 28, 45, 0.5)";
   colorBackgroundErrorLightest: "rgb(254, 236, 236)";
-  colorBackgroundInverse: "rgb(31, 48, 76)";
+  colorBackgroundInverse: "rgb(18, 28, 45)";
   colorBackgroundNeutralLightest: "rgb(235, 244, 255)";
@@ -235,0 +235,0 @@ colorBackgroundOverlay: "rgba(18, 28, 45, 0.5)";

dist/tokens.common.js

@@ -25,3 +25,3 @@ const borderRadius0 = "0";
 const colorBackgroundErrorLightest = "rgb(254, 236, 236)";
-const colorBackgroundInverse = "rgb(31, 48, 76)";
+const colorBackgroundInverse = "rgb(18, 28, 45)";
 const colorBackgroundNeutralLightest = "rgb(235, 244, 255)";
@@ -28,0 +28,0 @@ const colorBackgroundOverlay = "rgba(18, 28, 45, 0.5)";

dist/tokens.es6.d.ts

@@ -25,3 +25,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBackgroundErrorLightest = "rgb(254, 236, 236)";
-export declare const colorBackgroundInverse = "rgb(31, 48, 76)";
+export declare const colorBackgroundInverse = "rgb(18, 28, 45)";
 export declare const colorBackgroundNeutralLightest = "rgb(235, 244, 255)";
@@ -232,3 +232,3 @@ export declare const colorBackgroundOverlay = "rgba(18, 28, 45, 0.5)";
   colorBackgroundErrorLightest: "rgb(254, 236, 236)";
-  colorBackgroundInverse: "rgb(31, 48, 76)";
+  colorBackgroundInverse: "rgb(18, 28, 45)";
   colorBackgroundNeutralLightest: "rgb(235, 244, 255)";
@@ -235,0 +235,0 @@ colorBackgroundOverlay: "rgba(18, 28, 45, 0.5)";

dist/tokens.es6.js

@@ -25,3 +25,3 @@ export const borderRadius0 = "0";
 export const colorBackgroundErrorLightest = "rgb(254, 236, 236)";
-export const colorBackgroundInverse = "rgb(31, 48, 76)";
+export const colorBackgroundInverse = "rgb(18, 28, 45)";
 export const colorBackgroundNeutralLightest = "rgb(235, 244, 255)";
@@ -28,0 +28,0 @@ export const colorBackgroundOverlay = "rgba(18, 28, 45, 0.5)";

dist/tokens.gatsby.json

 {
     "tokens": [{
     "categoryName": "background-colors",
-    "tokens": [{"type":"color","category":"background-color","value":"rgb(244, 244, 246)","comment":"Default background color for any container","originalValue":"{!palette-gray-10}","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(174, 178, 193)","comment":"Dark default background color","originalValue":"{!palette-gray-40}","name":"color-background-dark"},{"type":"color","category":"background-color","value":"rgb(136, 145, 170)","comment":"Darker default background color","originalValue":"{!palette-gray-50}","name":"color-background-darker"},{"type":"color","category":"background-color","value":"rgb(75, 86, 113)","comment":"Darkest default background color","originalValue":"{!palette-gray-70}","name":"color-background-darkest"},{"type":"color","category":"background-color","value":"rgb(214, 31, 31)","comment":"Background for destructive actions or highlights","originalValue":"{!palette-red-60}","name":"color-background-destructive"},{"type":"color","category":"background-color","value":"rgb(117, 12, 12)","comment":"Dark background for destructive actions or highlights","originalValue":"{!palette-red-80}","name":"color-background-destructive-dark"},{"type":"color","category":"background-color","value":"rgb(74, 11, 11)","comment":"Darker background for destructive actions or highlights","originalValue":"{!palette-red-90}","name":"color-background-destructive-darker"},{"type":"color","category":"background-color","value":"rgb(245, 138, 138)","comment":"Light background for destructive actions or highlights","originalValue":"{!palette-red-40}","name":"color-background-destructive-light"},{"type":"color","category":"background-color","value":"rgb(252, 207, 207)","comment":"Lighter background for destructive actions or highlights","originalValue":"{!palette-red-20}","name":"color-background-destructive-lighter"},{"type":"color","category":"background-color","value":"rgb(254, 236, 236)","comment":"Lightest background for destructive actions or highlights","originalValue":"{!palette-red-10}","name":"color-background-destructive-lightest"},{"type":"color","category":"background-color","value":"rgb(214, 31, 31)","comment":"Error background color","originalValue":"{!palette-red-60}","name":"color-background-error"},{"type":"color","category":"background-color","value":"rgb(117, 12, 12)","comment":"Dark error background color","originalValue":"{!palette-red-80}","name":"color-background-error-dark"},{"type":"color","category":"background-color","value":"rgb(254, 236, 236)","comment":"Lightest error background color","originalValue":"{!palette-red-10}","name":"color-background-error-lightest"},{"type":"color","category":"background-color","value":"rgb(31, 48, 76)","comment":"Inverse background color for any container","originalValue":"{!palette-gray-90}","name":"color-background-inverse"},{"type":"color","category":"background-color","value":"rgb(235, 244, 255)","comment":"Lightest neutral background color","originalValue":"{!palette-blue-10}","name":"color-background-neutral-lightest"},{"type":"color","category":"background-color","value":"rgba(18, 28, 45, 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, 99, 224)","comment":"Background for primary actions or highlights","originalValue":"{!palette-blue-60}","name":"color-background-primary"},{"type":"color","category":"background-color","value":"rgb(0, 20, 137)","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, 11, 93)","comment":"Darker background for primary actions or highlights","originalValue":"{!palette-blue-90}","name":"color-background-primary-darker"},{"type":"color","category":"background-color","value":"rgb(102, 179, 255)","comment":"Light background for primary actions or highlights","originalValue":"{!palette-blue-40}","name":"color-background-primary-light"},{"type":"color","category":"background-color","value":"rgb(204, 228, 255)","comment":"Lighter background for primary actions or highlights","originalValue":"{!palette-blue-20}","name":"color-background-primary-lighter"},{"type":"color","category":"background-color","value":"rgb(235, 244, 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(235, 86, 86)","comment":"Required background color","originalValue":"{!palette-red-50}","name":"color-background-required"},{"type":"color","category":"background-color","value":"rgb(244, 244, 246)","comment":"Background color for alternative striped rows","originalValue":"{!palette-gray-10}","name":"color-background-row-striped"},{"type":"color","category":"background-color","value":"rgb(20, 176, 83)","comment":"Success background color","originalValue":"{!palette-green-60}","name":"color-background-success"},{"type":"color","category":"background-color","value":"rgb(237, 253, 243)","comment":"Lightest success background color","originalValue":"{!palette-green-10}","name":"color-background-success-lightest"},{"type":"color","category":"background-color","value":"rgb(244, 124, 34)","comment":"Warning background color","originalValue":"{!palette-orange-60}","name":"color-background-warning"},{"type":"color","category":"background-color","value":"rgb(254, 245, 238)","comment":"Lightest warning background color","originalValue":"{!palette-orange-10}","name":"color-background-warning-lightest"}]
+    "tokens": [{"type":"color","category":"background-color","value":"rgb(244, 244, 246)","comment":"Default background color for any container","originalValue":"{!palette-gray-10}","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(174, 178, 193)","comment":"Dark default background color","originalValue":"{!palette-gray-40}","name":"color-background-dark"},{"type":"color","category":"background-color","value":"rgb(136, 145, 170)","comment":"Darker default background color","originalValue":"{!palette-gray-50}","name":"color-background-darker"},{"type":"color","category":"background-color","value":"rgb(75, 86, 113)","comment":"Darkest default background color","originalValue":"{!palette-gray-70}","name":"color-background-darkest"},{"type":"color","category":"background-color","value":"rgb(214, 31, 31)","comment":"Background for destructive actions or highlights","originalValue":"{!palette-red-60}","name":"color-background-destructive"},{"type":"color","category":"background-color","value":"rgb(117, 12, 12)","comment":"Dark background for destructive actions or highlights","originalValue":"{!palette-red-80}","name":"color-background-destructive-dark"},{"type":"color","category":"background-color","value":"rgb(74, 11, 11)","comment":"Darker background for destructive actions or highlights","originalValue":"{!palette-red-90}","name":"color-background-destructive-darker"},{"type":"color","category":"background-color","value":"rgb(245, 138, 138)","comment":"Light background for destructive actions or highlights","originalValue":"{!palette-red-40}","name":"color-background-destructive-light"},{"type":"color","category":"background-color","value":"rgb(252, 207, 207)","comment":"Lighter background for destructive actions or highlights","originalValue":"{!palette-red-20}","name":"color-background-destructive-lighter"},{"type":"color","category":"background-color","value":"rgb(254, 236, 236)","comment":"Lightest background for destructive actions or highlights","originalValue":"{!palette-red-10}","name":"color-background-destructive-lightest"},{"type":"color","category":"background-color","value":"rgb(214, 31, 31)","comment":"Error background color","originalValue":"{!palette-red-60}","name":"color-background-error"},{"type":"color","category":"background-color","value":"rgb(117, 12, 12)","comment":"Dark error background color","originalValue":"{!palette-red-80}","name":"color-background-error-dark"},{"type":"color","category":"background-color","value":"rgb(254, 236, 236)","comment":"Lightest error background color","originalValue":"{!palette-red-10}","name":"color-background-error-lightest"},{"type":"color","category":"background-color","value":"rgb(18, 28, 45)","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(235, 244, 255)","comment":"Lightest neutral background color","originalValue":"{!palette-blue-10}","name":"color-background-neutral-lightest"},{"type":"color","category":"background-color","value":"rgba(18, 28, 45, 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, 99, 224)","comment":"Background for primary actions or highlights","originalValue":"{!palette-blue-60}","name":"color-background-primary"},{"type":"color","category":"background-color","value":"rgb(0, 20, 137)","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, 11, 93)","comment":"Darker background for primary actions or highlights","originalValue":"{!palette-blue-90}","name":"color-background-primary-darker"},{"type":"color","category":"background-color","value":"rgb(102, 179, 255)","comment":"Light background for primary actions or highlights","originalValue":"{!palette-blue-40}","name":"color-background-primary-light"},{"type":"color","category":"background-color","value":"rgb(204, 228, 255)","comment":"Lighter background for primary actions or highlights","originalValue":"{!palette-blue-20}","name":"color-background-primary-lighter"},{"type":"color","category":"background-color","value":"rgb(235, 244, 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(235, 86, 86)","comment":"Required background color","originalValue":"{!palette-red-50}","name":"color-background-required"},{"type":"color","category":"background-color","value":"rgb(244, 244, 246)","comment":"Background color for alternative striped rows","originalValue":"{!palette-gray-10}","name":"color-background-row-striped"},{"type":"color","category":"background-color","value":"rgb(20, 176, 83)","comment":"Success background color","originalValue":"{!palette-green-60}","name":"color-background-success"},{"type":"color","category":"background-color","value":"rgb(237, 253, 243)","comment":"Lightest success background color","originalValue":"{!palette-green-10}","name":"color-background-success-lightest"},{"type":"color","category":"background-color","value":"rgb(244, 124, 34)","comment":"Warning background color","originalValue":"{!palette-orange-60}","name":"color-background-warning"},{"type":"color","category":"background-color","value":"rgb(254, 245, 238)","comment":"Lightest warning background color","originalValue":"{!palette-orange-10}","name":"color-background-warning-lightest"}]
   },
@@ -6,0 +6,0 @@ {

dist/tokens.ios.json

@@ -202,4 +202,4 @@ {
       "category": "background-color",
-      "value": "rgb(31, 48, 76)",
-      "comment": "Inverse background color for any container",
+      "value": "rgb(18, 28, 45)",
+      "comment": "Inverse background color for any container, the darkest gray in the system",
       "name": "colorBackgroundInverse"
@@ -206,0 +206,0 @@ },

dist/tokens.json

@@ -30,3 +30,3 @@ {
   "color-background-brand-highlight": "rgb(242, 47, 70)",
-  "color-background-inverse": "rgb(31, 48, 76)",
+  "color-background-inverse": "rgb(18, 28, 45)",
   "color-background-overlay": "rgba(18, 28, 45, 0.5)",
@@ -33,0 +33,0 @@ "color-background-darkest": "rgb(75, 86, 113)",

package.json

 {
   "name": "@twilio-paste/design-tokens",
-  "version": "5.2.0",
+  "version": "5.2.1",
   "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": "a242f38ed6358a2e31dce0c45345ca224a51d703"
+  "gitHead": "079d0c2feeafbea3d474298d4cad81809c932c3f"
 }

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

935103

increased by0.1%

Lines of code

19986

increased by0.02%

No dependency changes