@rijkshuisstijl-community/design-tokens 6.0.0 → 8.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rijkshuisstijl-community/design-tokens",
-  "version": "6.0.0",
+  "version": "8.0.0",
   "author": "Community for NL Design System",
   "description": "Example design tokens",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,7 +25,7 @@
     "token-transformer": "0.0.33"
   },
   "scripts": {
-    "clean": "rimraf dist/* src/generated/*",
+    "clean": "rimraf dist/ src/generated/",
     "build": "npm-run-all clean build:figma-tokens build:style-dictionary",
     "build:figma-tokens": "node ./token-transformer.mjs",
     "build:style-dictionary": "node build.mjs",

package/src/generated/base.tokens.json

@@ -556,6 +556,10 @@
         "column-gap": {
           "value": "0.5rem",
           "type": "spacing"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
         }
       },
       "heading": {
@@ -1661,10 +1665,28 @@
         }
       }
     },
+    "blockquote": {
+      "margin-block-end": {
+        "value": "0rem",
+        "type": "dimension"
+      },
+      "margin-block-start": {
+        "value": "0rem",
+        "type": "dimension"
+      },
+      "margin-inline-end": {
+        "value": "0rem",
+        "type": "dimension"
+      },
+      "margin-inline-start": {
+        "value": "0rem",
+        "type": "dimension"
+      }
+    },
     "keep": {
       "_comment": {
-        "type": "other",
-        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote."
+        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
+        "type": "other"
       },
       "top-left": {
         "borderRadiusTopLeft": {
@@ -2727,7 +2749,7 @@
         "type": "dimension"
       },
       "3-lint": {
-        "value": "1440px",
+        "value": "144px",
         "type": "dimension"
       }
     },
@@ -4116,16 +4138,6 @@
       }
     },
     "form-field-error-message": {
-      "icon": {
-        "margin-inline-end": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "size": {
-          "type": "dimension",
-          "value": "24px"
-        }
-      },
       "background-color": {
         "type": "color",
         "value": "transparent"
@@ -4178,10 +4190,6 @@
       }
     },
     "form-field-description": {
-      "padding-block-end": {
-        "value": "0.5rem",
-        "type": "dimension"
-      },
       "color": {
         "type": "color",
         "value": "#334155"
@@ -4378,6 +4386,52 @@
         }
       }
     },
+    "drawer": {
+      "max-inline-size": {
+        "value": "256px",
+        "type": "spacing"
+      },
+      "z-index": {
+        "type": "dimension",
+        "value": 1
+      },
+      "background-color": {
+        "value": "#fff",
+        "type": "color"
+      },
+      "border-color": {
+        "value": "#64748B",
+        "type": "color"
+      },
+      "border-width": {
+        "type": "dimension",
+        "value": "0px"
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "max-block-size": {
+        "value": "240px",
+        "type": "dimension"
+      },
+      "padding-block-start": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-block-end": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "type": "spacing"
+      }
+    },
     "data-badge": {
       "background-color": {
         "value": "#dce3ea",
@@ -5169,26 +5223,6 @@
         "type": "dimension",
         "value": "0rem",
         "description": "[code-only]"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.5rem"
-      },
-      "padding-block-end": {
-        "type": "dimension",
-        "value": "0px"
-      },
-      "padding-block-start": {
-        "type": "dimension",
-        "value": "0px"
-      },
-      "row-gap": {
-        "type": "dimension",
-        "value": "0.5rem"
       }
     },
     "breadcrumb-nav": {
@@ -5326,178 +5360,6 @@
       }
     },
     "blockquote": {
-      "border-block-end-width": {
-        "type": "dimension",
-        "value": 0
-      },
-      "border-block-start-width": {
-        "type": "dimension",
-        "value": 0
-      },
-      "border-end-end-radius": {
-        "type": "dimension",
-        "value": 0
-      },
-      "border-end-start-radius": {
-        "type": "dimension",
-        "value": 0
-      },
-      "border-inline-end-width": {
-        "type": "dimension",
-        "value": 0
-      },
-      "border-start-end-radius": {
-        "type": "dimension",
-        "value": 0
-      },
-      "border-start-start-radius": {
-        "type": "dimension",
-        "value": 0
-      },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": 0
-      },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": 0
-      },
-      "margin-inline-end": {
-        "type": "dimension",
-        "value": 0
-      },
-      "margin-inline-start": {
-        "type": "dimension",
-        "value": 0
-      },
-      "blue-corner-border-variation": {
-        "border-block-end-width": {
-          "type": "dimension",
-          "value": "2px"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#154273"
-        },
-        "border-end-end-radius": {
-          "type": "dimension",
-          "value": "3rem"
-        },
-        "border-inline-end-width": {
-          "type": "dimension",
-          "value": "2px"
-        }
-      },
-      "caption": {
-        "color": {
-          "type": "color",
-          "value": "#154273"
-        },
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "'Fira Sans', Arial, Verdana, sans-serif"
-        },
-        "font-size": {
-          "type": "fontSizes",
-          "value": "1.25rem"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "0.75rem"
-        }
-      },
-      "content": {
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "'Fira Sans', Arial, Verdana, sans-serif"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        },
-        "color": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        }
-      },
-      "pink-background-variation": {
-        "background-color": {
-          "type": "color",
-          "value": "#F6BDE1"
-        },
-        "border-end-start-radius": {
-          "type": "dimension",
-          "value": "3rem"
-        },
-        "padding": {
-          "type": "dimension",
-          "value": "2.5rem"
-        }
-      },
-      "pink-corner-border-variation": {
-        "border-block-start-width": {
-          "type": "dimension",
-          "value": "0.25rem"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#F6BDE1"
-        },
-        "border-inline-start-width": {
-          "type": "dimension",
-          "value": "0.25rem"
-        },
-        "border-start-start-radius": {
-          "type": "dimension",
-          "value": "3rem"
-        },
-        "padding": {
-          "type": "dimension",
-          "value": "2.5rem"
-        }
-      },
-      "pink-left-border-variation": {
-        "border-color": {
-          "type": "color",
-          "value": "#F6BDE1"
-        },
-        "border-inline-start-width": {
-          "type": "dimension",
-          "value": "0.75rem"
-        },
-        "padding-block-end": {
-          "type": "dimension",
-          "value": "1.5rem"
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "1.5rem"
-        },
-        "padding-inline-end": {
-          "type": "dimension",
-          "value": "2.5rem"
-        },
-        "padding-inline-start": {
-          "type": "dimension",
-          "value": "2.5rem"
-        }
-      },
       "background-color": {
         "value": "transparent",
         "type": "color"
@@ -5559,6 +5421,42 @@
           "value": "1.25rem",
           "type": "fontSizes"
         }
+      },
+      "content": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        }
+      }
+    },
+    "backdrop": {
+      "background-color": {
+        "value": "#0000004d",
+        "type": "color"
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "opacity": {
+        "value": 0.8,
+        "type": "opacity"
+      },
+      "fade-in": {
+        "animation-duration": {
+          "value": "400ms",
+          "type": "other"
+        }
+      },
+      "reduced-transparency": {
+        "opacity": {
+          "value": 0.98,
+          "type": "opacity"
+        }
       }
     },
     "article": {
@@ -5725,6 +5623,28 @@
         }
       }
     },
+    "action-group": {
+      "background-color": {
+        "type": "color",
+        "value": "transparent"
+      },
+      "column-gap": {
+        "type": "dimension",
+        "value": "0.5rem"
+      },
+      "padding-block-end": {
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "padding-block-start": {
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "row-gap": {
+        "type": "dimension",
+        "value": "0.5rem"
+      }
+    },
     "accordion": {
       "margin-block-end": {
         "description": "[code-only]",