Updates from figma (#9)

Co-authored-by: imprashast <21952706+imprashast@users.noreply.github.com>
warp-ds · Nov 19, 2024 · 208fb66 · 208fb66
1 parent 57551fe
commit 208fb66
Show file tree

Hide file tree

Showing 31 changed files with 394 additions and 156 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
@@ -123,6 +123,14 @@
       },
       "background-track-disabled": {
         "value": "{color.gray.600}"
+      },
+      "handle": {
+        "background": {
+          "value": "{color.gray.500}"
+        },
+        "background-hover": {
+          "value": "{color.gray.400}"
+        }
       }
     },
     "tooltip": {

diff --git a/tokens/blocket-dark/semantic.json b/tokens/blocket-dark/semantic.json
@@ -9,7 +9,7 @@
           "value": "{color.gray.400}"
         },
         "static": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.900}"
         },
         "placeholder": {
           "value": "{color.gray.500}"
@@ -18,7 +18,7 @@
           "value": "{color.gray.900}"
         },
         "inverted-subtle": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.600}"
         },
         "inverted-static": {
           "value": "{color.white}"
@@ -27,7 +27,7 @@
           "value": "{color.blue.400}"
         },
         "disabled": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.600}"
         },
         "negative": {
           "value": "{color.coral.400}"
@@ -56,10 +56,10 @@
           "value": "{color.gray.600}"
         },
         "disabled": {
-          "value": "{color.gray.700}"
+          "value": "{color.gray.600}"
         },
         "disabled-subtle": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.750}"
         },
         "selected": {
           "value": "{color.blue.900}"
@@ -213,17 +213,26 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.500}"
         },
         "hover": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.400}"
         },
         "active": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
-        "disabled": {
+        "subtle": {
           "value": "{color.gray.700}"
         },
+        "subtle-hover": {
+          "value": "{color.gray.600}"
+        },
+        "subtle-active": {
+          "value": "{color.gray.500}"
+        },
+        "disabled": {
+          "value": "{color.gray.600}"
+        },
         "selected": {
           "value": "{color.blue.400}"
         },
@@ -350,7 +359,7 @@
           "value": "{color.blue.200}"
         },
         "static": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.900}"
         },
         "selected": {
           "value": "{color.blue.400}"
@@ -365,13 +374,13 @@
           "value": "{color.gray.600}"
         },
         "subtle": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.400}"
         },
         "subtle-hover": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.300}"
         },
         "subtle-active": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.200}"
         },
         "inverted": {
           "value": "{color.gray.900}"

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

diff --git a/tokens/blocket-light/semantic.json b/tokens/blocket-light/semantic.json
@@ -9,7 +9,7 @@
           "value": "{color.gray.600}"
         },
         "static": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.900}"
         },
         "placeholder": {
           "value": "{color.gray.300}"
@@ -18,7 +18,7 @@
           "value": "{color.white}"
         },
         "inverted-subtle": {
-          "value": "{color.gray.50}"
+          "value": "{color.gray.400}"
         },
         "inverted-static": {
           "value": "{color.white}"
@@ -27,7 +27,7 @@
           "value": "{color.blue.600}"
         },
         "disabled": {
-          "value": "{color.gray.300}"
+          "value": "{color.gray.400}"
         },
         "negative": {
           "value": "{color.coral.600}"
@@ -56,7 +56,7 @@
           "value": "{color.gray.300}"
         },
         "disabled": {
-          "value": "{color.gray.300}"
+          "value": "{color.gray.400}"
         },
         "disabled-subtle": {
           "value": "{color.gray.200}"
@@ -213,16 +213,25 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.300}"
+          "value": "{color.gray.500}"
         },
         "hover": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.600}"
         },
         "active": {
+          "value": "{color.gray.700}"
+        },
+        "subtle": {
+          "value": "{color.gray.300}"
+        },
+        "subtle-hover": {
+          "value": "{color.gray.400}"
+        },
+        "subtle-active": {
           "value": "{color.gray.500}"
         },
         "disabled": {
-          "value": "{color.gray.300}"
+          "value": "{color.gray.400}"
         },
         "selected": {
           "value": "{color.blue.600}"
@@ -350,7 +359,7 @@
           "value": "{color.blue.800}"
         },
         "static": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.900}"
         },
         "selected": {
           "value": "{color.blue.600}"
@@ -362,16 +371,16 @@
           "value": "{color.blue.800}"
         },
         "disabled": {
-          "value": "{color.gray.300}"
+          "value": "{color.gray.400}"
         },
         "subtle": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.600}"
         },
         "subtle-hover": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.700}"
         },
         "subtle-active": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.800}"
         },
         "inverted": {
           "value": "{color.white}"

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

diff --git a/tokens/dba-dark/semantic.json b/tokens/dba-dark/semantic.json
@@ -9,7 +9,7 @@
           "value": "{color.gray.400}"
         },
         "static": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.900}"
         },
         "placeholder": {
           "value": "{color.gray.500}"
@@ -18,7 +18,7 @@
           "value": "{color.gray.900}"
         },
         "inverted-subtle": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.600}"
         },
         "inverted-static": {
           "value": "{color.white}"
@@ -27,7 +27,7 @@
           "value": "{color.jeanblue.400}"
         },
         "disabled": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.600}"
         },
         "negative": {
           "value": "{color.red.400}"
@@ -56,10 +56,10 @@
           "value": "{color.gray.600}"
         },
         "disabled": {
-          "value": "{color.gray.700}"
+          "value": "{color.gray.600}"
         },
         "disabled-subtle": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.750}"
         },
         "selected": {
           "value": "{color.jeanblue.900}"
@@ -213,17 +213,26 @@
       },
       "border": {
         "default": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.500}"
         },
         "hover": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.400}"
         },
         "active": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.300}"
         },
-        "disabled": {
+        "subtle": {
           "value": "{color.gray.700}"
         },
+        "subtle-hover": {
+          "value": "{color.gray.600}"
+        },
+        "subtle-active": {
+          "value": "{color.gray.500}"
+        },
+        "disabled": {
+          "value": "{color.gray.600}"
+        },
         "selected": {
           "value": "{color.jeanblue.400}"
         },
@@ -350,7 +359,7 @@
           "value": "{color.jeanblue.200}"
         },
         "static": {
-          "value": "{color.gray.800}"
+          "value": "{color.gray.900}"
         },
         "selected": {
           "value": "{color.jeanblue.400}"
@@ -365,13 +374,13 @@
           "value": "{color.gray.600}"
         },
         "subtle": {
-          "value": "{color.gray.600}"
+          "value": "{color.gray.400}"
         },
         "subtle-hover": {
-          "value": "{color.gray.500}"
+          "value": "{color.gray.300}"
         },
         "subtle-active": {
-          "value": "{color.gray.400}"
+          "value": "{color.gray.200}"
         },
         "inverted": {
           "value": "{color.gray.900}"

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