feat(button): improve token documentation

nl-design-system · Apr 21, 2022 · 9fe43ec · 9fe43ec
1 parent 8473b68
commit 9fe43ec
Showing 1 changed file with 50 additions and 6 deletions.
diff --git a/components/button/tokens.json b/components/button/tokens.json
@@ -13,6 +13,12 @@
           "inherits": true
         }
       },
+      "border-radius": {
+        "css": {
+          "syntax": "<length>",
+          "inherits": true
+        }
+      },
       "border-width": {
         "css": {
           "syntax": "<length>",
@@ -25,9 +31,9 @@
           "inherits": true
         }
       },
-      "focus-transform-scale": {
+      "font-family": {
         "css": {
-          "syntax": "<number>",
+          "syntax": "*",
           "inherits": true
         }
       },
@@ -128,6 +134,12 @@
             "inherits": true
           }
         },
+        "border-color": {
+          "css": {
+            "syntax": "<color>",
+            "inherits": true
+          }
+        },
         "color": {
           "css": {
             "syntax": "<color>",
@@ -136,13 +148,19 @@
         }
       },
       "disabled": {
-        "color": {
+        "background-color": {
           "css": {
             "syntax": "<color>",
             "inherits": true
           }
         },
-        "hover-background-color": {
+        "border-color": {
+          "css": {
+            "syntax": "<color>",
+            "inherits": true
+          }
+        },
+        "color": {
           "css": {
             "syntax": "<color>",
             "inherits": true
@@ -156,27 +174,53 @@
             "inherits": true
           }
         },
+        "border-color": {
+          "css": {
+            "syntax": "<color>",
+            "inherits": true
+          }
+        },
         "color": {
           "css": {
             "syntax": "<color>",
             "inherits": true
           }
+        },
+        "transform-scale": {
+          "css": {
+            "syntax": "<number>",
+            "inherits": true
+          }
         }
       },
-      "primary-action": {
+      "hover": {
         "background-color": {
           "css": {
             "syntax": "<color>",
             "inherits": true
           }
         },
+        "border-color": {
+          "css": {
+            "syntax": "<color>",
+            "inherits": true
+          }
+        },
         "color": {
           "css": {
             "syntax": "<color>",
             "inherits": true
           }
+        }
+      },
+      "primary-action": {
+        "background-color": {
+          "css": {
+            "syntax": "<color>",
+            "inherits": true
+          }
         },
-        "hover-background-color": {
+        "color": {
           "css": {
             "syntax": "<color>",
             "inherits": true