From 5e446e3213f7175384c90e8de5f13fdd800a6cb1 Mon Sep 17 00:00:00 2001
From: AlineNap <59806622+AlineNap@users.noreply.github.com>
Date: Thu, 16 Jan 2025 16:25:47 +0100
Subject: [PATCH] Button component tokens verwijderd

---
 .../design-tokens/src/imported/$metadata.json |   1 -
 .../design-tokens/src/imported/$themes.json   |   1 -
 .../src/imported/component/button.json        | 236 ------------------
 .../src/imported/nl/utrecht-button.json       | 160 ++++++------
 4 files changed, 80 insertions(+), 318 deletions(-)
 delete mode 100644 proprietary/design-tokens/src/imported/component/button.json

diff --git a/proprietary/design-tokens/src/imported/$metadata.json b/proprietary/design-tokens/src/imported/$metadata.json
index 9c3dc8fe..6b99f011 100644
--- a/proprietary/design-tokens/src/imported/$metadata.json
+++ b/proprietary/design-tokens/src/imported/$metadata.json
@@ -24,7 +24,6 @@
     "NLdoc/Ridderkerk",
     "NLdoc/Rijksoverheid",
     "NLdoc/Waterschap Hollandse Delta",
-    "component/button",
     "component/icon-logo",
     "component/link",
     "component/login link",
diff --git a/proprietary/design-tokens/src/imported/$themes.json b/proprietary/design-tokens/src/imported/$themes.json
index a54e42bb..3d2e6865 100644
--- a/proprietary/design-tokens/src/imported/$themes.json
+++ b/proprietary/design-tokens/src/imported/$themes.json
@@ -743,7 +743,6 @@
     "$figmaStyleReferences": {},
     "selectedTokenSets": {
       "component/link": "enabled",
-      "component/button": "enabled",
       "component/login link": "enabled",
       "component/icon-logo": "enabled"
     },
diff --git a/proprietary/design-tokens/src/imported/component/button.json b/proprietary/design-tokens/src/imported/component/button.json
deleted file mode 100644
index cce5b096..00000000
--- a/proprietary/design-tokens/src/imported/component/button.json
+++ /dev/null
@@ -1,236 +0,0 @@
-{
-  "lux": {
-    "button": {
-      "font-size": {
-        "type": "fontSizes",
-        "value": "{product.button.font-size}"
-      },
-      "primary": {
-        "font-size": {
-          "type": "fontSizes",
-          "value": "{product.button.primary.font-size}"
-        },
-        "background-color": {
-          "type": "color",
-          "value": "{lux.color.brand.default}"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "{lux.color.none}"
-        },
-        "color": {
-          "type": "color",
-          "value": "{lux.color.foreground.onEmphasis}"
-        },
-        "hover": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.brand.hover}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{lux.color.foreground.onEmphasis}"
-          }
-        },
-        "active": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.brand.default}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{lux.color.foreground.onEmphasis}"
-          }
-        },
-        "disabled": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.background.subdued}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{lux.color.foreground.subdued}"
-          }
-        }
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "{lux.line-height.large-scale.sm}"
-      },
-      "padding-inline-start": {
-        "type": "spacing",
-        "value": "{lux.space.200}"
-      },
-      "padding-block-start": {
-        "type": "spacing",
-        "value": "{lux.space.100}"
-      },
-      "padding-inline-end": {
-        "type": "spacing",
-        "value": "{lux.space.200}"
-      },
-      "padding-block-end": {
-        "type": "spacing",
-        "value": "{lux.space.100}"
-      },
-      "column-gap": {
-        "type": "spacing",
-        "value": "{lux.space.100}"
-      },
-      "min-inline-size": {
-        "type": "sizing",
-        "value": "{lux.size.target}"
-      },
-      "min-block-size": {
-        "type": "sizing",
-        "value": "{lux.size.target}"
-      },
-      "border-radius": {
-        "type": "borderRadius",
-        "value": "{lux.border-radius.default}"
-      },
-      "border-width": {
-        "type": "borderWidth",
-        "value": "{lux.border-width.default}"
-      },
-      "icon": {
-        "size": {
-          "type": "sizing",
-          "value": "{lux.size.icon}"
-        }
-      },
-      "secondary": {
-        "background-color": {
-          "type": "color",
-          "value": "{lux.color.none}"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "{mode.button.secondary.border-color}"
-        },
-        "color": {
-          "type": "color",
-          "value": "{mode.button.secondary.color}"
-        },
-        "hover": {
-          "background-color": {
-            "type": "color",
-            "value": "{mode.button.secondary.hover.background-color}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{mode.button.secondary.hover.border-color}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{mode.button.secondary.hover.color}"
-          }
-        },
-        "active": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{mode.button.secondary.border-color}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{mode.button.secondary.color}"
-          }
-        },
-        "disabled": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.background.subdued}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{lux.color.foreground.subdued}"
-          }
-        }
-      },
-      "tertiary": {
-        "background-color": {
-          "type": "color",
-          "value": "{lux.color.none}"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "{lux.color.none}"
-        },
-        "color": {
-          "type": "color",
-          "value": "{mode.button.tertiary.color}"
-        },
-        "hover": {
-          "background-color": {
-            "type": "color",
-            "value": "{mode.button.tertiary.hover.background-color}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{mode.button.tertiary.hover.color}"
-          }
-        },
-        "active": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{mode.button.tertiary.color}"
-          }
-        },
-        "disabled": {
-          "background-color": {
-            "type": "color",
-            "value": "{lux.color.background.subdued}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{lux.color.none}"
-          },
-          "color": {
-            "type": "color",
-            "value": "{lux.color.foreground.subdued}"
-          }
-        }
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": "{lux.font-weight.bold}"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "{lux.font-family.primary}"
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/proprietary/design-tokens/src/imported/nl/utrecht-button.json b/proprietary/design-tokens/src/imported/nl/utrecht-button.json
index ea5d64c6..6edb244b 100644
--- a/proprietary/design-tokens/src/imported/nl/utrecht-button.json
+++ b/proprietary/design-tokens/src/imported/nl/utrecht-button.json
@@ -11,11 +11,11 @@
       },
       "border-radius": {
         "type": "borderRadius",
-        "value": "{lux.button.border-radius}"
+        "value": "{lux.border-radius.default}"
       },
       "border-width": {
         "type": "borderWidth",
-        "value": "{lux.button.border-width}"
+        "value": "{lux.border-width.default}"
       },
       "color": {
         "type": "color",
@@ -23,77 +23,77 @@
       },
       "font-family": {
         "type": "fontFamilies",
-        "value": "{lux.button.font-family}"
+        "value": "{lux.font-family.primary}"
       },
       "font-size": {
         "type": "fontSizes",
-        "value": "{lux.button.font-size}"
+        "value": "{product.button.font-size}"
       },
       "primary-action": {
         "font-size": {
           "type": "fontSizes",
-          "value": "{lux.button.primary.font-size}"
+          "value": "{product.button.primary.font-size}"
         },
         "background-color": {
           "type": "color",
-          "value": "{lux.button.primary.background-color}"
+          "value": "{lux.color.brand.default}"
         },
         "border-color": {
           "type": "color",
-          "value": "{lux.button.primary.border-color}"
+          "value": "{lux.color.none}"
         },
         "border-width": {
           "type": "borderWidth",
-          "value": "{lux.button.border-width}"
+          "value": "{lux.border-width.default}"
         },
         "color": {
           "type": "color",
-          "value": "{lux.button.primary.color}"
+          "value": "{lux.color.foreground.onEmphasis}"
         },
         "font-weight": {
           "type": "fontWeights",
-          "value": "{lux.button.font-weight}"
+          "value": "{lux.font-weight.bold}"
         },
         "active": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.primary.active.background-color}"
+            "value": "{lux.color.brand.default}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.primary.active.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.primary.active.color}"
+            "value": "{lux.color.foreground.onEmphasis}"
           }
         },
         "disabled": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.primary.disabled.background-color}"
+            "value": "{lux.color.background.subdued}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.primary.disabled.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.primary.disabled.color}"
+            "value": "{lux.color.background.subdued}"
           }
         },
         "hover": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.background-color}"
+            "value": "{lux.color.brand.hover}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.color}"
+            "value": "{lux.color.foreground.onEmphasis}"
           },
           "scale": {
             "type": "other",
@@ -103,39 +103,39 @@
         "focus": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.primary.background-color}"
+            "value": "{lux.color.brand.default}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.primary.color}"
+            "value": "{lux.color.foreground.onEmphasis}"
           }
         },
         "pressed": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.background-color}"
+            "value": "{lux.color.brand.hover}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.primary.hover.color}"
+            "value": "{lux.color.foreground.onEmphasis}"
           }
         },
         "line-height": {
-          "value": "{lux.button.line-height}",
+          "value": "{lux.line-height.large-scale.sm}",
           "type": "lineHeights"
         }
       },
       "font-weight": {
         "type": "fontWeights",
-        "value": "{lux.button.font-weight}"
+        "value": "{lux.font-weight.bold}"
       },
       "inline-size": {
         "type": "sizing",
@@ -144,35 +144,35 @@
       },
       "line-height": {
         "type": "lineHeights",
-        "value": "{lux.button.line-height}"
+        "value": "{lux.line-height.large-scale.sm}"
       },
       "min-block-size": {
         "type": "sizing",
-        "value": "{lux.button.min-block-size}"
+        "value": "{lux.size.target}"
       },
       "min-inline-size": {
         "type": "sizing",
-        "value": "{lux.button.min-inline-size}"
+        "value": "{lux.size.target}"
       },
       "column-gap": {
         "type": "spacing",
-        "value": "{lux.button.column-gap}"
+        "value": "{lux.space.100}"
       },
       "padding-block-start": {
         "type": "spacing",
-        "value": "{lux.button.padding-block-start}"
+        "value": "{lux.space.100}"
       },
       "padding-block-end": {
         "type": "spacing",
-        "value": "{lux.button.padding-block-end}"
+        "value": "{lux.space.100}"
       },
       "padding-inline-start": {
         "type": "spacing",
-        "value": "{lux.button.padding-inline-start}"
+        "value": "{lux.space.200}"
       },
       "padding-inline-end": {
         "type": "spacing",
-        "value": "{lux.button.padding-inline-end}"
+        "value": "{lux.space.200}"
       },
       "text-transform": {
         "type": "other",
@@ -199,7 +199,7 @@
         },
         "size": {
           "type": "sizing",
-          "value": "{lux.button.icon.size}"
+          "value": "{lux.size.icon}"
         }
       },
       "disabled": {
@@ -269,64 +269,64 @@
       "secondary-action": {
         "background-color": {
           "type": "color",
-          "value": "{lux.button.secondary.background-color}"
+          "value": "{lux.color.none}"
         },
         "border-color": {
           "type": "color",
-          "value": "{lux.button.secondary.border-color}"
+          "value": "{mode.button.secondary.border-color}"
         },
         "border-width": {
           "type": "borderWidth",
-          "value": "{lux.button.border-width}"
+          "value": "{lux.border-width.default}"
         },
         "color": {
           "type": "color",
-          "value": "{lux.button.secondary.color}"
+          "value": "{mode.button.secondary.color}"
         },
         "font-weight": {
           "type": "fontWeights",
-          "value": "{lux.button.font-weight}"
+          "value": "{lux.font-weight.bold}"
         },
         "active": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.secondary.active.background-color}"
+            "value": "{lux.color.none}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.secondary.active.border-color}"
+            "value": "{mode.button.secondary.border-color}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.secondary.active.color}"
+            "value": "{mode.button.secondary.color}"
           }
         },
         "disabled": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.secondary.disabled.background-color}"
+            "value": "{lux.color.background.subdued}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.secondary.disabled.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.secondary.disabled.color}"
+            "value": "{lux.color.foreground.subdued}"
           }
         },
         "hover": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.secondary.hover.background-color}"
+            "value": "{mode.button.secondary.hover.background-color}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.secondary.hover.border-color}"
+            "value": "{mode.button.secondary.hover.border-color}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.secondary.hover.color}"
+            "value": "{mode.button.secondary.hover.color}"
           },
           "scale": {
             "type": "other",
@@ -336,101 +336,101 @@
         "focus": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.secondary.background-color}"
+            "value": "{lux.color.none}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.secondary.border-color}"
+            "value": "{mode.button.secondary.border-color}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.secondary.color}"
+            "value": "{mode.button.secondary.color}"
           }
         },
         "pressed": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.secondary.hover.background-color}"
+            "value": "{mode.button.secondary.hover.background-color}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.secondary.hover.border-color}"
+            "value": "{mode.button.secondary.hover.border-color}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.secondary.hover.color}"
+            "value": "{mode.button.secondary.hover.color}"
           }
         },
         "line-height": {
-          "value": "{lux.button.line-height}",
+          "value": "{lux.line-height.large-scale.sm}",
           "type": "lineHeights"
         },
         "font-size": {
           "type": "fontSizes",
-          "value": "{lux.button.font-size}"
+          "value": "{product.button.font-size}"
         }
       },
       "subtle": {
         "background-color": {
           "type": "color",
-          "value": "{lux.button.tertiary.background-color}"
+          "value": "{lux.color.none}"
         },
         "border-color": {
           "type": "color",
-          "value": "{lux.button.tertiary.border-color}"
+          "value": "{lux.color.none}"
         },
         "border-width": {
           "type": "borderWidth",
-          "value": "{lux.button.border-width}"
+          "value": "{lux.border-width.default}"
         },
         "color": {
           "type": "color",
-          "value": "{lux.button.tertiary.color}"
+          "value": "{mode.button.tertiary.color}"
         },
         "font-weight": {
           "type": "fontWeights",
-          "value": "{lux.button.font-weight}"
+          "value": "{lux.font-weight.bold}"
         },
         "active": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.active.background-color}"
+            "value": "{lux.color.none}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.active.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.tertiary.active.color}"
+            "value": "{mode.button.tertiary.color}"
           }
         },
         "disabled": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.disabled.background-color}"
+            "value": "{lux.color.background.subdued}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.disabled.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.tertiary.disabled.color}"
+            "value": "{lux.color.foreground.subdued}"
           }
         },
         "hover": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.hover.background-color}"
+            "value": "{mode.button.tertiary.hover.background-color}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.hover.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.tertiary.hover.color}"
+            "value": "{mode.button.tertiary.hover.color}"
           },
           "scale": {
             "type": "other",
@@ -440,38 +440,38 @@
         "focus": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.background-color}"
+            "value": "{lux.color.none}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.tertiary.color}"
+            "value": "{mode.button.tertiary.color}"
           }
         },
         "pressed": {
           "background-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.hover.background-color}"
+            "value": "{mode.button.tertiary.hover.background-color}"
           },
           "border-color": {
             "type": "color",
-            "value": "{lux.button.tertiary.hover.border-color}"
+            "value": "{lux.color.none}"
           },
           "color": {
             "type": "color",
-            "value": "{lux.button.tertiary.hover.color}"
+            "value": "{mode.button.tertiary.hover.color}"
           }
         },
         "line-height": {
-          "value": "{lux.button.line-height}",
+          "value": "{lux.line-height.large-scale.sm}",
           "type": "lineHeights"
         },
         "font-size": {
           "type": "fontSizes",
-          "value": "{lux.button.font-size}"
+          "value": "{product.button.font-size}"
         }
       }
     }