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

Comparing version 5.4.0 to 5.5.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [5.5.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@5.4.0...@twilio-paste/design-tokens@5.5.0) (2020-07-22)
+
+
+### Features
+
+* **design-tokens:** add negative space tokens ([3bc718f](https://github.com/twilio-labs/paste/commit/3bc718fc9bcb4d8be952c70f71ceb21b0b307be2))
+
+
+
+
+
 # [5.4.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@5.3.2...@twilio-paste/design-tokens@5.4.0) (2020-07-14)
@@ -8,0 +19,0 @@

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

@@ -207,2 +207,22 @@ export declare const borderRadius0 = "0";
 export declare const space90 = "2rem";
+export declare const spaceNegative10 = "-0.125rem";
+export declare const spaceNegative100 = "-2.25rem";
+export declare const spaceNegative110 = "-2.5rem";
+export declare const spaceNegative120 = "-2.75rem";
+export declare const spaceNegative130 = "-3rem";
+export declare const spaceNegative140 = "-3.25rem";
+export declare const spaceNegative150 = "-3.5rem";
+export declare const spaceNegative160 = "-3.75rem";
+export declare const spaceNegative170 = "-4rem";
+export declare const spaceNegative180 = "-4.25rem";
+export declare const spaceNegative190 = "-4.5rem";
+export declare const spaceNegative20 = "-0.25rem";
+export declare const spaceNegative200 = "-4.75rem";
+export declare const spaceNegative30 = "-0.5rem";
+export declare const spaceNegative40 = "-0.75rem";
+export declare const spaceNegative50 = "-1rem";
+export declare const spaceNegative60 = "-1.25rem";
+export declare const spaceNegative70 = "-1.5rem";
+export declare const spaceNegative80 = "-1.75rem";
+export declare const spaceNegative90 = "-2rem";
 export declare const zIndex0 = "0";
@@ -424,2 +444,22 @@ export declare const zIndex10 = "10";
   space90: "2rem";
+  spaceNegative10: "-0.125rem";
+  spaceNegative100: "-2.25rem";
+  spaceNegative110: "-2.5rem";
+  spaceNegative120: "-2.75rem";
+  spaceNegative130: "-3rem";
+  spaceNegative140: "-3.25rem";
+  spaceNegative150: "-3.5rem";
+  spaceNegative160: "-3.75rem";
+  spaceNegative170: "-4rem";
+  spaceNegative180: "-4.25rem";
+  spaceNegative190: "-4.5rem";
+  spaceNegative20: "-0.25rem";
+  spaceNegative200: "-4.75rem";
+  spaceNegative30: "-0.5rem";
+  spaceNegative40: "-0.75rem";
+  spaceNegative50: "-1rem";
+  spaceNegative60: "-1.25rem";
+  spaceNegative70: "-1.5rem";
+  spaceNegative80: "-1.75rem";
+  spaceNegative90: "-2rem";
 };
@@ -426,0 +466,0 @@ export declare const textColors: {

dist/themes/console/tokens.common.js

@@ -207,2 +207,22 @@ const borderRadius0 = "0";
 const space90 = "2rem";
+const spaceNegative10 = "-0.125rem";
+const spaceNegative100 = "-2.25rem";
+const spaceNegative110 = "-2.5rem";
+const spaceNegative120 = "-2.75rem";
+const spaceNegative130 = "-3rem";
+const spaceNegative140 = "-3.25rem";
+const spaceNegative150 = "-3.5rem";
+const spaceNegative160 = "-3.75rem";
+const spaceNegative170 = "-4rem";
+const spaceNegative180 = "-4.25rem";
+const spaceNegative190 = "-4.5rem";
+const spaceNegative20 = "-0.25rem";
+const spaceNegative200 = "-4.75rem";
+const spaceNegative30 = "-0.5rem";
+const spaceNegative40 = "-0.75rem";
+const spaceNegative50 = "-1rem";
+const spaceNegative60 = "-1.25rem";
+const spaceNegative70 = "-1.5rem";
+const spaceNegative80 = "-1.75rem";
+const spaceNegative90 = "-2rem";
 const zIndex0 = "0";
@@ -426,2 +446,22 @@ const zIndex10 = "10";
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 zIndex0,
@@ -643,2 +683,22 @@ zIndex10,
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 },
@@ -645,0 +705,0 @@ textColors: {

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

@@ -207,2 +207,22 @@ export declare const borderRadius0 = "0";
 export declare const space90 = "2rem";
+export declare const spaceNegative10 = "-0.125rem";
+export declare const spaceNegative100 = "-2.25rem";
+export declare const spaceNegative110 = "-2.5rem";
+export declare const spaceNegative120 = "-2.75rem";
+export declare const spaceNegative130 = "-3rem";
+export declare const spaceNegative140 = "-3.25rem";
+export declare const spaceNegative150 = "-3.5rem";
+export declare const spaceNegative160 = "-3.75rem";
+export declare const spaceNegative170 = "-4rem";
+export declare const spaceNegative180 = "-4.25rem";
+export declare const spaceNegative190 = "-4.5rem";
+export declare const spaceNegative20 = "-0.25rem";
+export declare const spaceNegative200 = "-4.75rem";
+export declare const spaceNegative30 = "-0.5rem";
+export declare const spaceNegative40 = "-0.75rem";
+export declare const spaceNegative50 = "-1rem";
+export declare const spaceNegative60 = "-1.25rem";
+export declare const spaceNegative70 = "-1.5rem";
+export declare const spaceNegative80 = "-1.75rem";
+export declare const spaceNegative90 = "-2rem";
 export declare const zIndex0 = "0";
@@ -424,2 +444,22 @@ export declare const zIndex10 = "10";
   space90: "2rem";
+  spaceNegative10: "-0.125rem";
+  spaceNegative100: "-2.25rem";
+  spaceNegative110: "-2.5rem";
+  spaceNegative120: "-2.75rem";
+  spaceNegative130: "-3rem";
+  spaceNegative140: "-3.25rem";
+  spaceNegative150: "-3.5rem";
+  spaceNegative160: "-3.75rem";
+  spaceNegative170: "-4rem";
+  spaceNegative180: "-4.25rem";
+  spaceNegative190: "-4.5rem";
+  spaceNegative20: "-0.25rem";
+  spaceNegative200: "-4.75rem";
+  spaceNegative30: "-0.5rem";
+  spaceNegative40: "-0.75rem";
+  spaceNegative50: "-1rem";
+  spaceNegative60: "-1.25rem";
+  spaceNegative70: "-1.5rem";
+  spaceNegative80: "-1.75rem";
+  spaceNegative90: "-2rem";
 };
@@ -426,0 +466,0 @@ export declare const textColors: {

dist/themes/console/tokens.es6.js

@@ -207,2 +207,22 @@ export const borderRadius0 = "0";
 export const space90 = "2rem";
+export const spaceNegative10 = "-0.125rem";
+export const spaceNegative100 = "-2.25rem";
+export const spaceNegative110 = "-2.5rem";
+export const spaceNegative120 = "-2.75rem";
+export const spaceNegative130 = "-3rem";
+export const spaceNegative140 = "-3.25rem";
+export const spaceNegative150 = "-3.5rem";
+export const spaceNegative160 = "-3.75rem";
+export const spaceNegative170 = "-4rem";
+export const spaceNegative180 = "-4.25rem";
+export const spaceNegative190 = "-4.5rem";
+export const spaceNegative20 = "-0.25rem";
+export const spaceNegative200 = "-4.75rem";
+export const spaceNegative30 = "-0.5rem";
+export const spaceNegative40 = "-0.75rem";
+export const spaceNegative50 = "-1rem";
+export const spaceNegative60 = "-1.25rem";
+export const spaceNegative70 = "-1.5rem";
+export const spaceNegative80 = "-1.75rem";
+export const spaceNegative90 = "-2rem";
 export const zIndex0 = "0";
@@ -424,2 +444,22 @@ export const zIndex10 = "10";
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 };
@@ -426,0 +466,0 @@ export const textColors = {

dist/themes/console/tokens.gatsby.json

@@ -48,3 +48,3 @@ {
     "categoryName": "spacings",
-    "tokens": [{"category":"spacing","type":"size","value":"0","originalValue":"{!space-0}","name":"space-0"},{"category":"spacing","type":"size","value":"0.125rem","originalValue":"{!space-10}","name":"space-10"},{"category":"spacing","type":"size","value":"2.25rem","originalValue":"{!space-100}","name":"space-100"},{"category":"spacing","type":"size","value":"2.5rem","originalValue":"{!space-110}","name":"space-110"},{"category":"spacing","type":"size","value":"2.75rem","originalValue":"{!space-120}","name":"space-120"},{"category":"spacing","type":"size","value":"3rem","originalValue":"{!space-130}","name":"space-130"},{"category":"spacing","type":"size","value":"3.25rem","originalValue":"{!space-140}","name":"space-140"},{"category":"spacing","type":"size","value":"3.5rem","originalValue":"{!space-150}","name":"space-150"},{"category":"spacing","type":"size","value":"3.75rem","originalValue":"{!space-160}","name":"space-160"},{"category":"spacing","type":"size","value":"4rem","originalValue":"{!space-170}","name":"space-170"},{"category":"spacing","type":"size","value":"4.25rem","originalValue":"{!space-180}","name":"space-180"},{"category":"spacing","type":"size","value":"4.5rem","originalValue":"{!space-190}","name":"space-190"},{"category":"spacing","type":"size","value":"0.25rem","originalValue":"{!space-20}","name":"space-20"},{"category":"spacing","type":"size","value":"4.75rem","originalValue":"{!space-200}","name":"space-200"},{"category":"spacing","type":"size","value":"0.5rem","originalValue":"{!space-30}","name":"space-30"},{"category":"spacing","type":"size","value":"0.75rem","originalValue":"{!space-40}","name":"space-40"},{"category":"spacing","type":"size","value":"1rem","originalValue":"{!space-50}","name":"space-50"},{"category":"spacing","type":"size","value":"1.25rem","originalValue":"{!space-60}","name":"space-60"},{"category":"spacing","type":"size","value":"1.5rem","originalValue":"{!space-70}","name":"space-70"},{"category":"spacing","type":"size","value":"1.75rem","originalValue":"{!space-80}","name":"space-80"},{"category":"spacing","type":"size","value":"2rem","originalValue":"{!space-90}","name":"space-90"}]
+    "tokens": [{"category":"spacing","type":"size","value":"0","originalValue":"{!space-0}","name":"space-0"},{"category":"spacing","type":"size","value":"0.125rem","originalValue":"{!space-10}","name":"space-10"},{"category":"spacing","type":"size","value":"2.25rem","originalValue":"{!space-100}","name":"space-100"},{"category":"spacing","type":"size","value":"2.5rem","originalValue":"{!space-110}","name":"space-110"},{"category":"spacing","type":"size","value":"2.75rem","originalValue":"{!space-120}","name":"space-120"},{"category":"spacing","type":"size","value":"3rem","originalValue":"{!space-130}","name":"space-130"},{"category":"spacing","type":"size","value":"3.25rem","originalValue":"{!space-140}","name":"space-140"},{"category":"spacing","type":"size","value":"3.5rem","originalValue":"{!space-150}","name":"space-150"},{"category":"spacing","type":"size","value":"3.75rem","originalValue":"{!space-160}","name":"space-160"},{"category":"spacing","type":"size","value":"4rem","originalValue":"{!space-170}","name":"space-170"},{"category":"spacing","type":"size","value":"4.25rem","originalValue":"{!space-180}","name":"space-180"},{"category":"spacing","type":"size","value":"4.5rem","originalValue":"{!space-190}","name":"space-190"},{"category":"spacing","type":"size","value":"0.25rem","originalValue":"{!space-20}","name":"space-20"},{"category":"spacing","type":"size","value":"4.75rem","originalValue":"{!space-200}","name":"space-200"},{"category":"spacing","type":"size","value":"0.5rem","originalValue":"{!space-30}","name":"space-30"},{"category":"spacing","type":"size","value":"0.75rem","originalValue":"{!space-40}","name":"space-40"},{"category":"spacing","type":"size","value":"1rem","originalValue":"{!space-50}","name":"space-50"},{"category":"spacing","type":"size","value":"1.25rem","originalValue":"{!space-60}","name":"space-60"},{"category":"spacing","type":"size","value":"1.5rem","originalValue":"{!space-70}","name":"space-70"},{"category":"spacing","type":"size","value":"1.75rem","originalValue":"{!space-80}","name":"space-80"},{"category":"spacing","type":"size","value":"2rem","originalValue":"{!space-90}","name":"space-90"},{"category":"spacing","type":"size","value":"-0.125rem","originalValue":"-{!space-10}","name":"space-negative-10"},{"category":"spacing","type":"size","value":"-2.25rem","originalValue":"-{!space-100}","name":"space-negative-100"},{"category":"spacing","type":"size","value":"-2.5rem","originalValue":"-{!space-110}","name":"space-negative-110"},{"category":"spacing","type":"size","value":"-2.75rem","originalValue":"-{!space-120}","name":"space-negative-120"},{"category":"spacing","type":"size","value":"-3rem","originalValue":"-{!space-130}","name":"space-negative-130"},{"category":"spacing","type":"size","value":"-3.25rem","originalValue":"-{!space-140}","name":"space-negative-140"},{"category":"spacing","type":"size","value":"-3.5rem","originalValue":"-{!space-150}","name":"space-negative-150"},{"category":"spacing","type":"size","value":"-3.75rem","originalValue":"-{!space-160}","name":"space-negative-160"},{"category":"spacing","type":"size","value":"-4rem","originalValue":"-{!space-170}","name":"space-negative-170"},{"category":"spacing","type":"size","value":"-4.25rem","originalValue":"-{!space-180}","name":"space-negative-180"},{"category":"spacing","type":"size","value":"-4.5rem","originalValue":"-{!space-190}","name":"space-negative-190"},{"category":"spacing","type":"size","value":"-0.25rem","originalValue":"-{!space-20}","name":"space-negative-20"},{"category":"spacing","type":"size","value":"-4.75rem","originalValue":"-{!space-200}","name":"space-negative-200"},{"category":"spacing","type":"size","value":"-0.5rem","originalValue":"-{!space-30}","name":"space-negative-30"},{"category":"spacing","type":"size","value":"-0.75rem","originalValue":"-{!space-40}","name":"space-negative-40"},{"category":"spacing","type":"size","value":"-1rem","originalValue":"-{!space-50}","name":"space-negative-50"},{"category":"spacing","type":"size","value":"-1.25rem","originalValue":"-{!space-60}","name":"space-negative-60"},{"category":"spacing","type":"size","value":"-1.5rem","originalValue":"-{!space-70}","name":"space-negative-70"},{"category":"spacing","type":"size","value":"-1.75rem","originalValue":"-{!space-80}","name":"space-negative-80"},{"category":"spacing","type":"size","value":"-2rem","originalValue":"-{!space-90}","name":"space-negative-90"}]
   },
@@ -51,0 +51,0 @@ {

dist/themes/console/tokens.ios.json

@@ -1144,2 +1144,8 @@ {
       "type": "size",
+      "value": "-36",
+      "name": "spaceNegative100"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "20",
@@ -1151,2 +1157,8 @@ "name": "space60"
       "type": "size",
+      "value": "-76",
+      "name": "spaceNegative200"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "72",
@@ -1230,2 +1242,8 @@ "name": "space190"
       "type": "size",
+      "value": "-32",
+      "name": "spaceNegative90"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "40",
@@ -1243,2 +1261,8 @@ "name": "space110"
       "type": "size",
+      "value": "-28",
+      "name": "spaceNegative80"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "36",
@@ -1250,2 +1274,8 @@ "name": "space100"
       "type": "size",
+      "value": "-24",
+      "name": "spaceNegative70"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "76",
@@ -1257,2 +1287,80 @@ "name": "space200"
       "type": "size",
+      "value": "-20",
+      "name": "spaceNegative60"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-16",
+      "name": "spaceNegative50"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-12",
+      "name": "spaceNegative40"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-8",
+      "name": "spaceNegative30"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-4",
+      "name": "spaceNegative20"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-2",
+      "name": "spaceNegative10"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-72",
+      "name": "spaceNegative190"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-68",
+      "name": "spaceNegative180"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-64",
+      "name": "spaceNegative170"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-60",
+      "name": "spaceNegative160"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-56",
+      "name": "spaceNegative150"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-52",
+      "name": "spaceNegative140"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-48",
+      "name": "spaceNegative130"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "32",
@@ -1264,2 +1372,8 @@ "name": "space90"
       "type": "size",
+      "value": "-44",
+      "name": "spaceNegative120"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "28",
@@ -1269,2 +1383,8 @@ "name": "space80"
     {
+      "category": "spacing",
+      "type": "size",
+      "value": "-40",
+      "name": "spaceNegative110"
+    },
+    {
       "type": "color",
@@ -1271,0 +1391,0 @@ "category": "text-color",

dist/themes/console/tokens.json

@@ -165,3 +165,5 @@ {
   "space-70": "1.5rem",
+  "space-negative-100": "-2.25rem",
   "space-60": "1.25rem",
+  "space-negative-200": "-4.75rem",
   "space-190": "4.5rem",
@@ -180,8 +182,26 @@ "space-50": "1rem",
   "space-120": "2.75rem",
+  "space-negative-90": "-2rem",
   "space-110": "2.5rem",
   "space-0": "0",
+  "space-negative-80": "-1.75rem",
   "space-100": "2.25rem",
+  "space-negative-70": "-1.5rem",
   "space-200": "4.75rem",
+  "space-negative-60": "-1.25rem",
+  "space-negative-50": "-1rem",
+  "space-negative-40": "-0.75rem",
+  "space-negative-30": "-0.5rem",
+  "space-negative-20": "-0.25rem",
+  "space-negative-10": "-0.125rem",
+  "space-negative-190": "-4.5rem",
+  "space-negative-180": "-4.25rem",
+  "space-negative-170": "-4rem",
+  "space-negative-160": "-3.75rem",
+  "space-negative-150": "-3.5rem",
+  "space-negative-140": "-3.25rem",
+  "space-negative-130": "-3rem",
   "space-90": "2rem",
+  "space-negative-120": "-2.75rem",
   "space-80": "1.75rem",
+  "space-negative-110": "-2.5rem",
   "color-text-link-darker": "rgb(3, 44, 94)",
@@ -188,0 +208,0 @@ "color-text-link-destructive": "rgb(226, 37, 37)",

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

@@ -207,2 +207,22 @@ export declare const borderRadius0 = "0";
 export declare const space90 = "2rem";
+export declare const spaceNegative10 = "-0.125rem";
+export declare const spaceNegative100 = "-2.25rem";
+export declare const spaceNegative110 = "-2.5rem";
+export declare const spaceNegative120 = "-2.75rem";
+export declare const spaceNegative130 = "-3rem";
+export declare const spaceNegative140 = "-3.25rem";
+export declare const spaceNegative150 = "-3.5rem";
+export declare const spaceNegative160 = "-3.75rem";
+export declare const spaceNegative170 = "-4rem";
+export declare const spaceNegative180 = "-4.25rem";
+export declare const spaceNegative190 = "-4.5rem";
+export declare const spaceNegative20 = "-0.25rem";
+export declare const spaceNegative200 = "-4.75rem";
+export declare const spaceNegative30 = "-0.5rem";
+export declare const spaceNegative40 = "-0.75rem";
+export declare const spaceNegative50 = "-1rem";
+export declare const spaceNegative60 = "-1.25rem";
+export declare const spaceNegative70 = "-1.5rem";
+export declare const spaceNegative80 = "-1.75rem";
+export declare const spaceNegative90 = "-2rem";
 export declare const zIndex0 = "0";
@@ -424,2 +444,22 @@ export declare const zIndex10 = "10";
   space90: "2rem";
+  spaceNegative10: "-0.125rem";
+  spaceNegative100: "-2.25rem";
+  spaceNegative110: "-2.5rem";
+  spaceNegative120: "-2.75rem";
+  spaceNegative130: "-3rem";
+  spaceNegative140: "-3.25rem";
+  spaceNegative150: "-3.5rem";
+  spaceNegative160: "-3.75rem";
+  spaceNegative170: "-4rem";
+  spaceNegative180: "-4.25rem";
+  spaceNegative190: "-4.5rem";
+  spaceNegative20: "-0.25rem";
+  spaceNegative200: "-4.75rem";
+  spaceNegative30: "-0.5rem";
+  spaceNegative40: "-0.75rem";
+  spaceNegative50: "-1rem";
+  spaceNegative60: "-1.25rem";
+  spaceNegative70: "-1.5rem";
+  spaceNegative80: "-1.75rem";
+  spaceNegative90: "-2rem";
 };
@@ -426,0 +466,0 @@ export declare const textColors: {

dist/themes/sendgrid/tokens.common.js

@@ -207,2 +207,22 @@ const borderRadius0 = "0";
 const space90 = "2rem";
+const spaceNegative10 = "-0.125rem";
+const spaceNegative100 = "-2.25rem";
+const spaceNegative110 = "-2.5rem";
+const spaceNegative120 = "-2.75rem";
+const spaceNegative130 = "-3rem";
+const spaceNegative140 = "-3.25rem";
+const spaceNegative150 = "-3.5rem";
+const spaceNegative160 = "-3.75rem";
+const spaceNegative170 = "-4rem";
+const spaceNegative180 = "-4.25rem";
+const spaceNegative190 = "-4.5rem";
+const spaceNegative20 = "-0.25rem";
+const spaceNegative200 = "-4.75rem";
+const spaceNegative30 = "-0.5rem";
+const spaceNegative40 = "-0.75rem";
+const spaceNegative50 = "-1rem";
+const spaceNegative60 = "-1.25rem";
+const spaceNegative70 = "-1.5rem";
+const spaceNegative80 = "-1.75rem";
+const spaceNegative90 = "-2rem";
 const zIndex0 = "0";
@@ -426,2 +446,22 @@ const zIndex10 = "10";
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 zIndex0,
@@ -643,2 +683,22 @@ zIndex10,
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 },
@@ -645,0 +705,0 @@ textColors: {

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

@@ -207,2 +207,22 @@ export declare const borderRadius0 = "0";
 export declare const space90 = "2rem";
+export declare const spaceNegative10 = "-0.125rem";
+export declare const spaceNegative100 = "-2.25rem";
+export declare const spaceNegative110 = "-2.5rem";
+export declare const spaceNegative120 = "-2.75rem";
+export declare const spaceNegative130 = "-3rem";
+export declare const spaceNegative140 = "-3.25rem";
+export declare const spaceNegative150 = "-3.5rem";
+export declare const spaceNegative160 = "-3.75rem";
+export declare const spaceNegative170 = "-4rem";
+export declare const spaceNegative180 = "-4.25rem";
+export declare const spaceNegative190 = "-4.5rem";
+export declare const spaceNegative20 = "-0.25rem";
+export declare const spaceNegative200 = "-4.75rem";
+export declare const spaceNegative30 = "-0.5rem";
+export declare const spaceNegative40 = "-0.75rem";
+export declare const spaceNegative50 = "-1rem";
+export declare const spaceNegative60 = "-1.25rem";
+export declare const spaceNegative70 = "-1.5rem";
+export declare const spaceNegative80 = "-1.75rem";
+export declare const spaceNegative90 = "-2rem";
 export declare const zIndex0 = "0";
@@ -424,2 +444,22 @@ export declare const zIndex10 = "10";
   space90: "2rem";
+  spaceNegative10: "-0.125rem";
+  spaceNegative100: "-2.25rem";
+  spaceNegative110: "-2.5rem";
+  spaceNegative120: "-2.75rem";
+  spaceNegative130: "-3rem";
+  spaceNegative140: "-3.25rem";
+  spaceNegative150: "-3.5rem";
+  spaceNegative160: "-3.75rem";
+  spaceNegative170: "-4rem";
+  spaceNegative180: "-4.25rem";
+  spaceNegative190: "-4.5rem";
+  spaceNegative20: "-0.25rem";
+  spaceNegative200: "-4.75rem";
+  spaceNegative30: "-0.5rem";
+  spaceNegative40: "-0.75rem";
+  spaceNegative50: "-1rem";
+  spaceNegative60: "-1.25rem";
+  spaceNegative70: "-1.5rem";
+  spaceNegative80: "-1.75rem";
+  spaceNegative90: "-2rem";
 };
@@ -426,0 +466,0 @@ export declare const textColors: {

dist/themes/sendgrid/tokens.es6.js

@@ -207,2 +207,22 @@ export const borderRadius0 = "0";
 export const space90 = "2rem";
+export const spaceNegative10 = "-0.125rem";
+export const spaceNegative100 = "-2.25rem";
+export const spaceNegative110 = "-2.5rem";
+export const spaceNegative120 = "-2.75rem";
+export const spaceNegative130 = "-3rem";
+export const spaceNegative140 = "-3.25rem";
+export const spaceNegative150 = "-3.5rem";
+export const spaceNegative160 = "-3.75rem";
+export const spaceNegative170 = "-4rem";
+export const spaceNegative180 = "-4.25rem";
+export const spaceNegative190 = "-4.5rem";
+export const spaceNegative20 = "-0.25rem";
+export const spaceNegative200 = "-4.75rem";
+export const spaceNegative30 = "-0.5rem";
+export const spaceNegative40 = "-0.75rem";
+export const spaceNegative50 = "-1rem";
+export const spaceNegative60 = "-1.25rem";
+export const spaceNegative70 = "-1.5rem";
+export const spaceNegative80 = "-1.75rem";
+export const spaceNegative90 = "-2rem";
 export const zIndex0 = "0";
@@ -424,2 +444,22 @@ export const zIndex10 = "10";
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 };
@@ -426,0 +466,0 @@ export const textColors = {

dist/themes/sendgrid/tokens.gatsby.json

@@ -48,3 +48,3 @@ {
     "categoryName": "spacings",
-    "tokens": [{"category":"spacing","type":"size","value":"0","originalValue":"{!space-0}","name":"space-0"},{"category":"spacing","type":"size","value":"0.125rem","originalValue":"{!space-10}","name":"space-10"},{"category":"spacing","type":"size","value":"2.25rem","originalValue":"{!space-100}","name":"space-100"},{"category":"spacing","type":"size","value":"2.5rem","originalValue":"{!space-110}","name":"space-110"},{"category":"spacing","type":"size","value":"2.75rem","originalValue":"{!space-120}","name":"space-120"},{"category":"spacing","type":"size","value":"3rem","originalValue":"{!space-130}","name":"space-130"},{"category":"spacing","type":"size","value":"3.25rem","originalValue":"{!space-140}","name":"space-140"},{"category":"spacing","type":"size","value":"3.5rem","originalValue":"{!space-150}","name":"space-150"},{"category":"spacing","type":"size","value":"3.75rem","originalValue":"{!space-160}","name":"space-160"},{"category":"spacing","type":"size","value":"4rem","originalValue":"{!space-170}","name":"space-170"},{"category":"spacing","type":"size","value":"4.25rem","originalValue":"{!space-180}","name":"space-180"},{"category":"spacing","type":"size","value":"4.5rem","originalValue":"{!space-190}","name":"space-190"},{"category":"spacing","type":"size","value":"0.25rem","originalValue":"{!space-20}","name":"space-20"},{"category":"spacing","type":"size","value":"4.75rem","originalValue":"{!space-200}","name":"space-200"},{"category":"spacing","type":"size","value":"0.5rem","originalValue":"{!space-30}","name":"space-30"},{"category":"spacing","type":"size","value":"0.75rem","originalValue":"{!space-40}","name":"space-40"},{"category":"spacing","type":"size","value":"1rem","originalValue":"{!space-50}","name":"space-50"},{"category":"spacing","type":"size","value":"1.25rem","originalValue":"{!space-60}","name":"space-60"},{"category":"spacing","type":"size","value":"1.5rem","originalValue":"{!space-70}","name":"space-70"},{"category":"spacing","type":"size","value":"1.75rem","originalValue":"{!space-80}","name":"space-80"},{"category":"spacing","type":"size","value":"2rem","originalValue":"{!space-90}","name":"space-90"}]
+    "tokens": [{"category":"spacing","type":"size","value":"0","originalValue":"{!space-0}","name":"space-0"},{"category":"spacing","type":"size","value":"0.125rem","originalValue":"{!space-10}","name":"space-10"},{"category":"spacing","type":"size","value":"2.25rem","originalValue":"{!space-100}","name":"space-100"},{"category":"spacing","type":"size","value":"2.5rem","originalValue":"{!space-110}","name":"space-110"},{"category":"spacing","type":"size","value":"2.75rem","originalValue":"{!space-120}","name":"space-120"},{"category":"spacing","type":"size","value":"3rem","originalValue":"{!space-130}","name":"space-130"},{"category":"spacing","type":"size","value":"3.25rem","originalValue":"{!space-140}","name":"space-140"},{"category":"spacing","type":"size","value":"3.5rem","originalValue":"{!space-150}","name":"space-150"},{"category":"spacing","type":"size","value":"3.75rem","originalValue":"{!space-160}","name":"space-160"},{"category":"spacing","type":"size","value":"4rem","originalValue":"{!space-170}","name":"space-170"},{"category":"spacing","type":"size","value":"4.25rem","originalValue":"{!space-180}","name":"space-180"},{"category":"spacing","type":"size","value":"4.5rem","originalValue":"{!space-190}","name":"space-190"},{"category":"spacing","type":"size","value":"0.25rem","originalValue":"{!space-20}","name":"space-20"},{"category":"spacing","type":"size","value":"4.75rem","originalValue":"{!space-200}","name":"space-200"},{"category":"spacing","type":"size","value":"0.5rem","originalValue":"{!space-30}","name":"space-30"},{"category":"spacing","type":"size","value":"0.75rem","originalValue":"{!space-40}","name":"space-40"},{"category":"spacing","type":"size","value":"1rem","originalValue":"{!space-50}","name":"space-50"},{"category":"spacing","type":"size","value":"1.25rem","originalValue":"{!space-60}","name":"space-60"},{"category":"spacing","type":"size","value":"1.5rem","originalValue":"{!space-70}","name":"space-70"},{"category":"spacing","type":"size","value":"1.75rem","originalValue":"{!space-80}","name":"space-80"},{"category":"spacing","type":"size","value":"2rem","originalValue":"{!space-90}","name":"space-90"},{"category":"spacing","type":"size","value":"-0.125rem","originalValue":"-{!space-10}","name":"space-negative-10"},{"category":"spacing","type":"size","value":"-2.25rem","originalValue":"-{!space-100}","name":"space-negative-100"},{"category":"spacing","type":"size","value":"-2.5rem","originalValue":"-{!space-110}","name":"space-negative-110"},{"category":"spacing","type":"size","value":"-2.75rem","originalValue":"-{!space-120}","name":"space-negative-120"},{"category":"spacing","type":"size","value":"-3rem","originalValue":"-{!space-130}","name":"space-negative-130"},{"category":"spacing","type":"size","value":"-3.25rem","originalValue":"-{!space-140}","name":"space-negative-140"},{"category":"spacing","type":"size","value":"-3.5rem","originalValue":"-{!space-150}","name":"space-negative-150"},{"category":"spacing","type":"size","value":"-3.75rem","originalValue":"-{!space-160}","name":"space-negative-160"},{"category":"spacing","type":"size","value":"-4rem","originalValue":"-{!space-170}","name":"space-negative-170"},{"category":"spacing","type":"size","value":"-4.25rem","originalValue":"-{!space-180}","name":"space-negative-180"},{"category":"spacing","type":"size","value":"-4.5rem","originalValue":"-{!space-190}","name":"space-negative-190"},{"category":"spacing","type":"size","value":"-0.25rem","originalValue":"-{!space-20}","name":"space-negative-20"},{"category":"spacing","type":"size","value":"-4.75rem","originalValue":"-{!space-200}","name":"space-negative-200"},{"category":"spacing","type":"size","value":"-0.5rem","originalValue":"-{!space-30}","name":"space-negative-30"},{"category":"spacing","type":"size","value":"-0.75rem","originalValue":"-{!space-40}","name":"space-negative-40"},{"category":"spacing","type":"size","value":"-1rem","originalValue":"-{!space-50}","name":"space-negative-50"},{"category":"spacing","type":"size","value":"-1.25rem","originalValue":"-{!space-60}","name":"space-negative-60"},{"category":"spacing","type":"size","value":"-1.5rem","originalValue":"-{!space-70}","name":"space-negative-70"},{"category":"spacing","type":"size","value":"-1.75rem","originalValue":"-{!space-80}","name":"space-negative-80"},{"category":"spacing","type":"size","value":"-2rem","originalValue":"-{!space-90}","name":"space-negative-90"}]
   },
@@ -51,0 +51,0 @@ {

dist/themes/sendgrid/tokens.ios.json

@@ -1144,2 +1144,8 @@ {
       "type": "size",
+      "value": "-36",
+      "name": "spaceNegative100"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "20",
@@ -1151,2 +1157,8 @@ "name": "space60"
       "type": "size",
+      "value": "-76",
+      "name": "spaceNegative200"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "72",
@@ -1230,2 +1242,8 @@ "name": "space190"
       "type": "size",
+      "value": "-32",
+      "name": "spaceNegative90"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "40",
@@ -1243,2 +1261,8 @@ "name": "space110"
       "type": "size",
+      "value": "-28",
+      "name": "spaceNegative80"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "36",
@@ -1250,2 +1274,8 @@ "name": "space100"
       "type": "size",
+      "value": "-24",
+      "name": "spaceNegative70"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "76",
@@ -1257,2 +1287,80 @@ "name": "space200"
       "type": "size",
+      "value": "-20",
+      "name": "spaceNegative60"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-16",
+      "name": "spaceNegative50"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-12",
+      "name": "spaceNegative40"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-8",
+      "name": "spaceNegative30"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-4",
+      "name": "spaceNegative20"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-2",
+      "name": "spaceNegative10"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-72",
+      "name": "spaceNegative190"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-68",
+      "name": "spaceNegative180"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-64",
+      "name": "spaceNegative170"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-60",
+      "name": "spaceNegative160"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-56",
+      "name": "spaceNegative150"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-52",
+      "name": "spaceNegative140"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-48",
+      "name": "spaceNegative130"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "32",
@@ -1264,2 +1372,8 @@ "name": "space90"
       "type": "size",
+      "value": "-44",
+      "name": "spaceNegative120"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "28",
@@ -1269,2 +1383,8 @@ "name": "space80"
     {
+      "category": "spacing",
+      "type": "size",
+      "value": "-40",
+      "name": "spaceNegative110"
+    },
+    {
       "type": "color",
@@ -1271,0 +1391,0 @@ "category": "text-color",

dist/themes/sendgrid/tokens.json

@@ -165,3 +165,5 @@ {
   "space-70": "1.5rem",
+  "space-negative-100": "-2.25rem",
   "space-60": "1.25rem",
+  "space-negative-200": "-4.75rem",
   "space-190": "4.5rem",
@@ -180,8 +182,26 @@ "space-50": "1rem",
   "space-120": "2.75rem",
+  "space-negative-90": "-2rem",
   "space-110": "2.5rem",
   "space-0": "0",
+  "space-negative-80": "-1.75rem",
   "space-100": "2.25rem",
+  "space-negative-70": "-1.5rem",
   "space-200": "4.75rem",
+  "space-negative-60": "-1.25rem",
+  "space-negative-50": "-1rem",
+  "space-negative-40": "-0.75rem",
+  "space-negative-30": "-0.5rem",
+  "space-negative-20": "-0.25rem",
+  "space-negative-10": "-0.125rem",
+  "space-negative-190": "-4.5rem",
+  "space-negative-180": "-4.25rem",
+  "space-negative-170": "-4rem",
+  "space-negative-160": "-3.75rem",
+  "space-negative-150": "-3.5rem",
+  "space-negative-140": "-3.25rem",
+  "space-negative-130": "-3rem",
   "space-90": "2rem",
+  "space-negative-120": "-2.75rem",
   "space-80": "1.75rem",
+  "space-negative-110": "-2.5rem",
   "color-text-link-darker": "rgb(0, 31, 117)",
@@ -188,0 +208,0 @@ "color-text-link-destructive": "rgb(206, 36, 26)",

dist/tokens.common.d.ts

@@ -207,2 +207,22 @@ export declare const borderRadius0 = "0";
 export declare const space90 = "2rem";
+export declare const spaceNegative10 = "-0.125rem";
+export declare const spaceNegative100 = "-2.25rem";
+export declare const spaceNegative110 = "-2.5rem";
+export declare const spaceNegative120 = "-2.75rem";
+export declare const spaceNegative130 = "-3rem";
+export declare const spaceNegative140 = "-3.25rem";
+export declare const spaceNegative150 = "-3.5rem";
+export declare const spaceNegative160 = "-3.75rem";
+export declare const spaceNegative170 = "-4rem";
+export declare const spaceNegative180 = "-4.25rem";
+export declare const spaceNegative190 = "-4.5rem";
+export declare const spaceNegative20 = "-0.25rem";
+export declare const spaceNegative200 = "-4.75rem";
+export declare const spaceNegative30 = "-0.5rem";
+export declare const spaceNegative40 = "-0.75rem";
+export declare const spaceNegative50 = "-1rem";
+export declare const spaceNegative60 = "-1.25rem";
+export declare const spaceNegative70 = "-1.5rem";
+export declare const spaceNegative80 = "-1.75rem";
+export declare const spaceNegative90 = "-2rem";
 export declare const zIndex0 = "0";
@@ -424,2 +444,22 @@ export declare const zIndex10 = "10";
   space90: "2rem";
+  spaceNegative10: "-0.125rem";
+  spaceNegative100: "-2.25rem";
+  spaceNegative110: "-2.5rem";
+  spaceNegative120: "-2.75rem";
+  spaceNegative130: "-3rem";
+  spaceNegative140: "-3.25rem";
+  spaceNegative150: "-3.5rem";
+  spaceNegative160: "-3.75rem";
+  spaceNegative170: "-4rem";
+  spaceNegative180: "-4.25rem";
+  spaceNegative190: "-4.5rem";
+  spaceNegative20: "-0.25rem";
+  spaceNegative200: "-4.75rem";
+  spaceNegative30: "-0.5rem";
+  spaceNegative40: "-0.75rem";
+  spaceNegative50: "-1rem";
+  spaceNegative60: "-1.25rem";
+  spaceNegative70: "-1.5rem";
+  spaceNegative80: "-1.75rem";
+  spaceNegative90: "-2rem";
 };
@@ -426,0 +466,0 @@ export declare const textColors: {

dist/tokens.common.js

@@ -207,2 +207,22 @@ const borderRadius0 = "0";
 const space90 = "2rem";
+const spaceNegative10 = "-0.125rem";
+const spaceNegative100 = "-2.25rem";
+const spaceNegative110 = "-2.5rem";
+const spaceNegative120 = "-2.75rem";
+const spaceNegative130 = "-3rem";
+const spaceNegative140 = "-3.25rem";
+const spaceNegative150 = "-3.5rem";
+const spaceNegative160 = "-3.75rem";
+const spaceNegative170 = "-4rem";
+const spaceNegative180 = "-4.25rem";
+const spaceNegative190 = "-4.5rem";
+const spaceNegative20 = "-0.25rem";
+const spaceNegative200 = "-4.75rem";
+const spaceNegative30 = "-0.5rem";
+const spaceNegative40 = "-0.75rem";
+const spaceNegative50 = "-1rem";
+const spaceNegative60 = "-1.25rem";
+const spaceNegative70 = "-1.5rem";
+const spaceNegative80 = "-1.75rem";
+const spaceNegative90 = "-2rem";
 const zIndex0 = "0";
@@ -426,2 +446,22 @@ const zIndex10 = "10";
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 zIndex0,
@@ -643,2 +683,22 @@ zIndex10,
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 },
@@ -645,0 +705,0 @@ textColors: {

dist/tokens.es6.d.ts

@@ -207,2 +207,22 @@ export declare const borderRadius0 = "0";
 export declare const space90 = "2rem";
+export declare const spaceNegative10 = "-0.125rem";
+export declare const spaceNegative100 = "-2.25rem";
+export declare const spaceNegative110 = "-2.5rem";
+export declare const spaceNegative120 = "-2.75rem";
+export declare const spaceNegative130 = "-3rem";
+export declare const spaceNegative140 = "-3.25rem";
+export declare const spaceNegative150 = "-3.5rem";
+export declare const spaceNegative160 = "-3.75rem";
+export declare const spaceNegative170 = "-4rem";
+export declare const spaceNegative180 = "-4.25rem";
+export declare const spaceNegative190 = "-4.5rem";
+export declare const spaceNegative20 = "-0.25rem";
+export declare const spaceNegative200 = "-4.75rem";
+export declare const spaceNegative30 = "-0.5rem";
+export declare const spaceNegative40 = "-0.75rem";
+export declare const spaceNegative50 = "-1rem";
+export declare const spaceNegative60 = "-1.25rem";
+export declare const spaceNegative70 = "-1.5rem";
+export declare const spaceNegative80 = "-1.75rem";
+export declare const spaceNegative90 = "-2rem";
 export declare const zIndex0 = "0";
@@ -424,2 +444,22 @@ export declare const zIndex10 = "10";
   space90: "2rem";
+  spaceNegative10: "-0.125rem";
+  spaceNegative100: "-2.25rem";
+  spaceNegative110: "-2.5rem";
+  spaceNegative120: "-2.75rem";
+  spaceNegative130: "-3rem";
+  spaceNegative140: "-3.25rem";
+  spaceNegative150: "-3.5rem";
+  spaceNegative160: "-3.75rem";
+  spaceNegative170: "-4rem";
+  spaceNegative180: "-4.25rem";
+  spaceNegative190: "-4.5rem";
+  spaceNegative20: "-0.25rem";
+  spaceNegative200: "-4.75rem";
+  spaceNegative30: "-0.5rem";
+  spaceNegative40: "-0.75rem";
+  spaceNegative50: "-1rem";
+  spaceNegative60: "-1.25rem";
+  spaceNegative70: "-1.5rem";
+  spaceNegative80: "-1.75rem";
+  spaceNegative90: "-2rem";
 };
@@ -426,0 +466,0 @@ export declare const textColors: {

dist/tokens.es6.js

@@ -207,2 +207,22 @@ export const borderRadius0 = "0";
 export const space90 = "2rem";
+export const spaceNegative10 = "-0.125rem";
+export const spaceNegative100 = "-2.25rem";
+export const spaceNegative110 = "-2.5rem";
+export const spaceNegative120 = "-2.75rem";
+export const spaceNegative130 = "-3rem";
+export const spaceNegative140 = "-3.25rem";
+export const spaceNegative150 = "-3.5rem";
+export const spaceNegative160 = "-3.75rem";
+export const spaceNegative170 = "-4rem";
+export const spaceNegative180 = "-4.25rem";
+export const spaceNegative190 = "-4.5rem";
+export const spaceNegative20 = "-0.25rem";
+export const spaceNegative200 = "-4.75rem";
+export const spaceNegative30 = "-0.5rem";
+export const spaceNegative40 = "-0.75rem";
+export const spaceNegative50 = "-1rem";
+export const spaceNegative60 = "-1.25rem";
+export const spaceNegative70 = "-1.5rem";
+export const spaceNegative80 = "-1.75rem";
+export const spaceNegative90 = "-2rem";
 export const zIndex0 = "0";
@@ -424,2 +444,22 @@ export const zIndex10 = "10";
 space90,
+spaceNegative10,
+spaceNegative100,
+spaceNegative110,
+spaceNegative120,
+spaceNegative130,
+spaceNegative140,
+spaceNegative150,
+spaceNegative160,
+spaceNegative170,
+spaceNegative180,
+spaceNegative190,
+spaceNegative20,
+spaceNegative200,
+spaceNegative30,
+spaceNegative40,
+spaceNegative50,
+spaceNegative60,
+spaceNegative70,
+spaceNegative80,
+spaceNegative90,
 };
@@ -426,0 +466,0 @@ export const textColors = {

dist/tokens.gatsby.json

@@ -48,3 +48,3 @@ {
     "categoryName": "spacings",
-    "tokens": [{"category":"spacing","type":"size","value":"0","originalValue":"{!space-0}","name":"space-0"},{"category":"spacing","type":"size","value":"0.125rem","originalValue":"{!space-10}","name":"space-10"},{"category":"spacing","type":"size","value":"2.25rem","originalValue":"{!space-100}","name":"space-100"},{"category":"spacing","type":"size","value":"2.5rem","originalValue":"{!space-110}","name":"space-110"},{"category":"spacing","type":"size","value":"2.75rem","originalValue":"{!space-120}","name":"space-120"},{"category":"spacing","type":"size","value":"3rem","originalValue":"{!space-130}","name":"space-130"},{"category":"spacing","type":"size","value":"3.25rem","originalValue":"{!space-140}","name":"space-140"},{"category":"spacing","type":"size","value":"3.5rem","originalValue":"{!space-150}","name":"space-150"},{"category":"spacing","type":"size","value":"3.75rem","originalValue":"{!space-160}","name":"space-160"},{"category":"spacing","type":"size","value":"4rem","originalValue":"{!space-170}","name":"space-170"},{"category":"spacing","type":"size","value":"4.25rem","originalValue":"{!space-180}","name":"space-180"},{"category":"spacing","type":"size","value":"4.5rem","originalValue":"{!space-190}","name":"space-190"},{"category":"spacing","type":"size","value":"0.25rem","originalValue":"{!space-20}","name":"space-20"},{"category":"spacing","type":"size","value":"4.75rem","originalValue":"{!space-200}","name":"space-200"},{"category":"spacing","type":"size","value":"0.5rem","originalValue":"{!space-30}","name":"space-30"},{"category":"spacing","type":"size","value":"0.75rem","originalValue":"{!space-40}","name":"space-40"},{"category":"spacing","type":"size","value":"1rem","originalValue":"{!space-50}","name":"space-50"},{"category":"spacing","type":"size","value":"1.25rem","originalValue":"{!space-60}","name":"space-60"},{"category":"spacing","type":"size","value":"1.5rem","originalValue":"{!space-70}","name":"space-70"},{"category":"spacing","type":"size","value":"1.75rem","originalValue":"{!space-80}","name":"space-80"},{"category":"spacing","type":"size","value":"2rem","originalValue":"{!space-90}","name":"space-90"}]
+    "tokens": [{"category":"spacing","type":"size","value":"0","originalValue":"{!space-0}","name":"space-0"},{"category":"spacing","type":"size","value":"0.125rem","originalValue":"{!space-10}","name":"space-10"},{"category":"spacing","type":"size","value":"2.25rem","originalValue":"{!space-100}","name":"space-100"},{"category":"spacing","type":"size","value":"2.5rem","originalValue":"{!space-110}","name":"space-110"},{"category":"spacing","type":"size","value":"2.75rem","originalValue":"{!space-120}","name":"space-120"},{"category":"spacing","type":"size","value":"3rem","originalValue":"{!space-130}","name":"space-130"},{"category":"spacing","type":"size","value":"3.25rem","originalValue":"{!space-140}","name":"space-140"},{"category":"spacing","type":"size","value":"3.5rem","originalValue":"{!space-150}","name":"space-150"},{"category":"spacing","type":"size","value":"3.75rem","originalValue":"{!space-160}","name":"space-160"},{"category":"spacing","type":"size","value":"4rem","originalValue":"{!space-170}","name":"space-170"},{"category":"spacing","type":"size","value":"4.25rem","originalValue":"{!space-180}","name":"space-180"},{"category":"spacing","type":"size","value":"4.5rem","originalValue":"{!space-190}","name":"space-190"},{"category":"spacing","type":"size","value":"0.25rem","originalValue":"{!space-20}","name":"space-20"},{"category":"spacing","type":"size","value":"4.75rem","originalValue":"{!space-200}","name":"space-200"},{"category":"spacing","type":"size","value":"0.5rem","originalValue":"{!space-30}","name":"space-30"},{"category":"spacing","type":"size","value":"0.75rem","originalValue":"{!space-40}","name":"space-40"},{"category":"spacing","type":"size","value":"1rem","originalValue":"{!space-50}","name":"space-50"},{"category":"spacing","type":"size","value":"1.25rem","originalValue":"{!space-60}","name":"space-60"},{"category":"spacing","type":"size","value":"1.5rem","originalValue":"{!space-70}","name":"space-70"},{"category":"spacing","type":"size","value":"1.75rem","originalValue":"{!space-80}","name":"space-80"},{"category":"spacing","type":"size","value":"2rem","originalValue":"{!space-90}","name":"space-90"},{"category":"spacing","type":"size","value":"-0.125rem","originalValue":"-{!space-10}","name":"space-negative-10"},{"category":"spacing","type":"size","value":"-2.25rem","originalValue":"-{!space-100}","name":"space-negative-100"},{"category":"spacing","type":"size","value":"-2.5rem","originalValue":"-{!space-110}","name":"space-negative-110"},{"category":"spacing","type":"size","value":"-2.75rem","originalValue":"-{!space-120}","name":"space-negative-120"},{"category":"spacing","type":"size","value":"-3rem","originalValue":"-{!space-130}","name":"space-negative-130"},{"category":"spacing","type":"size","value":"-3.25rem","originalValue":"-{!space-140}","name":"space-negative-140"},{"category":"spacing","type":"size","value":"-3.5rem","originalValue":"-{!space-150}","name":"space-negative-150"},{"category":"spacing","type":"size","value":"-3.75rem","originalValue":"-{!space-160}","name":"space-negative-160"},{"category":"spacing","type":"size","value":"-4rem","originalValue":"-{!space-170}","name":"space-negative-170"},{"category":"spacing","type":"size","value":"-4.25rem","originalValue":"-{!space-180}","name":"space-negative-180"},{"category":"spacing","type":"size","value":"-4.5rem","originalValue":"-{!space-190}","name":"space-negative-190"},{"category":"spacing","type":"size","value":"-0.25rem","originalValue":"-{!space-20}","name":"space-negative-20"},{"category":"spacing","type":"size","value":"-4.75rem","originalValue":"-{!space-200}","name":"space-negative-200"},{"category":"spacing","type":"size","value":"-0.5rem","originalValue":"-{!space-30}","name":"space-negative-30"},{"category":"spacing","type":"size","value":"-0.75rem","originalValue":"-{!space-40}","name":"space-negative-40"},{"category":"spacing","type":"size","value":"-1rem","originalValue":"-{!space-50}","name":"space-negative-50"},{"category":"spacing","type":"size","value":"-1.25rem","originalValue":"-{!space-60}","name":"space-negative-60"},{"category":"spacing","type":"size","value":"-1.5rem","originalValue":"-{!space-70}","name":"space-negative-70"},{"category":"spacing","type":"size","value":"-1.75rem","originalValue":"-{!space-80}","name":"space-negative-80"},{"category":"spacing","type":"size","value":"-2rem","originalValue":"-{!space-90}","name":"space-negative-90"}]
   },
@@ -51,0 +51,0 @@ {

dist/tokens.ios.json

@@ -1144,2 +1144,8 @@ {
       "type": "size",
+      "value": "-36",
+      "name": "spaceNegative100"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "20",
@@ -1151,2 +1157,8 @@ "name": "space60"
       "type": "size",
+      "value": "-76",
+      "name": "spaceNegative200"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "72",
@@ -1230,2 +1242,8 @@ "name": "space190"
       "type": "size",
+      "value": "-32",
+      "name": "spaceNegative90"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "40",
@@ -1243,2 +1261,8 @@ "name": "space110"
       "type": "size",
+      "value": "-28",
+      "name": "spaceNegative80"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "36",
@@ -1250,2 +1274,8 @@ "name": "space100"
       "type": "size",
+      "value": "-24",
+      "name": "spaceNegative70"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "76",
@@ -1257,2 +1287,80 @@ "name": "space200"
       "type": "size",
+      "value": "-20",
+      "name": "spaceNegative60"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-16",
+      "name": "spaceNegative50"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-12",
+      "name": "spaceNegative40"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-8",
+      "name": "spaceNegative30"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-4",
+      "name": "spaceNegative20"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-2",
+      "name": "spaceNegative10"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-72",
+      "name": "spaceNegative190"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-68",
+      "name": "spaceNegative180"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-64",
+      "name": "spaceNegative170"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-60",
+      "name": "spaceNegative160"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-56",
+      "name": "spaceNegative150"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-52",
+      "name": "spaceNegative140"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
+      "value": "-48",
+      "name": "spaceNegative130"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "32",
@@ -1264,2 +1372,8 @@ "name": "space90"
       "type": "size",
+      "value": "-44",
+      "name": "spaceNegative120"
+    },
+    {
+      "category": "spacing",
+      "type": "size",
       "value": "28",
@@ -1269,2 +1383,8 @@ "name": "space80"
     {
+      "category": "spacing",
+      "type": "size",
+      "value": "-40",
+      "name": "spaceNegative110"
+    },
+    {
       "type": "color",
@@ -1271,0 +1391,0 @@ "category": "text-color",

dist/tokens.json

@@ -165,3 +165,5 @@ {
   "space-70": "1.5rem",
+  "space-negative-100": "-2.25rem",
   "space-60": "1.25rem",
+  "space-negative-200": "-4.75rem",
   "space-190": "4.5rem",
@@ -180,8 +182,26 @@ "space-50": "1rem",
   "space-120": "2.75rem",
+  "space-negative-90": "-2rem",
   "space-110": "2.5rem",
   "space-0": "0",
+  "space-negative-80": "-1.75rem",
   "space-100": "2.25rem",
+  "space-negative-70": "-1.5rem",
   "space-200": "4.75rem",
+  "space-negative-60": "-1.25rem",
+  "space-negative-50": "-1rem",
+  "space-negative-40": "-0.75rem",
+  "space-negative-30": "-0.5rem",
+  "space-negative-20": "-0.25rem",
+  "space-negative-10": "-0.125rem",
+  "space-negative-190": "-4.5rem",
+  "space-negative-180": "-4.25rem",
+  "space-negative-170": "-4rem",
+  "space-negative-160": "-3.75rem",
+  "space-negative-150": "-3.5rem",
+  "space-negative-140": "-3.25rem",
+  "space-negative-130": "-3rem",
   "space-90": "2rem",
+  "space-negative-120": "-2.75rem",
   "space-80": "1.75rem",
+  "space-negative-110": "-2.5rem",
   "color-text-link-darker": "rgb(3, 11, 93)",
@@ -188,0 +208,0 @@ "color-text-link-destructive": "rgb(214, 31, 31)",

package.json

 {
   "name": "@twilio-paste/design-tokens",
-  "version": "5.4.0",
+  "version": "5.5.0",
   "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": "36be3707496710858e07844707336b84ff66736d"
+  "gitHead": "9c20ebf8e3dcb9cd7a5a1ebf2a368c579092c6a8"
 }

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

1005258

increased by6.04%

Lines of code

21720

increased by7.24%

No dependency changes