Fieldset tokens toevoegen (#769)

nl-design-system · Oct 21, 2024 · a5dc429 · a5dc429
1 parent cffc6c9
commit a5dc429
Showing 1 changed file with 65 additions and 3 deletions.
diff --git a/proprietary/design-tokens/figma/figma.tokens.json b/proprietary/design-tokens/figma/figma.tokens.json
@@ -3018,6 +3018,67 @@
       }
     }
   },
+  "components/fieldset": {
+    "utrecht": {
+      "form-fieldset": {
+        "legend": {
+          "color": {
+            "value": "{rhc.color.foreground.lint}",
+            "type": "color"
+          },
+          "font-family": {
+            "value": "{rhc.font-family.primary}",
+            "type": "fontFamilies"
+          },
+          "font-size": {
+            "value": "{rhc.font-size.paragraph.default}",
+            "type": "fontSizes"
+          },
+          "font-weight": {
+            "value": "{rhc.font-weight.bold}",
+            "type": "fontWeights"
+          },
+          "line-height": {
+            "value": "{rhc.line-height.md}",
+            "type": "lineHeights"
+          },
+          "disabled": {
+            "color": {
+              "value": "{rhc.color.foreground.subdued}",
+              "type": "color",
+              "description": "Do not use a disabled state"
+            }
+          }
+        },
+        "section": {
+          "background-color": {
+            "value": "{rhc.color.none}",
+            "type": "color"
+          },
+          "color": {
+            "value": "{rhc.color.foreground.lint}",
+            "type": "color"
+          }
+        },
+        "invalid": {
+          "border-inline-start": {
+            "color": {
+              "value": "{utrecht.form-field.invalid.border-inline-start-color}",
+              "type": "color"
+            }
+          },
+          "padding-inline-start": {
+            "value": "{utrecht.form-field.invalid.padding-inline-start}",
+            "type": "spacing"
+          },
+          "border-inline-start-width": {
+            "value": "{utrecht.form-field.invalid.border-inline-start-width}",
+            "type": "borderWidth"
+          }
+        }
+      }
+    }
+  },
   "components/figure": {
     "utrecht": {
       "figure": {
@@ -3759,8 +3820,8 @@
           "type": "spacing"
         },
         "row-gap": {
-            "value":"{rhc.space.200}",
-            "type": "spacing"
+          "value": "{rhc.space.200}",
+          "type": "spacing"
         },
         "padding-inline-start": {
           "value": "{rhc.space.300}",
@@ -6390,6 +6451,7 @@
       "components/counter-badge",
       "components/dot-badge",
       "components/drawer",
+      "components/fieldset",
       "components/figure",
       "components/footer",
       "components/form-field",
@@ -6432,4 +6494,4 @@
       "components/icon"
     ]
   }
-}
+}