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

Comparing version 6.3.2 to 6.3.3

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [6.3.3](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@6.3.2...@twilio-paste/design-tokens@6.3.3) (2020-09-22)
+
+**Note:** Version bump only for package @twilio-paste/design-tokens
+
+
+
+
+
 ## [6.3.2](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@6.3.1...@twilio-paste/design-tokens@6.3.2) (2020-09-15)
@@ -8,0 +16,0 @@

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

@@ -73,2 +73,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBorderSuccess = "rgb(0, 153, 74)";
+export declare const colorBorderSuccessLight = "rgb(35, 191, 110)";
 export declare const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -334,2 +335,3 @@ export declare const colorBorderWarning = "rgb(228, 98, 22)";
   colorBorderSuccess: "rgb(0, 153, 74)";
+  colorBorderSuccessLight: "rgb(35, 191, 110)";
   colorBorderSuccessLightest: "rgb(224, 255, 239)";
@@ -336,0 +338,0 @@ colorBorderWarning: "rgb(228, 98, 22)";

dist/themes/console/tokens.common.js

@@ -73,2 +73,3 @@ const borderRadius0 = "0";
 const colorBorderSuccess = "rgb(0, 153, 74)";
+const colorBorderSuccessLight = "rgb(35, 191, 110)";
 const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -343,2 +344,3 @@ const colorBorderWarning = "rgb(228, 98, 22)";
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -604,2 +606,3 @@ colorBorderWarning,
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -606,0 +609,0 @@ colorBorderWarning,

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

@@ -73,2 +73,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBorderSuccess = "rgb(0, 153, 74)";
+export declare const colorBorderSuccessLight = "rgb(35, 191, 110)";
 export declare const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -334,2 +335,3 @@ export declare const colorBorderWarning = "rgb(228, 98, 22)";
   colorBorderSuccess: "rgb(0, 153, 74)";
+  colorBorderSuccessLight: "rgb(35, 191, 110)";
   colorBorderSuccessLightest: "rgb(224, 255, 239)";
@@ -336,0 +338,0 @@ colorBorderWarning: "rgb(228, 98, 22)";

dist/themes/console/tokens.es6.js

@@ -73,2 +73,3 @@ export const borderRadius0 = "0";
 export const colorBorderSuccess = "rgb(0, 153, 74)";
+export const colorBorderSuccessLight = "rgb(35, 191, 110)";
 export const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -334,2 +335,3 @@ export const colorBorderWarning = "rgb(228, 98, 22)";
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -336,0 +338,0 @@ colorBorderWarning,

dist/themes/console/tokens.gatsby.json

@@ -8,3 +8,3 @@ {
     "categoryName": "border-colors",
-    "tokens": [{"type":"color","category":"border-color","value":"rgb(136, 140, 142)","comment":"Default border color","originalValue":"{!palette-gray-60}","name":"color-border"},{"type":"color","category":"border-color","value":"rgb(136, 140, 142)","comment":"Dark border color","originalValue":"{!palette-gray-60}","name":"color-border-dark"},{"type":"color","category":"border-color","value":"rgb(226, 37, 37)","comment":"Destructive border color","originalValue":"{!palette-red-60}","name":"color-border-destructive"},{"type":"color","category":"border-color","value":"rgb(146, 18, 0)","comment":"Destructive focus border color","originalValue":"{!palette-red-80}","name":"color-border-destructive-dark"},{"type":"color","category":"border-color","value":"rgb(96, 1, 1)","comment":"Darker destructive hover border color","originalValue":"{!palette-red-90}","name":"color-border-destructive-darker"},{"type":"color","category":"border-color","value":"rgb(236, 182, 182)","comment":"Destructive focus border color","originalValue":"{!palette-red-40}","name":"color-border-destructive-light"},{"type":"color","category":"border-color","value":"rgb(245, 221, 221)","comment":"Destructive focus border color","originalValue":"{!palette-red-30}","name":"color-border-destructive-lighter"},{"type":"color","category":"border-color","value":"rgb(226, 37, 37)","comment":"Error border color","originalValue":"{!palette-red-60}","name":"color-border-error"},{"type":"color","category":"border-color","value":"rgb(146, 18, 0)","comment":"Dark error border color","originalValue":"{!palette-red-80}","name":"color-border-error-dark"},{"type":"color","category":"border-color","value":"rgb(222, 88, 88)","comment":"Light error border color","originalValue":"{!palette-red-50}","name":"color-border-error-light"},{"type":"color","category":"border-color","value":"rgb(255, 233, 231)","comment":"Lightest error border color","originalValue":"{!palette-red-10}","name":"color-border-error-lightest"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.5)","comment":"Border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-50}","name":"color-border-inverse"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.2)","comment":"Darker border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-20}","name":"color-border-inverse-darker"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.9)","comment":"Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-90}","name":"color-border-inverse-lighter"},{"type":"color","category":"border-color","value":"rgb(255, 255, 255)","comment":"Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0}","name":"color-border-inverse-lightest"},{"type":"color","category":"border-color","value":"rgb(200, 204, 207)","comment":"Light border color","originalValue":"{!palette-gray-50}","name":"color-border-light"},{"type":"color","category":"border-color","value":"rgb(228, 231, 233)","comment":"Lighter border color","originalValue":"{!palette-gray-40}","name":"color-border-lighter"},{"type":"color","category":"border-color","value":"rgb(2, 122, 197)","comment":"Neutral border color","originalValue":"{!palette-blue-60}","name":"color-border-neutral"},{"type":"color","category":"border-color","value":"rgb(200, 204, 207)","comment":"Light neutral border color","originalValue":"{!palette-gray-50}","name":"color-border-neutral-light"},{"type":"color","category":"border-color","value":"rgb(2, 122, 197)","comment":"Primary border color","originalValue":"{!palette-blue-60}","name":"color-border-primary"},{"type":"color","category":"border-color","value":"rgb(0, 62, 130)","comment":"Dark primary border color","originalValue":"{!palette-blue-80}","name":"color-border-primary-dark"},{"type":"color","category":"border-color","value":"rgb(3, 44, 94)","comment":"Darker primary border color","originalValue":"{!palette-blue-90}","name":"color-border-primary-darker"},{"type":"color","category":"border-color","value":"rgb(179, 211, 233)","comment":"Light primary border color","originalValue":"{!palette-blue-40}","name":"color-border-primary-light"},{"type":"color","category":"border-color","value":"rgb(220, 234, 244)","comment":"Lighter primary border color","originalValue":"{!palette-blue-30}","name":"color-border-primary-lighter"},{"type":"color","category":"border-color","value":"rgb(0, 153, 74)","comment":"Success border color","originalValue":"{!palette-green-60}","name":"color-border-success"},{"type":"color","category":"border-color","value":"rgb(224, 255, 239)","comment":"Lightest success border color","originalValue":"{!palette-green-10}","name":"color-border-success-lightest"},{"type":"color","category":"border-color","value":"rgb(228, 98, 22)","comment":"Warning border color","originalValue":"{!palette-orange-60}","name":"color-border-warning"},{"type":"color","category":"border-color","value":"rgb(242, 133, 16)","comment":"Light warning border color","originalValue":"{!palette-orange-50}","name":"color-border-warning-light"},{"type":"color","category":"border-color","value":"rgb(255, 236, 216)","comment":"Lightest warning border color","originalValue":"{!palette-orange-10}","name":"color-border-warning-lightest"}]
+    "tokens": [{"type":"color","category":"border-color","value":"rgb(136, 140, 142)","comment":"Default border color","originalValue":"{!palette-gray-60}","name":"color-border"},{"type":"color","category":"border-color","value":"rgb(136, 140, 142)","comment":"Dark border color","originalValue":"{!palette-gray-60}","name":"color-border-dark"},{"type":"color","category":"border-color","value":"rgb(226, 37, 37)","comment":"Destructive border color","originalValue":"{!palette-red-60}","name":"color-border-destructive"},{"type":"color","category":"border-color","value":"rgb(146, 18, 0)","comment":"Destructive focus border color","originalValue":"{!palette-red-80}","name":"color-border-destructive-dark"},{"type":"color","category":"border-color","value":"rgb(96, 1, 1)","comment":"Darker destructive hover border color","originalValue":"{!palette-red-90}","name":"color-border-destructive-darker"},{"type":"color","category":"border-color","value":"rgb(236, 182, 182)","comment":"Destructive focus border color","originalValue":"{!palette-red-40}","name":"color-border-destructive-light"},{"type":"color","category":"border-color","value":"rgb(245, 221, 221)","comment":"Destructive focus border color","originalValue":"{!palette-red-30}","name":"color-border-destructive-lighter"},{"type":"color","category":"border-color","value":"rgb(226, 37, 37)","comment":"Error border color","originalValue":"{!palette-red-60}","name":"color-border-error"},{"type":"color","category":"border-color","value":"rgb(146, 18, 0)","comment":"Dark error border color","originalValue":"{!palette-red-80}","name":"color-border-error-dark"},{"type":"color","category":"border-color","value":"rgb(222, 88, 88)","comment":"Light error border color","originalValue":"{!palette-red-50}","name":"color-border-error-light"},{"type":"color","category":"border-color","value":"rgb(255, 233, 231)","comment":"Lightest error border color","originalValue":"{!palette-red-10}","name":"color-border-error-lightest"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.5)","comment":"Border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-50}","name":"color-border-inverse"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.2)","comment":"Darker border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-20}","name":"color-border-inverse-darker"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.9)","comment":"Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-90}","name":"color-border-inverse-lighter"},{"type":"color","category":"border-color","value":"rgb(255, 255, 255)","comment":"Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0}","name":"color-border-inverse-lightest"},{"type":"color","category":"border-color","value":"rgb(200, 204, 207)","comment":"Light border color","originalValue":"{!palette-gray-50}","name":"color-border-light"},{"type":"color","category":"border-color","value":"rgb(228, 231, 233)","comment":"Lighter border color","originalValue":"{!palette-gray-40}","name":"color-border-lighter"},{"type":"color","category":"border-color","value":"rgb(2, 122, 197)","comment":"Neutral border color","originalValue":"{!palette-blue-60}","name":"color-border-neutral"},{"type":"color","category":"border-color","value":"rgb(200, 204, 207)","comment":"Light neutral border color","originalValue":"{!palette-gray-50}","name":"color-border-neutral-light"},{"type":"color","category":"border-color","value":"rgb(2, 122, 197)","comment":"Primary border color","originalValue":"{!palette-blue-60}","name":"color-border-primary"},{"type":"color","category":"border-color","value":"rgb(0, 62, 130)","comment":"Dark primary border color","originalValue":"{!palette-blue-80}","name":"color-border-primary-dark"},{"type":"color","category":"border-color","value":"rgb(3, 44, 94)","comment":"Darker primary border color","originalValue":"{!palette-blue-90}","name":"color-border-primary-darker"},{"type":"color","category":"border-color","value":"rgb(179, 211, 233)","comment":"Light primary border color","originalValue":"{!palette-blue-40}","name":"color-border-primary-light"},{"type":"color","category":"border-color","value":"rgb(220, 234, 244)","comment":"Lighter primary border color","originalValue":"{!palette-blue-30}","name":"color-border-primary-lighter"},{"type":"color","category":"border-color","value":"rgb(0, 153, 74)","comment":"Success border color","originalValue":"{!palette-green-60}","name":"color-border-success"},{"type":"color","category":"border-color","value":"rgb(35, 191, 110)","comment":"Light success border color","originalValue":"{!palette-green-50}","name":"color-border-success-light"},{"type":"color","category":"border-color","value":"rgb(224, 255, 239)","comment":"Lightest success border color","originalValue":"{!palette-green-10}","name":"color-border-success-lightest"},{"type":"color","category":"border-color","value":"rgb(228, 98, 22)","comment":"Warning border color","originalValue":"{!palette-orange-60}","name":"color-border-warning"},{"type":"color","category":"border-color","value":"rgb(242, 133, 16)","comment":"Light warning border color","originalValue":"{!palette-orange-50}","name":"color-border-warning-light"},{"type":"color","category":"border-color","value":"rgb(255, 236, 216)","comment":"Lightest warning border color","originalValue":"{!palette-orange-10}","name":"color-border-warning-lightest"}]
   },
@@ -11,0 +11,0 @@ {

dist/themes/console/tokens.ios.json

@@ -405,2 +405,9 @@ {
       "category": "border-color",
+      "value": "rgb(35, 191, 110)",
+      "comment": "Light success border color",
+      "name": "colorBorderSuccessLight"
+    },
+    {
+      "type": "color",
+      "category": "border-color",
       "value": "rgb(136, 140, 142)",
@@ -407,0 +414,0 @@ "comment": "Default border color",

dist/themes/console/tokens.json

@@ -59,2 +59,3 @@ {
   "color-border-primary-light": "rgb(179, 211, 233)",
+  "color-border-success-light": "rgb(35, 191, 110)",
   "color-border": "rgb(136, 140, 142)",
@@ -61,0 +62,0 @@ "color-border-inverse-darker": "rgba(255, 255, 255, 0.2)",

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

@@ -73,2 +73,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBorderSuccess = "rgb(0, 153, 74)";
+export declare const colorBorderSuccessLight = "rgb(54, 213, 118)";
 export declare const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -336,2 +337,3 @@ export declare const colorBorderWarning = "rgb(228, 98, 22)";
   colorBorderSuccess: "rgb(0, 153, 74)";
+  colorBorderSuccessLight: "rgb(54, 213, 118)";
   colorBorderSuccessLightest: "rgb(224, 255, 239)";
@@ -338,0 +340,0 @@ colorBorderWarning: "rgb(228, 98, 22)";

dist/themes/sendgrid/tokens.common.js

@@ -73,2 +73,3 @@ const borderRadius0 = "0";
 const colorBorderSuccess = "rgb(0, 153, 74)";
+const colorBorderSuccessLight = "rgb(54, 213, 118)";
 const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -345,2 +346,3 @@ const colorBorderWarning = "rgb(228, 98, 22)";
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -608,2 +610,3 @@ colorBorderWarning,
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -610,0 +613,0 @@ colorBorderWarning,

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

@@ -73,2 +73,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBorderSuccess = "rgb(0, 153, 74)";
+export declare const colorBorderSuccessLight = "rgb(54, 213, 118)";
 export declare const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -336,2 +337,3 @@ export declare const colorBorderWarning = "rgb(228, 98, 22)";
   colorBorderSuccess: "rgb(0, 153, 74)";
+  colorBorderSuccessLight: "rgb(54, 213, 118)";
   colorBorderSuccessLightest: "rgb(224, 255, 239)";
@@ -338,0 +340,0 @@ colorBorderWarning: "rgb(228, 98, 22)";

dist/themes/sendgrid/tokens.es6.js

@@ -73,2 +73,3 @@ export const borderRadius0 = "0";
 export const colorBorderSuccess = "rgb(0, 153, 74)";
+export const colorBorderSuccessLight = "rgb(54, 213, 118)";
 export const colorBorderSuccessLightest = "rgb(224, 255, 239)";
@@ -336,2 +337,3 @@ export const colorBorderWarning = "rgb(228, 98, 22)";
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -338,0 +340,0 @@ colorBorderWarning,

dist/themes/sendgrid/tokens.gatsby.json

@@ -8,3 +8,3 @@ {
     "categoryName": "border-colors",
-    "tokens": [{"type":"color","category":"border-color","value":"rgb(136, 148, 170)","comment":"Default border color","originalValue":"{!palette-gray-70}","name":"color-border"},{"type":"color","category":"border-color","value":"rgb(156, 167, 186)","comment":"Dark border color","originalValue":"{!palette-gray-60}","name":"color-border-dark"},{"type":"color","category":"border-color","value":"rgb(206, 36, 26)","comment":"Destructive border color","originalValue":"{!palette-red-50}","name":"color-border-destructive"},{"type":"color","category":"border-color","value":"rgb(112, 6, 0)","comment":"Destructive focus border color","originalValue":"{!palette-red-80}","name":"color-border-destructive-dark"},{"type":"color","category":"border-color","value":"rgb(71, 5, 0)","comment":"Darker destructive hover border color","originalValue":"{!palette-red-90}","name":"color-border-destructive-darker"},{"type":"color","category":"border-color","value":"rgb(255, 140, 133)","comment":"Destructive focus border color","originalValue":"{!palette-red-30}","name":"color-border-destructive-light"},{"type":"color","category":"border-color","value":"rgb(255, 185, 179)","comment":"Destructive focus border color","originalValue":"{!palette-red-20}","name":"color-border-destructive-lighter"},{"type":"color","category":"border-color","value":"rgb(172, 30, 22)","comment":"Error border color","originalValue":"{!palette-red-60}","name":"color-border-error"},{"type":"color","category":"border-color","value":"rgb(148, 8, 0)","comment":"Dark error border color","originalValue":"{!palette-red-70}","name":"color-border-error-dark"},{"type":"color","category":"border-color","value":"rgb(232, 83, 74)","comment":"Light error border color","originalValue":"{!palette-red-40}","name":"color-border-error-light"},{"type":"color","category":"border-color","value":"rgb(255, 233, 231)","comment":"Lightest error border color","originalValue":"{!palette-red-10}","name":"color-border-error-lightest"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.5)","comment":"Border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-50}","name":"color-border-inverse"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.2)","comment":"Darker border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-20}","name":"color-border-inverse-darker"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.9)","comment":"Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-90}","name":"color-border-inverse-lighter"},{"type":"color","category":"border-color","value":"rgb(255, 255, 255)","comment":"Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0}","name":"color-border-inverse-lightest"},{"type":"color","category":"border-color","value":"rgb(182, 191, 206)","comment":"Light border color","originalValue":"{!palette-gray-50}","name":"color-border-light"},{"type":"color","category":"border-color","value":"rgb(204, 210, 220)","comment":"Lighter border color","originalValue":"{!palette-gray-40}","name":"color-border-lighter"},{"type":"color","category":"border-color","value":"rgb(2, 99, 224)","comment":"Neutral border color","originalValue":"{!palette-blue-60}","name":"color-border-neutral"},{"type":"color","category":"border-color","value":"rgb(182, 191, 206)","comment":"Light neutral border color","originalValue":"{!palette-gray-50}","name":"color-border-neutral-light"},{"type":"color","category":"border-color","value":"rgb(51, 104, 250)","comment":"Primary border color","originalValue":"{!palette-blue-50}","name":"color-border-primary"},{"type":"color","category":"border-color","value":"rgb(0, 44, 166)","comment":"Dark primary border color","originalValue":"{!palette-blue-70}","name":"color-border-primary-dark"},{"type":"color","category":"border-color","value":"rgb(0, 31, 117)","comment":"Darker primary border color","originalValue":"{!palette-blue-80}","name":"color-border-primary-darker"},{"type":"color","category":"border-color","value":"rgb(186, 204, 255)","comment":"Light primary border color","originalValue":"{!palette-blue-30}","name":"color-border-primary-light"},{"type":"color","category":"border-color","value":"rgb(219, 230, 255)","comment":"Lighter primary border color","originalValue":"{!palette-blue-20}","name":"color-border-primary-lighter"},{"type":"color","category":"border-color","value":"rgb(0, 153, 74)","comment":"Success border color","originalValue":"{!palette-green-60}","name":"color-border-success"},{"type":"color","category":"border-color","value":"rgb(224, 255, 239)","comment":"Lightest success border color","originalValue":"{!palette-green-10}","name":"color-border-success-lightest"},{"type":"color","category":"border-color","value":"rgb(228, 98, 22)","comment":"Warning border color","originalValue":"{!palette-orange-60}","name":"color-border-warning"},{"type":"color","category":"border-color","value":"rgb(250, 156, 102)","comment":"Light warning border color","originalValue":"{!palette-orange-40}","name":"color-border-warning-light"},{"type":"color","category":"border-color","value":"rgb(255, 236, 216)","comment":"Lightest warning border color","originalValue":"{!palette-orange-10}","name":"color-border-warning-lightest"}]
+    "tokens": [{"type":"color","category":"border-color","value":"rgb(136, 148, 170)","comment":"Default border color","originalValue":"{!palette-gray-70}","name":"color-border"},{"type":"color","category":"border-color","value":"rgb(156, 167, 186)","comment":"Dark border color","originalValue":"{!palette-gray-60}","name":"color-border-dark"},{"type":"color","category":"border-color","value":"rgb(206, 36, 26)","comment":"Destructive border color","originalValue":"{!palette-red-50}","name":"color-border-destructive"},{"type":"color","category":"border-color","value":"rgb(112, 6, 0)","comment":"Destructive focus border color","originalValue":"{!palette-red-80}","name":"color-border-destructive-dark"},{"type":"color","category":"border-color","value":"rgb(71, 5, 0)","comment":"Darker destructive hover border color","originalValue":"{!palette-red-90}","name":"color-border-destructive-darker"},{"type":"color","category":"border-color","value":"rgb(255, 140, 133)","comment":"Destructive focus border color","originalValue":"{!palette-red-30}","name":"color-border-destructive-light"},{"type":"color","category":"border-color","value":"rgb(255, 185, 179)","comment":"Destructive focus border color","originalValue":"{!palette-red-20}","name":"color-border-destructive-lighter"},{"type":"color","category":"border-color","value":"rgb(172, 30, 22)","comment":"Error border color","originalValue":"{!palette-red-60}","name":"color-border-error"},{"type":"color","category":"border-color","value":"rgb(148, 8, 0)","comment":"Dark error border color","originalValue":"{!palette-red-70}","name":"color-border-error-dark"},{"type":"color","category":"border-color","value":"rgb(232, 83, 74)","comment":"Light error border color","originalValue":"{!palette-red-40}","name":"color-border-error-light"},{"type":"color","category":"border-color","value":"rgb(255, 233, 231)","comment":"Lightest error border color","originalValue":"{!palette-red-10}","name":"color-border-error-lightest"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.5)","comment":"Border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-50}","name":"color-border-inverse"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.2)","comment":"Darker border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-20}","name":"color-border-inverse-darker"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.9)","comment":"Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-90}","name":"color-border-inverse-lighter"},{"type":"color","category":"border-color","value":"rgb(255, 255, 255)","comment":"Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0}","name":"color-border-inverse-lightest"},{"type":"color","category":"border-color","value":"rgb(182, 191, 206)","comment":"Light border color","originalValue":"{!palette-gray-50}","name":"color-border-light"},{"type":"color","category":"border-color","value":"rgb(204, 210, 220)","comment":"Lighter border color","originalValue":"{!palette-gray-40}","name":"color-border-lighter"},{"type":"color","category":"border-color","value":"rgb(2, 99, 224)","comment":"Neutral border color","originalValue":"{!palette-blue-60}","name":"color-border-neutral"},{"type":"color","category":"border-color","value":"rgb(182, 191, 206)","comment":"Light neutral border color","originalValue":"{!palette-gray-50}","name":"color-border-neutral-light"},{"type":"color","category":"border-color","value":"rgb(51, 104, 250)","comment":"Primary border color","originalValue":"{!palette-blue-50}","name":"color-border-primary"},{"type":"color","category":"border-color","value":"rgb(0, 44, 166)","comment":"Dark primary border color","originalValue":"{!palette-blue-70}","name":"color-border-primary-dark"},{"type":"color","category":"border-color","value":"rgb(0, 31, 117)","comment":"Darker primary border color","originalValue":"{!palette-blue-80}","name":"color-border-primary-darker"},{"type":"color","category":"border-color","value":"rgb(186, 204, 255)","comment":"Light primary border color","originalValue":"{!palette-blue-30}","name":"color-border-primary-light"},{"type":"color","category":"border-color","value":"rgb(219, 230, 255)","comment":"Lighter primary border color","originalValue":"{!palette-blue-20}","name":"color-border-primary-lighter"},{"type":"color","category":"border-color","value":"rgb(0, 153, 74)","comment":"Success border color","originalValue":"{!palette-green-60}","name":"color-border-success"},{"type":"color","category":"border-color","value":"rgb(54, 213, 118)","comment":"Light success border color","originalValue":"{!palette-green-50}","name":"color-border-success-light"},{"type":"color","category":"border-color","value":"rgb(224, 255, 239)","comment":"Lightest success border color","originalValue":"{!palette-green-10}","name":"color-border-success-lightest"},{"type":"color","category":"border-color","value":"rgb(228, 98, 22)","comment":"Warning border color","originalValue":"{!palette-orange-60}","name":"color-border-warning"},{"type":"color","category":"border-color","value":"rgb(250, 156, 102)","comment":"Light warning border color","originalValue":"{!palette-orange-40}","name":"color-border-warning-light"},{"type":"color","category":"border-color","value":"rgb(255, 236, 216)","comment":"Lightest warning border color","originalValue":"{!palette-orange-10}","name":"color-border-warning-lightest"}]
   },
@@ -11,0 +11,0 @@ {

dist/themes/sendgrid/tokens.ios.json

@@ -405,2 +405,9 @@ {
       "category": "border-color",
+      "value": "rgb(54, 213, 118)",
+      "comment": "Light success border color",
+      "name": "colorBorderSuccessLight"
+    },
+    {
+      "type": "color",
+      "category": "border-color",
       "value": "rgb(136, 148, 170)",
@@ -407,0 +414,0 @@ "comment": "Default border color",

dist/themes/sendgrid/tokens.json

@@ -59,2 +59,3 @@ {
   "color-border-primary-light": "rgb(186, 204, 255)",
+  "color-border-success-light": "rgb(54, 213, 118)",
   "color-border": "rgb(136, 148, 170)",
@@ -61,0 +62,0 @@ "color-border-inverse-darker": "rgba(255, 255, 255, 0.2)",

dist/tokens.common.d.ts

@@ -73,2 +73,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBorderSuccess = "rgb(20, 176, 83)";
+export declare const colorBorderSuccessLight = "rgb(54, 213, 118)";
 export declare const colorBorderSuccessLightest = "rgb(237, 253, 243)";
@@ -334,2 +335,3 @@ export declare const colorBorderWarning = "rgb(244, 124, 34)";
   colorBorderSuccess: "rgb(20, 176, 83)";
+  colorBorderSuccessLight: "rgb(54, 213, 118)";
   colorBorderSuccessLightest: "rgb(237, 253, 243)";
@@ -336,0 +338,0 @@ colorBorderWarning: "rgb(244, 124, 34)";

dist/tokens.common.js

@@ -73,2 +73,3 @@ const borderRadius0 = "0";
 const colorBorderSuccess = "rgb(20, 176, 83)";
+const colorBorderSuccessLight = "rgb(54, 213, 118)";
 const colorBorderSuccessLightest = "rgb(237, 253, 243)";
@@ -343,2 +344,3 @@ const colorBorderWarning = "rgb(244, 124, 34)";
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -604,2 +606,3 @@ colorBorderWarning,
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -606,0 +609,0 @@ colorBorderWarning,

dist/tokens.es6.d.ts

@@ -73,2 +73,3 @@ export declare const borderRadius0 = "0";
 export declare const colorBorderSuccess = "rgb(20, 176, 83)";
+export declare const colorBorderSuccessLight = "rgb(54, 213, 118)";
 export declare const colorBorderSuccessLightest = "rgb(237, 253, 243)";
@@ -334,2 +335,3 @@ export declare const colorBorderWarning = "rgb(244, 124, 34)";
   colorBorderSuccess: "rgb(20, 176, 83)";
+  colorBorderSuccessLight: "rgb(54, 213, 118)";
   colorBorderSuccessLightest: "rgb(237, 253, 243)";
@@ -336,0 +338,0 @@ colorBorderWarning: "rgb(244, 124, 34)";

dist/tokens.es6.js

@@ -73,2 +73,3 @@ export const borderRadius0 = "0";
 export const colorBorderSuccess = "rgb(20, 176, 83)";
+export const colorBorderSuccessLight = "rgb(54, 213, 118)";
 export const colorBorderSuccessLightest = "rgb(237, 253, 243)";
@@ -334,2 +335,3 @@ export const colorBorderWarning = "rgb(244, 124, 34)";
 colorBorderSuccess,
+colorBorderSuccessLight,
 colorBorderSuccessLightest,
@@ -336,0 +338,0 @@ colorBorderWarning,

dist/tokens.gatsby.json

@@ -8,3 +8,3 @@ {
     "categoryName": "border-colors",
-    "tokens": [{"type":"color","category":"border-color","value":"rgb(136, 145, 170)","comment":"Default border color","originalValue":"{!palette-gray-50}","name":"color-border"},{"type":"color","category":"border-color","value":"rgb(96, 107, 133)","comment":"Dark border color","originalValue":"{!palette-gray-60}","name":"color-border-dark"},{"type":"color","category":"border-color","value":"rgb(214, 31, 31)","comment":"Destructive border color","originalValue":"{!palette-red-60}","name":"color-border-destructive"},{"type":"color","category":"border-color","value":"rgb(117, 12, 12)","comment":"Destructive focus border color","originalValue":"{!palette-red-80}","name":"color-border-destructive-dark"},{"type":"color","category":"border-color","value":"rgb(74, 11, 11)","comment":"Darker destructive hover border color","originalValue":"{!palette-red-90}","name":"color-border-destructive-darker"},{"type":"color","category":"border-color","value":"rgb(245, 138, 138)","comment":"Destructive focus border color","originalValue":"{!palette-red-40}","name":"color-border-destructive-light"},{"type":"color","category":"border-color","value":"rgb(252, 207, 207)","comment":"Destructive focus border color","originalValue":"{!palette-red-20}","name":"color-border-destructive-lighter"},{"type":"color","category":"border-color","value":"rgb(214, 31, 31)","comment":"Error border color","originalValue":"{!palette-red-60}","name":"color-border-error"},{"type":"color","category":"border-color","value":"rgb(117, 12, 12)","comment":"Dark error border color","originalValue":"{!palette-red-80}","name":"color-border-error-dark"},{"type":"color","category":"border-color","value":"rgb(245, 138, 138)","comment":"Light error border color","originalValue":"{!palette-red-40}","name":"color-border-error-light"},{"type":"color","category":"border-color","value":"rgb(254, 236, 236)","comment":"Lightest error border color","originalValue":"{!palette-red-10}","name":"color-border-error-lightest"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.5)","comment":"Border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-50}","name":"color-border-inverse"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.2)","comment":"Darker border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-20}","name":"color-border-inverse-darker"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.9)","comment":"Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-90}","name":"color-border-inverse-lighter"},{"type":"color","category":"border-color","value":"rgb(255, 255, 255)","comment":"Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0}","name":"color-border-inverse-lightest"},{"type":"color","category":"border-color","value":"rgb(202, 205, 216)","comment":"Light border color","originalValue":"{!palette-gray-30}","name":"color-border-light"},{"type":"color","category":"border-color","value":"rgb(225, 227, 234)","comment":"Lighter border color","originalValue":"{!palette-gray-20}","name":"color-border-lighter"},{"type":"color","category":"border-color","value":"rgb(2, 99, 224)","comment":"Neutral border color","originalValue":"{!palette-blue-60}","name":"color-border-neutral"},{"type":"color","category":"border-color","value":"rgb(136, 145, 170)","comment":"Light neutral border color","originalValue":"{!palette-gray-50}","name":"color-border-neutral-light"},{"type":"color","category":"border-color","value":"rgb(2, 99, 224)","comment":"Primary border color","originalValue":"{!palette-blue-60}","name":"color-border-primary"},{"type":"color","category":"border-color","value":"rgb(0, 20, 137)","comment":"Dark primary border color","originalValue":"{!palette-blue-80}","name":"color-border-primary-dark"},{"type":"color","category":"border-color","value":"rgb(3, 11, 93)","comment":"Darker primary border color","originalValue":"{!palette-blue-90}","name":"color-border-primary-darker"},{"type":"color","category":"border-color","value":"rgb(102, 179, 255)","comment":"Light primary border color","originalValue":"{!palette-blue-40}","name":"color-border-primary-light"},{"type":"color","category":"border-color","value":"rgb(204, 228, 255)","comment":"Lighter primary border color","originalValue":"{!palette-blue-20}","name":"color-border-primary-lighter"},{"type":"color","category":"border-color","value":"rgb(20, 176, 83)","comment":"Success border color","originalValue":"{!palette-green-60}","name":"color-border-success"},{"type":"color","category":"border-color","value":"rgb(237, 253, 243)","comment":"Lightest success border color","originalValue":"{!palette-green-10}","name":"color-border-success-lightest"},{"type":"color","category":"border-color","value":"rgb(244, 124, 34)","comment":"Warning border color","originalValue":"{!palette-orange-60}","name":"color-border-warning"},{"type":"color","category":"border-color","value":"rgb(255, 179, 122)","comment":"Light warning border color","originalValue":"{!palette-orange-40}","name":"color-border-warning-light"},{"type":"color","category":"border-color","value":"rgb(254, 245, 238)","comment":"Lightest warning border color","originalValue":"{!palette-orange-10}","name":"color-border-warning-lightest"}]
+    "tokens": [{"type":"color","category":"border-color","value":"rgb(136, 145, 170)","comment":"Default border color","originalValue":"{!palette-gray-50}","name":"color-border"},{"type":"color","category":"border-color","value":"rgb(96, 107, 133)","comment":"Dark border color","originalValue":"{!palette-gray-60}","name":"color-border-dark"},{"type":"color","category":"border-color","value":"rgb(214, 31, 31)","comment":"Destructive border color","originalValue":"{!palette-red-60}","name":"color-border-destructive"},{"type":"color","category":"border-color","value":"rgb(117, 12, 12)","comment":"Destructive focus border color","originalValue":"{!palette-red-80}","name":"color-border-destructive-dark"},{"type":"color","category":"border-color","value":"rgb(74, 11, 11)","comment":"Darker destructive hover border color","originalValue":"{!palette-red-90}","name":"color-border-destructive-darker"},{"type":"color","category":"border-color","value":"rgb(245, 138, 138)","comment":"Destructive focus border color","originalValue":"{!palette-red-40}","name":"color-border-destructive-light"},{"type":"color","category":"border-color","value":"rgb(252, 207, 207)","comment":"Destructive focus border color","originalValue":"{!palette-red-20}","name":"color-border-destructive-lighter"},{"type":"color","category":"border-color","value":"rgb(214, 31, 31)","comment":"Error border color","originalValue":"{!palette-red-60}","name":"color-border-error"},{"type":"color","category":"border-color","value":"rgb(117, 12, 12)","comment":"Dark error border color","originalValue":"{!palette-red-80}","name":"color-border-error-dark"},{"type":"color","category":"border-color","value":"rgb(245, 138, 138)","comment":"Light error border color","originalValue":"{!palette-red-40}","name":"color-border-error-light"},{"type":"color","category":"border-color","value":"rgb(254, 236, 236)","comment":"Lightest error border color","originalValue":"{!palette-red-10}","name":"color-border-error-lightest"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.5)","comment":"Border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-50}","name":"color-border-inverse"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.2)","comment":"Darker border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-20}","name":"color-border-inverse-darker"},{"type":"color","category":"border-color","value":"rgba(255, 255, 255, 0.9)","comment":"Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0-transparent-90}","name":"color-border-inverse-lighter"},{"type":"color","category":"border-color","value":"rgb(255, 255, 255)","comment":"Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.","originalValue":"{!palette-gray-0}","name":"color-border-inverse-lightest"},{"type":"color","category":"border-color","value":"rgb(202, 205, 216)","comment":"Light border color","originalValue":"{!palette-gray-30}","name":"color-border-light"},{"type":"color","category":"border-color","value":"rgb(225, 227, 234)","comment":"Lighter border color","originalValue":"{!palette-gray-20}","name":"color-border-lighter"},{"type":"color","category":"border-color","value":"rgb(2, 99, 224)","comment":"Neutral border color","originalValue":"{!palette-blue-60}","name":"color-border-neutral"},{"type":"color","category":"border-color","value":"rgb(136, 145, 170)","comment":"Light neutral border color","originalValue":"{!palette-gray-50}","name":"color-border-neutral-light"},{"type":"color","category":"border-color","value":"rgb(2, 99, 224)","comment":"Primary border color","originalValue":"{!palette-blue-60}","name":"color-border-primary"},{"type":"color","category":"border-color","value":"rgb(0, 20, 137)","comment":"Dark primary border color","originalValue":"{!palette-blue-80}","name":"color-border-primary-dark"},{"type":"color","category":"border-color","value":"rgb(3, 11, 93)","comment":"Darker primary border color","originalValue":"{!palette-blue-90}","name":"color-border-primary-darker"},{"type":"color","category":"border-color","value":"rgb(102, 179, 255)","comment":"Light primary border color","originalValue":"{!palette-blue-40}","name":"color-border-primary-light"},{"type":"color","category":"border-color","value":"rgb(204, 228, 255)","comment":"Lighter primary border color","originalValue":"{!palette-blue-20}","name":"color-border-primary-lighter"},{"type":"color","category":"border-color","value":"rgb(20, 176, 83)","comment":"Success border color","originalValue":"{!palette-green-60}","name":"color-border-success"},{"type":"color","category":"border-color","value":"rgb(54, 213, 118)","comment":"Light success border color","originalValue":"{!palette-green-50}","name":"color-border-success-light"},{"type":"color","category":"border-color","value":"rgb(237, 253, 243)","comment":"Lightest success border color","originalValue":"{!palette-green-10}","name":"color-border-success-lightest"},{"type":"color","category":"border-color","value":"rgb(244, 124, 34)","comment":"Warning border color","originalValue":"{!palette-orange-60}","name":"color-border-warning"},{"type":"color","category":"border-color","value":"rgb(255, 179, 122)","comment":"Light warning border color","originalValue":"{!palette-orange-40}","name":"color-border-warning-light"},{"type":"color","category":"border-color","value":"rgb(254, 245, 238)","comment":"Lightest warning border color","originalValue":"{!palette-orange-10}","name":"color-border-warning-lightest"}]
   },
@@ -11,0 +11,0 @@ {

dist/tokens.ios.json

@@ -405,2 +405,9 @@ {
       "category": "border-color",
+      "value": "rgb(54, 213, 118)",
+      "comment": "Light success border color",
+      "name": "colorBorderSuccessLight"
+    },
+    {
+      "type": "color",
+      "category": "border-color",
       "value": "rgb(136, 145, 170)",
@@ -407,0 +414,0 @@ "comment": "Default border color",

dist/tokens.json

@@ -59,2 +59,3 @@ {
   "color-border-primary-light": "rgb(102, 179, 255)",
+  "color-border-success-light": "rgb(54, 213, 118)",
   "color-border": "rgb(136, 145, 170)",
@@ -61,0 +62,0 @@ "color-border-inverse-darker": "rgba(255, 255, 255, 0.2)",

package.json

 {
   "name": "@twilio-paste/design-tokens",
-  "version": "6.3.2",
+  "version": "6.3.3",
   "description": "Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.",
@@ -24,3 +24,3 @@ "main": "dist/tokens.common.js",
   },
-  "gitHead": "a84a05b9e0cb2bc74207b0bdf5cb017f1eed8d37"
+  "gitHead": "d0ab8115921d64889b149154c927a6c41b037a3c"
 }

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

1196938

increased by0.44%

Lines of code

24626

increased by0.34%

No dependency changes