@rijkshuisstijl-community/design-tokens 1.0.0-alpha.158 → 1.0.0-alpha.159

package/dist/wetgevend/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 14 Feb 2025 16:26:07 GMT
+// Generated on Mon, 17 Feb 2025 10:28:58 GMT
 
 $nl-number-badge-padding-block: 0.5rem;
 $nl-number-badge-padding-inline: 0.5rem;
@@ -1012,9 +1012,13 @@ $rhc-page-footer-padding-inline-end: 2.5rem;
 $rhc-page-footer-padding-inline-start: 2.5rem;
 $rhc-page-footer-padding-block-end: 2.5rem;
 $rhc-page-footer-padding-block-start: 2.5rem;
+$rhc-page-footer-outlined-border-color: #154273;
+$rhc-page-footer-outlined-color: #154273;
+$rhc-page-footer-outlined-background-color: #fff;
 $rhc-page-footer-border-block-start-style: solid;
-$rhc-page-footer-border-block-start-color: #154273;
+$rhc-page-footer-border-block-start-color: #738eab;
 $rhc-page-footer-border-block-start-width: 2px;
+$rhc-page-footer-content-column-gap: 2rem;
 $rhc-page-footer-content-padding-inline-end: 1rem;
 $rhc-page-footer-content-padding-inline-start: 1rem;
 $rhc-page-footer-content-max-inline-size: 1280px;

package/dist/wetgevend/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
  */
 
 .wetgevend {
@@ -1014,9 +1014,13 @@
   --rhc-page-footer-padding-inline-start: 2.5rem;
   --rhc-page-footer-padding-block-end: 2.5rem;
   --rhc-page-footer-padding-block-start: 2.5rem;
+  --rhc-page-footer-outlined-border-color: #154273;
+  --rhc-page-footer-outlined-color: #154273;
+  --rhc-page-footer-outlined-background-color: #fff;
   --rhc-page-footer-border-block-start-style: solid;
-  --rhc-page-footer-border-block-start-color: #154273;
+  --rhc-page-footer-border-block-start-color: #738eab;
   --rhc-page-footer-border-block-start-width: 2px;
+  --rhc-page-footer-content-column-gap: 2rem;
   --rhc-page-footer-content-padding-inline-end: 1rem;
   --rhc-page-footer-content-padding-inline-start: 1rem;
   --rhc-page-footer-content-max-inline-size: 1280px;

package/dist/wetgevend/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
  */
 
 export const rhcSubNavBarBackgroundColor : string;
@@ -180,9 +180,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd : string;
 export const rhcPageFooterContentMaxInlineSize : string;
 export const rhcPageFooterContentPaddingInlineStart : string;
 export const rhcPageFooterContentPaddingInlineEnd : string;
+export const rhcPageFooterContentColumnGap : string;
 export const rhcPageFooterBorderBlockStartWidth : string;
 export const rhcPageFooterBorderBlockStartColor : string;
 export const rhcPageFooterBorderBlockStartStyle : string;
+export const rhcPageFooterOutlinedBackgroundColor : string;
+export const rhcPageFooterOutlinedColor : string;
+export const rhcPageFooterOutlinedBorderColor : string;
 export const rhcPageFooterPaddingBlockStart : string;
 export const rhcPageFooterPaddingBlockEnd : string;
 export const rhcPageFooterPaddingInlineStart : string;

package/dist/wetgevend/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
  */
 
 export const rhcSubNavBarBackgroundColor = "#f2f4f6";
@@ -180,9 +180,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
 export const rhcPageFooterContentMaxInlineSize = "1280px";
 export const rhcPageFooterContentPaddingInlineStart = "1rem";
 export const rhcPageFooterContentPaddingInlineEnd = "1rem";
+export const rhcPageFooterContentColumnGap = "2rem";
 export const rhcPageFooterBorderBlockStartWidth = "2px";
-export const rhcPageFooterBorderBlockStartColor = "#154273";
+export const rhcPageFooterBorderBlockStartColor = "#738eab";
 export const rhcPageFooterBorderBlockStartStyle = "solid";
+export const rhcPageFooterOutlinedBackgroundColor = "#fff";
+export const rhcPageFooterOutlinedColor = "#154273";
+export const rhcPageFooterOutlinedBorderColor = "#154273";
 export const rhcPageFooterPaddingBlockStart = "2.5rem";
 export const rhcPageFooterPaddingBlockEnd = "2.5rem";
 export const rhcPageFooterPaddingInlineStart = "2.5rem";

package/dist/wetgevend/index.json

@@ -176,9 +176,13 @@
   "rhcPageFooterContentMaxInlineSize": "1280px",
   "rhcPageFooterContentPaddingInlineStart": "1rem",
   "rhcPageFooterContentPaddingInlineEnd": "1rem",
+  "rhcPageFooterContentColumnGap": "2rem",
   "rhcPageFooterBorderBlockStartWidth": "2px",
-  "rhcPageFooterBorderBlockStartColor": "#154273",
+  "rhcPageFooterBorderBlockStartColor": "#738eab",
   "rhcPageFooterBorderBlockStartStyle": "solid",
+  "rhcPageFooterOutlinedBackgroundColor": "#fff",
+  "rhcPageFooterOutlinedColor": "#154273",
+  "rhcPageFooterOutlinedBorderColor": "#154273",
   "rhcPageFooterPaddingBlockStart": "2.5rem",
   "rhcPageFooterPaddingBlockEnd": "2.5rem",
   "rhcPageFooterPaddingInlineStart": "2.5rem",

package/dist/wetgevend/index.tokens.json

@@ -298,15 +298,23 @@
       "content": {
         "max-inline-size": "1280px",
         "padding-inline-start": "1rem",
-        "padding-inline-end": "1rem"
+        "padding-inline-end": "1rem",
+        "column-gap": "2rem"
       },
       "border": {
         "block-start": {
           "width": "2px",
-          "color": "#154273",
+          "color": "#738eab",
           "style": "solid"
         }
       },
+      "outlined": {
+        "background-color": "#fff",
+        "color": "#154273",
+        "border": {
+          "color": "#154273"
+        }
+      },
       "padding": {
         "block-start": "2.5rem",
         "block-end": "2.5rem",

package/dist/wetgevend/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
  */
 
 :root {
@@ -1014,9 +1014,13 @@
   --rhc-page-footer-padding-inline-start: 2.5rem;
   --rhc-page-footer-padding-block-end: 2.5rem;
   --rhc-page-footer-padding-block-start: 2.5rem;
+  --rhc-page-footer-outlined-border-color: #154273;
+  --rhc-page-footer-outlined-color: #154273;
+  --rhc-page-footer-outlined-background-color: #fff;
   --rhc-page-footer-border-block-start-style: solid;
-  --rhc-page-footer-border-block-start-color: #154273;
+  --rhc-page-footer-border-block-start-color: #738eab;
   --rhc-page-footer-border-block-start-width: 2px;
+  --rhc-page-footer-content-column-gap: 2rem;
   --rhc-page-footer-content-padding-inline-end: 1rem;
   --rhc-page-footer-content-padding-inline-start: 1rem;
   --rhc-page-footer-content-max-inline-size: 1280px;

package/dist/wetgevend/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
  */
 
 export default tokens;
@@ -321,7 +321,8 @@ declare const tokens: {
       "content": {
         "max-inline-size": DesignToken,
         "padding-inline-start": DesignToken,
-        "padding-inline-end": DesignToken
+        "padding-inline-end": DesignToken,
+        "column-gap": DesignToken
       },
       "border": {
         "block-start": {
@@ -330,6 +331,13 @@ declare const tokens: {
           "style": DesignToken
         }
       },
+      "outlined": {
+        "background-color": DesignToken,
+        "color": DesignToken,
+        "border": {
+          "color": DesignToken
+        }
+      },
       "padding": {
         "block-start": DesignToken,
         "block-end": DesignToken,

package/dist/wetgevend/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
  */
 
 module.exports = {
@@ -4227,6 +4227,29 @@ module.exports = {
             "content",
             "padding-inline-end"
           ]
+        },
+        "column-gap": {
+          "value": "2rem",
+          "type": "spacing",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2rem",
+            "type": "spacing"
+          },
+          "name": "rhcPageFooterContentColumnGap",
+          "attributes": {
+            "category": "rhc",
+            "type": "page-footer",
+            "item": "content",
+            "subitem": "column-gap"
+          },
+          "path": [
+            "rhc",
+            "page-footer",
+            "content",
+            "column-gap"
+          ]
         }
       },
       "border": {
@@ -4257,12 +4280,12 @@ module.exports = {
             ]
           },
           "color": {
-            "value": "#154273",
+            "value": "#738eab",
             "type": "color",
             "filePath": "src/generated/wetgevend/tokens.json",
             "isSource": true,
             "original": {
-              "value": "#154273",
+              "value": "#738eab",
               "type": "color"
             },
             "name": "rhcPageFooterBorderBlockStartColor",
@@ -4308,6 +4331,81 @@ module.exports = {
           }
         }
       },
+      "outlined": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff",
+            "type": "color"
+          },
+          "name": "rhcPageFooterOutlinedBackgroundColor",
+          "attributes": {
+            "category": "rhc",
+            "type": "page-footer",
+            "item": "outlined",
+            "subitem": "background-color"
+          },
+          "path": [
+            "rhc",
+            "page-footer",
+            "outlined",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#154273",
+          "type": "color",
+          "filePath": "src/generated/wetgevend/tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#154273",
+            "type": "color"
+          },
+          "name": "rhcPageFooterOutlinedColor",
+          "attributes": {
+            "category": "rhc",
+            "type": "page-footer",
+            "item": "outlined",
+            "subitem": "color"
+          },
+          "path": [
+            "rhc",
+            "page-footer",
+            "outlined",
+            "color"
+          ]
+        },
+        "border": {
+          "color": {
+            "value": "#154273",
+            "type": "color",
+            "filePath": "src/generated/wetgevend/tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "#154273",
+              "type": "color"
+            },
+            "name": "rhcPageFooterOutlinedBorderColor",
+            "attributes": {
+              "category": "rhc",
+              "type": "page-footer",
+              "item": "outlined",
+              "subitem": "border",
+              "state": "color"
+            },
+            "path": [
+              "rhc",
+              "page-footer",
+              "outlined",
+              "border",
+              "color"
+            ]
+          }
+        }
+      },
       "padding": {
         "block-start": {
           "value": "2.5rem",

package/figma/figma.tokens.json

@@ -3514,6 +3514,10 @@
           "padding-inline-end": {
             "value": "{rhc.space.200}",
             "type": "spacing"
+          },
+          "column-gap": {
+            "value": "{rhc.space.400}",
+            "type": "spacing"
           }
         },
         "border": {
@@ -3523,7 +3527,7 @@
               "type": "borderWidth"
             },
             "color": {
-              "value": "{rhc.color.primary.500}",
+              "value": "{rhc.color.lintblauw.300}",
               "type": "color"
             },
             "style": {
@@ -3532,6 +3536,22 @@
             }
           }
         },
+        "outlined": {
+          "background-color": {
+            "value": "{rhc.color.wit}",
+            "type": "color"
+          },
+          "color": {
+            "value": "{rhc.color.primary.500}",
+            "type": "color"
+          },
+          "border": {
+            "color": {
+              "value": "{rhc.color.primary.500}",
+              "type": "color"
+            }
+          }
+        },
         "padding": {
           "block-start": {
             "value": "{rhc.space.500}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rijkshuisstijl-community/design-tokens",
-  "version": "1.0.0-alpha.158",
+  "version": "1.0.0-alpha.159",
   "author": "Community for NL Design System",
   "description": "Example design tokens",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -32,5 +32,5 @@
     "style-dictionary": "3.9.2",
     "token-transformer": "0.0.33"
   },
-  "gitHead": "ddf683de4cbd6c786bf896c49ec4c1fbcd2783bf"
+  "gitHead": "9e4398fe0c6db7f6423b7b7fd23d1340ab59fd05"
 }

package/src/generated/base.tokens.json

@@ -838,6 +838,10 @@
         "padding-inline-end": {
           "value": "1rem",
           "type": "spacing"
+        },
+        "column-gap": {
+          "value": "2rem",
+          "type": "spacing"
         }
       },
       "border": {
@@ -847,7 +851,7 @@
             "type": "borderWidth"
           },
           "color": {
-            "value": "#154273",
+            "value": "#738eab",
             "type": "color"
           },
           "style": {
@@ -856,6 +860,22 @@
           }
         }
       },
+      "outlined": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "border": {
+          "color": {
+            "value": "#154273",
+            "type": "color"
+          }
+        }
+      },
       "padding": {
         "block-start": {
           "value": "2.5rem",

package/src/generated/themes.json

@@ -841,6 +841,10 @@
             "padding-inline-end": {
               "value": "1rem",
               "type": "spacing"
+            },
+            "column-gap": {
+              "value": "2rem",
+              "type": "spacing"
             }
           },
           "border": {
@@ -850,7 +854,7 @@
                 "type": "borderWidth"
               },
               "color": {
-                "value": "#154273",
+                "value": "#738eab",
                 "type": "color"
               },
               "style": {
@@ -859,6 +863,22 @@
               }
             }
           },
+          "outlined": {
+            "background-color": {
+              "value": "#fff",
+              "type": "color"
+            },
+            "color": {
+              "value": "#154273",
+              "type": "color"
+            },
+            "border": {
+              "color": {
+                "value": "#154273",
+                "type": "color"
+              }
+            }
+          },
           "padding": {
             "block-start": {
               "value": "2.5rem",
@@ -7169,6 +7189,10 @@
             "padding-inline-end": {
               "value": "1rem",
               "type": "spacing"
+            },
+            "column-gap": {
+              "value": "2rem",
+              "type": "spacing"
             }
           },
           "border": {
@@ -7178,7 +7202,7 @@
                 "type": "borderWidth"
               },
               "color": {
-                "value": "#a90061",
+                "value": "#738eab",
                 "type": "color"
               },
               "style": {
@@ -7187,6 +7211,22 @@
               }
             }
           },
+          "outlined": {
+            "background-color": {
+              "value": "#fff",
+              "type": "color"
+            },
+            "color": {
+              "value": "#a90061",
+              "type": "color"
+            },
+            "border": {
+              "color": {
+                "value": "#a90061",
+                "type": "color"
+              }
+            }
+          },
           "padding": {
             "block-start": {
               "value": "2.5rem",
@@ -12773,6 +12813,10 @@
             "padding-inline-end": {
               "value": "1rem",
               "type": "spacing"
+            },
+            "column-gap": {
+              "value": "2rem",
+              "type": "spacing"
             }
           },
           "border": {
@@ -12782,7 +12826,7 @@
                 "type": "borderWidth"
               },
               "color": {
-                "value": "#a90061",
+                "value": "#738eab",
                 "type": "color"
               },
               "style": {
@@ -12791,6 +12835,22 @@
               }
             }
           },
+          "outlined": {
+            "background-color": {
+              "value": "#fff",
+              "type": "color"
+            },
+            "color": {
+              "value": "#a90061",
+              "type": "color"
+            },
+            "border": {
+              "color": {
+                "value": "#a90061",
+                "type": "color"
+              }
+            }
+          },
           "padding": {
             "block-start": {
               "value": "2.5rem",
@@ -18329,6 +18389,10 @@
             "padding-inline-end": {
               "value": "1rem",
               "type": "spacing"
+            },
+            "column-gap": {
+              "value": "2rem",
+              "type": "spacing"
             }
           },
           "border": {
@@ -18338,7 +18402,7 @@
                 "type": "borderWidth"
               },
               "color": {
-                "value": "#76d2b6",
+                "value": "#738eab",
                 "type": "color"
               },
               "style": {
@@ -18347,6 +18411,22 @@
               }
             }
           },
+          "outlined": {
+            "background-color": {
+              "value": "#fff",
+              "type": "color"
+            },
+            "color": {
+              "value": "#76d2b6",
+              "type": "color"
+            },
+            "border": {
+              "color": {
+                "value": "#76d2b6",
+                "type": "color"
+              }
+            }
+          },
           "padding": {
             "block-start": {
               "value": "2.5rem",

package/src/generated/uitvoerend-mintgroen-focus/tokens.json

@@ -1586,6 +1586,10 @@
         "padding-inline-end": {
           "value": "1rem",
           "type": "spacing"
+        },
+        "column-gap": {
+          "value": "2rem",
+          "type": "spacing"
         }
       },
       "border": {
@@ -1595,7 +1599,7 @@
             "type": "borderWidth"
           },
           "color": {
-            "value": "#76d2b6",
+            "value": "#738eab",
             "type": "color"
           },
           "style": {
@@ -1604,6 +1608,22 @@
           }
         }
       },
+      "outlined": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "color": {
+          "value": "#76d2b6",
+          "type": "color"
+        },
+        "border": {
+          "color": {
+            "value": "#76d2b6",
+            "type": "color"
+          }
+        }
+      },
       "padding": {
         "block-start": {
           "value": "2.5rem",

package/src/generated/uitvoerend-violet/tokens.json

@@ -1586,6 +1586,10 @@
         "padding-inline-end": {
           "value": "1rem",
           "type": "spacing"
+        },
+        "column-gap": {
+          "value": "2rem",
+          "type": "spacing"
         }
       },
       "border": {
@@ -1595,7 +1599,7 @@
             "type": "borderWidth"
           },
           "color": {
-            "value": "#a90061",
+            "value": "#738eab",
             "type": "color"
           },
           "style": {
@@ -1604,6 +1608,22 @@
           }
         }
       },
+      "outlined": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "color": {
+          "value": "#a90061",
+          "type": "color"
+        },
+        "border": {
+          "color": {
+            "value": "#a90061",
+            "type": "color"
+          }
+        }
+      },
       "padding": {
         "block-start": {
           "value": "2.5rem",