Component tokens nl-data-badge toevoegen (#2461)

Author: AlineNap

.changeset/born-plant-bike.md

@@ -0,0 +1,5 @@
+---
+'@rijkshuisstijl-community/design-tokens': minor
+---
+
+- component tokens toegevoegd voor `nl-data-badge`

proprietary/design-tokens/figma/figma.tokens.json

@@ -3926,7 +3926,65 @@
       }
     }
   },
-  "components/data-badge": {
+  "components/data-badge/nl": {
+    "nl": {
+      "data-badge": {
+        "background-color": {
+          "$type": "color",
+          "$value": "{rhc.color.cool-grey.100}"
+        },
+        "border-color": {
+          "$type": "color",
+          "$value": "{rhc.color.transparent}"
+        },
+        "border-radius": {
+          "$type": "dimension",
+          "$value": "{rhc.border-radius.sm}"
+        },
+        "border-width": {
+          "$type": "dimension",
+          "$value": "{rhc.border-width.sm}"
+        },
+        "color": {
+          "$type": "color",
+          "$value": "{rhc.color.foreground.default}"
+        },
+        "font-family": {
+          "$type": "fontFamilies",
+          "$value": "{rhc.text.font-family.default}"
+        },
+        "font-size": {
+          "$type": "fontSizes",
+          "$value": "{rhc.text.font-size.md}"
+        },
+        "font-weight": {
+          "$type": "fontWeights",
+          "$value": "{rhc.text.font-weight.semi-bold}"
+        },
+        "line-height": {
+          "$type": "lineHeights",
+          "$value": "{rhc.text.line-height.sm}"
+        },
+        "min-block-size": {
+          "$type": "dimension",
+          "$value": "{rhc.size.half-lint}"
+        },
+        "min-inline-size": {
+          "$type": "dimension",
+          "$value": "{rhc.size.half-lint}"
+        },
+        "padding-block": {
+          "$type": "dimension",
+          "$value": "{rhc.space.xs}"
+        },
+        "padding-inline": {
+          "$type": "dimension",
+          "$value": "{rhc.space.sm}"
+        }
+      }
+    }
+  },
+  "components/data-badge/utrecht": {
     "utrecht": {
       "data-badge": {
         "background-color": {
@@ -9144,7 +9202,6 @@
         "components/code-input": "enabled",
         "components/code-input-group": "enabled",
         "components/column-layout": "enabled",
-        "components/data-badge": "enabled",
         "components/data-badge-button": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
@@ -9201,7 +9258,9 @@
         "common/text": "enabled",
         "components/heading": "enabled",
         "common/vendor": "enabled",
-        "components/form-field-label-suffix": "enabled"
+        "components/form-field-label-suffix": "enabled",
+        "components/data-badge/utrecht": "enabled",
+        "components/data-badge/nl": "enabled"
       },
       "$figmaVariableReferences": {},
       "group": "Rijkshuisstijl"
@@ -9235,7 +9294,6 @@
         "components/code-input": "enabled",
         "components/code-input-group": "enabled",
         "components/column-layout": "enabled",
-        "components/data-badge": "enabled",
         "components/data-badge-button": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
@@ -9293,7 +9351,9 @@
         "overrides/primaire kleur/groen": "enabled",
         "components/heading": "enabled",
         "common/vendor": "enabled",
-        "components/form-field-label-suffix": "enabled"
+        "components/form-field-label-suffix": "enabled",
+        "components/data-badge/utrecht": "enabled",
+        "components/data-badge/nl": "enabled"
       },
       "$figmaVariableReferences": {},
       "group": "Rijkshuisstijl"
@@ -9327,7 +9387,6 @@
         "components/code-input": "enabled",
         "components/code-input-group": "enabled",
         "components/column-layout": "enabled",
-        "components/data-badge": "enabled",
         "components/data-badge-button": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
@@ -9385,7 +9444,9 @@
         "overrides/primaire kleur/hemelblauw": "enabled",
         "components/heading": "enabled",
         "common/vendor": "enabled",
-        "components/form-field-label-suffix": "enabled"
+        "components/form-field-label-suffix": "enabled",
+        "components/data-badge/utrecht": "enabled",
+        "components/data-badge/nl": "enabled"
       },
       "$figmaVariableReferences": {},
       "group": "Rijkshuisstijl"
@@ -9419,7 +9480,6 @@
         "components/code-input": "enabled",
         "components/code-input-group": "enabled",
         "components/column-layout": "enabled",
-        "components/data-badge": "enabled",
         "components/data-badge-button": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
@@ -9479,7 +9539,9 @@
         "overrides/primaire kleur/contrast fix/non primary buttons coolgrey": "enabled",
         "components/heading": "enabled",
         "common/vendor": "enabled",
-        "components/form-field-label-suffix": "enabled"
+        "components/form-field-label-suffix": "enabled",
+        "components/data-badge/utrecht": "enabled",
+        "components/data-badge/nl": "enabled"
       },
       "$figmaVariableReferences": {},
       "group": "Rijkshuisstijl"
@@ -9513,7 +9575,6 @@
         "components/code-input": "enabled",
         "components/code-input-group": "enabled",
         "components/column-layout": "enabled",
-        "components/data-badge": "enabled",
         "components/data-badge-button": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
@@ -9571,7 +9632,9 @@
         "overrides/primaire kleur/paars": "enabled",
         "components/heading": "enabled",
         "common/vendor": "enabled",
-        "components/form-field-label-suffix": "enabled"
+        "components/form-field-label-suffix": "enabled",
+        "components/data-badge/utrecht": "enabled",
+        "components/data-badge/nl": "enabled"
       },
       "$figmaVariableReferences": {},
       "group": "Rijkshuisstijl"
@@ -9605,7 +9668,6 @@
         "components/code-input": "enabled",
         "components/code-input-group": "enabled",
         "components/column-layout": "enabled",
-        "components/data-badge": "enabled",
         "components/data-badge-button": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
@@ -9663,7 +9725,9 @@
         "overrides/primaire kleur/robijn rood": "enabled",
         "components/heading": "enabled",
         "common/vendor": "enabled",
-        "components/form-field-label-suffix": "enabled"
+        "components/form-field-label-suffix": "enabled",
+        "components/data-badge/utrecht": "enabled",
+        "components/data-badge/nl": "enabled"
       },
       "$figmaVariableReferences": {},
       "group": "Rijkshuisstijl"
@@ -9689,7 +9753,6 @@
       "components/article",
       "components/backdrop",
       "components/blockquote",
-      "components/body",
       "components/breadcrumb",
       "components/button",
       "components/card",
@@ -9699,7 +9762,8 @@
       "components/code-input",
       "components/code-input-group",
       "components/column-layout",
-      "components/data-badge",
+      "components/data-badge/nl",
+      "components/data-badge/utrecht",
       "components/data-badge-button",
       "components/data-summary",
       "components/document",
@@ -9773,4 +9837,4 @@
       "overrides/type-scale/information dense [code-only]"
     ]
   }
-}
+}