From c1bad1030f6dffb52699fdfc1278b0281089dad1 Mon Sep 17 00:00:00 2001
From: Jeffrey Lauwers <jeffreylauwers@gmail.com>
Date: Sun, 1 Sep 2024 12:35:56 +0200
Subject: [PATCH] fix: changed name of breadcrumb tokens (#654)

Changed name of some breadcrumb tokens:

- `.breadcrumb.divider.color` to `.breadcrumb-nav.separator.color`.
- `.breadcrumb.divider.size` to `.breadcrumb-nav.separator.size`.
- `.breadcrumb.margin-inline` to `breadcrumb-nav.column-gap`.
- `.breadcrumb.link.icon.margin-inline` to
`.breadcrumb-nav.link.icon.column-gap`.
---
 .changeset/hold-motorist-mug.md                        | 10 ++++++++++
 .../figma/voorbeeld.tokens.json                        |  8 ++++----
 2 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/hold-motorist-mug.md

diff --git a/.changeset/hold-motorist-mug.md b/.changeset/hold-motorist-mug.md
new file mode 100644
index 000000000..da2e1c407
--- /dev/null
+++ b/.changeset/hold-motorist-mug.md
@@ -0,0 +1,10 @@
+---
+"@nl-design-system-unstable/voorbeeld-design-tokens": major
+---
+
+Changed name of tokens:
+
+- `.breadcrumb.divider.color` to `.breadcrumb-nav.separator.color`.
+- `.breadcrumb.divider.size` to `.breadcrumb-nav.separator.size`.
+- `.breadcrumb.margin-inline` to `breadcrumb-nav.column-gap`.
+- `.breadcrumb.link.icon.margin-inline` to `.breadcrumb-nav.link.icon.column-gap`.
diff --git a/packages/voorbeeld-design-tokens/figma/voorbeeld.tokens.json b/packages/voorbeeld-design-tokens/figma/voorbeeld.tokens.json
index 6d66aeee4..2065a78ca 100644
--- a/packages/voorbeeld-design-tokens/figma/voorbeeld.tokens.json
+++ b/packages/voorbeeld-design-tokens/figma/voorbeeld.tokens.json
@@ -1922,7 +1922,7 @@
               "$type": "sizing",
               "$value": "{voorbeeld.icon.functional.size}"
             },
-            "margin-inline": {
+            "column-gap": {
               "$type": "spacing",
               "$value": "{voorbeeld.space.text.beetle}"
             }
@@ -1992,7 +1992,7 @@
             "$value": "underline"
           }
         },
-        "divider": {
+        "separator": {
           "size": {
             "$type": "sizing",
             "$value": "{voorbeeld.size.2xs}"
@@ -2002,9 +2002,9 @@
             "$value": "{voorbeeld.document.subtle.color}"
           }
         },
-        "margin-inline": {
+        "column-gap": {
           "$type": "spacing",
-          "$value": "{voorbeeld.space.inline.beetle}"
+          "$value": "{voorbeeld.space.column.snail}"
         },
         "font-family": {
           "$type": "fontFamilies",