Merge pull request #19 from warp-ds/create-pull-request/patch-1736409609

Warp tokens updates from Figma
warp-ds · Jan 9, 2025 · 9606b6d · 9606b6d
2 parents 2598139 + 09a12d1
commit 9606b6d
Show file tree

Hide file tree

Showing 17 changed files with 3,192 additions and 3,178 deletions.
diff --git a/data/figma.json b/data/figma.json
diff --git a/tokens/blocket-dark/components.json b/tokens/blocket-dark/components.json
@@ -115,6 +115,14 @@
         "background-hover": {
           "value": "{color.gray.400}"
         }
+      },
+      "track": {
+        "border": {
+          "value": "{color.gray.500}"
+        },
+        "border-hover": {
+          "value": "{color.gray.400}"
+        }
       }
     }
   }

diff --git a/tokens/blocket-dark/semantic.json b/tokens/blocket-dark/semantic.json
@@ -27,7 +27,7 @@
           "value": "{color.blue.400}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.500}"
         },
         "negative": {
           "value": "{color.coral.400}"
@@ -56,10 +56,10 @@
           "value": "{color.gray.600}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.700}"
         },
         "disabled-subtle": {
-          "value": "{color.gray.750}"
+          "value": "{color.gray.600}"
         },
         "selected": {
           "value": "{color.blue.900}"
@@ -213,25 +213,16 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.600}"
         },
         "hover": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.500}"
         },
         "active": {
-          "value": "{color.gray.300}"
-        },
-        "subtle": {
-          "value": "{color.gray.700}"
-        },
-        "subtle-hover": {
-          "value": "{color.gray.600}"
-        },
-        "subtle-active": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.400}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.700}"
         },
         "selected": {
           "value": "{color.blue.400}"
@@ -242,6 +233,9 @@
         "selected-active": {
           "value": "{color.blue.200}"
         },
+        "inverted": {
+          "value": "{color.gray.900}"
+        },
         "primary": {
           "value": "{color.blue.400}"
         },

diff --git a/tokens/blocket-light/components.json b/tokens/blocket-light/components.json
@@ -115,6 +115,14 @@
         "background-hover": {
           "value": "{color.gray.600}"
         }
+      },
+      "track": {
+        "border": {
+          "value": "{color.gray.500}"
+        },
+        "border-hover": {
+          "value": "{color.gray.600}"
+        }
       }
     }
   }

diff --git a/tokens/blocket-light/semantic.json b/tokens/blocket-light/semantic.json
@@ -27,7 +27,7 @@
           "value": "{color.blue.600}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "negative": {
           "value": "{color.coral.600}"
@@ -56,7 +56,7 @@
           "value": "{color.gray.300}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "disabled-subtle": {
           "value": "{color.gray.200}"
@@ -213,25 +213,16 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.500}"
-        },
-        "hover": {
-          "value": "{color.gray.600}"
-        },
-        "active": {
-          "value": "{color.gray.700}"
-        },
-        "subtle": {
           "value": "{color.gray.300}"
         },
-        "subtle-hover": {
+        "hover": {
           "value": "{color.gray.400}"
         },
-        "subtle-active": {
+        "active": {
           "value": "{color.gray.500}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "selected": {
           "value": "{color.blue.600}"
@@ -242,6 +233,9 @@
         "selected-active": {
           "value": "{color.blue.800}"
         },
+        "inverted": {
+          "value": "{color.white}"
+        },
         "primary": {
           "value": "{color.blue.600}"
         },
@@ -368,7 +362,7 @@
           "value": "{color.blue.800}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "subtle": {
           "value": "{color.gray.600}"

diff --git a/tokens/dba-dark/components.json b/tokens/dba-dark/components.json
@@ -115,6 +115,14 @@
         "background-hover": {
           "value": "{color.gray.400}"
         }
+      },
+      "track": {
+        "border": {
+          "value": "{color.gray.500}"
+        },
+        "border-hover": {
+          "value": "{color.gray.400}"
+        }
       }
     }
   }

diff --git a/tokens/dba-dark/semantic.json b/tokens/dba-dark/semantic.json
@@ -27,7 +27,7 @@
           "value": "{color.jeanblue.400}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.500}"
         },
         "negative": {
           "value": "{color.red.400}"
@@ -56,10 +56,10 @@
           "value": "{color.gray.600}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.700}"
         },
         "disabled-subtle": {
-          "value": "{color.gray.750}"
+          "value": "{color.gray.600}"
         },
         "selected": {
           "value": "{color.jeanblue.900}"
@@ -213,25 +213,16 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.600}"
         },
         "hover": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.500}"
         },
         "active": {
-          "value": "{color.gray.300}"
-        },
-        "subtle": {
-          "value": "{color.gray.700}"
-        },
-        "subtle-hover": {
-          "value": "{color.gray.600}"
-        },
-        "subtle-active": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.400}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.700}"
         },
         "selected": {
           "value": "{color.jeanblue.400}"
@@ -242,6 +233,9 @@
         "selected-active": {
           "value": "{color.jeanblue.200}"
         },
+        "inverted": {
+          "value": "{color.gray.900}"
+        },
         "primary": {
           "value": "{color.jeanblue.400}"
         },

diff --git a/tokens/dba-light/components.json b/tokens/dba-light/components.json
@@ -115,6 +115,14 @@
         "background-hover": {
           "value": "{color.gray.600}"
         }
+      },
+      "track": {
+        "border": {
+          "value": "{color.gray.500}"
+        },
+        "border-hover": {
+          "value": "{color.gray.600}"
+        }
       }
     }
   }

diff --git a/tokens/dba-light/semantic.json b/tokens/dba-light/semantic.json
@@ -27,7 +27,7 @@
           "value": "{color.jeanblue.600}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "negative": {
           "value": "{color.red.600}"
@@ -56,7 +56,7 @@
           "value": "{color.gray.300}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "disabled-subtle": {
           "value": "{color.gray.200}"
@@ -213,25 +213,16 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.500}"
-        },
-        "hover": {
-          "value": "{color.gray.600}"
-        },
-        "active": {
-          "value": "{color.gray.700}"
-        },
-        "subtle": {
           "value": "{color.gray.300}"
         },
-        "subtle-hover": {
+        "hover": {
           "value": "{color.gray.400}"
         },
-        "subtle-active": {
+        "active": {
           "value": "{color.gray.500}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "selected": {
           "value": "{color.jeanblue.600}"
@@ -242,6 +233,9 @@
         "selected-active": {
           "value": "{color.jeanblue.800}"
         },
+        "inverted": {
+          "value": "{color.white}"
+        },
         "primary": {
           "value": "{color.jeanblue.600}"
         },
@@ -368,7 +362,7 @@
           "value": "{color.jeanblue.800}"
         },
         "disabled": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
         "subtle": {
           "value": "{color.gray.600}"

diff --git a/tokens/finn-dark/components.json b/tokens/finn-dark/components.json
@@ -115,6 +115,14 @@
         "background-hover": {
           "value": "{color.gray.400}"
         }
+      },
+      "track": {
+        "border": {
+          "value": "{color.gray.500}"
+        },
+        "border-hover": {
+          "value": "{color.gray.400}"
+        }
       }
     }
   }

diff --git a/tokens/finn-dark/semantic.json b/tokens/finn-dark/semantic.json
@@ -27,7 +27,7 @@
           "value": "{color.blue.400}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.500}"
         },
         "negative": {
           "value": "{color.red.400}"
@@ -56,10 +56,10 @@
           "value": "{color.gray.600}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.700}"
         },
         "disabled-subtle": {
-          "value": "{color.gray.750}"
+          "value": "{color.gray.600}"
         },
         "selected": {
           "value": "{color.blue.900}"
@@ -213,25 +213,16 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.600}"
         },
         "hover": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.500}"
         },
         "active": {
-          "value": "{color.gray.300}"
-        },
-        "subtle": {
-          "value": "{color.gray.700}"
-        },
-        "subtle-hover": {
-          "value": "{color.gray.600}"
-        },
-        "subtle-active": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.400}"
         },
         "disabled": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.700}"
         },
         "selected": {
           "value": "{color.blue.400}"
@@ -242,6 +233,9 @@
         "selected-active": {
           "value": "{color.blue.200}"
         },
+        "inverted": {
+          "value": "{color.gray.900}"
+        },
         "primary": {
           "value": "{color.blue.400}"
         },