@rijkshuisstijl-community/design-tokens 4.0.1 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @rijkshuisstijl-community/design-tokens
 
+## 4.1.0
+
+### Minor Changes
+
+- 08d4354: add expandable checkbox group
+
 ## 4.0.1
 
 ### Patch Changes

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:48 GMT
+// Generated on Fri, 01 Aug 2025 12:51:45 GMT
 
 $basis-focus-outline-width: 2px;
 $basis-focus-inverse-outline-color: #fff;
@@ -536,6 +536,11 @@ $rhc-data-summary-font-family: 'Fira Sans', Arial, Verdana, sans-serif;
 $rhc-dot-badge-size: 12px;
 $rhc-dot-badge-color: #d52b1e;
 $rhc-dot-badge-border-radius: 999px;
+$rhc-expandable-checkbox-group-summary-text-decoration: underline;
+$rhc-expandable-checkbox-group-summary-margin-block-start: 0.5rem;
+$rhc-expandable-checkbox-group-summary-margin-block-end: 0.5rem;
+$rhc-expandable-checkbox-group-summary-color: #01689b;
+$rhc-expandable-checkbox-group-details-margin-block-start: 0.5rem;
 $rhc-file-subtitle-color: #64748B;
 $rhc-file-error-border-color: #d52b1e;
 $rhc-file-column-gap: 0.25rem;

package/dist/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 .rhc-theme {
@@ -538,6 +538,11 @@
   --rhc-dot-badge-size: 12px;
   --rhc-dot-badge-color: #d52b1e;
   --rhc-dot-badge-border-radius: 999px;
+  --rhc-expandable-checkbox-group-summary-text-decoration: underline;
+  --rhc-expandable-checkbox-group-summary-margin-block-start: 0.5rem;
+  --rhc-expandable-checkbox-group-summary-margin-block-end: 0.5rem;
+  --rhc-expandable-checkbox-group-summary-color: #01689b;
+  --rhc-expandable-checkbox-group-details-margin-block-start: 0.5rem;
   --rhc-file-subtitle-color: #64748B;
   --rhc-file-error-border-color: #d52b1e;
   --rhc-file-column-gap: 0.25rem;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 export const utrechtColumnLayoutColumnRuleColor : string;
@@ -1001,6 +1001,11 @@ export const rhcFilePaddingBlockEnd : string;
 export const rhcFileColumnGap : string;
 export const rhcFileErrorBorderColor : string;
 export const rhcFileSubtitleColor : string;
+export const rhcExpandableCheckboxGroupDetailsMarginBlockStart : string;
+export const rhcExpandableCheckboxGroupSummaryColor : string;
+export const rhcExpandableCheckboxGroupSummaryMarginBlockEnd : string;
+export const rhcExpandableCheckboxGroupSummaryMarginBlockStart : string;
+export const rhcExpandableCheckboxGroupSummaryTextDecoration : string;
 export const rhcDotBadgeBorderRadius : string;
 export const rhcDotBadgeColor : string;
 export const rhcDotBadgeSize : string;

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 export const utrechtColumnLayoutColumnRuleColor = "transparent";
@@ -1001,6 +1001,11 @@ export const rhcFilePaddingBlockEnd = "0.75rem";
 export const rhcFileColumnGap = "0.25rem";
 export const rhcFileErrorBorderColor = "#d52b1e";
 export const rhcFileSubtitleColor = "#64748B";
+export const rhcExpandableCheckboxGroupDetailsMarginBlockStart = "0.5rem";
+export const rhcExpandableCheckboxGroupSummaryColor = "#01689b";
+export const rhcExpandableCheckboxGroupSummaryMarginBlockEnd = "0.5rem";
+export const rhcExpandableCheckboxGroupSummaryMarginBlockStart = "0.5rem";
+export const rhcExpandableCheckboxGroupSummaryTextDecoration = "underline";
 export const rhcDotBadgeBorderRadius = "999px";
 export const rhcDotBadgeColor = "#d52b1e";
 export const rhcDotBadgeSize = "12px";

package/dist/index.json

@@ -997,6 +997,11 @@
   "rhcFileColumnGap": "0.25rem",
   "rhcFileErrorBorderColor": "#d52b1e",
   "rhcFileSubtitleColor": "#64748B",
+  "rhcExpandableCheckboxGroupDetailsMarginBlockStart": "0.5rem",
+  "rhcExpandableCheckboxGroupSummaryColor": "#01689b",
+  "rhcExpandableCheckboxGroupSummaryMarginBlockEnd": "0.5rem",
+  "rhcExpandableCheckboxGroupSummaryMarginBlockStart": "0.5rem",
+  "rhcExpandableCheckboxGroupSummaryTextDecoration": "underline",
   "rhcDotBadgeBorderRadius": "999px",
   "rhcDotBadgeColor": "#d52b1e",
   "rhcDotBadgeSize": "12px",

package/dist/index.tokens.json

@@ -1550,6 +1550,17 @@
         "color": "#64748B"
       }
     },
+    "expandable-checkbox-group": {
+      "details": {
+        "margin-block-start": "0.5rem"
+      },
+      "summary": {
+        "color": "#01689b",
+        "margin-block-end": "0.5rem",
+        "margin-block-start": "0.5rem",
+        "text-decoration": "underline"
+      }
+    },
     "dot-badge": {
       "border-radius": "999px",
       "color": "#d52b1e",

package/dist/koop/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:50 GMT
+// Generated on Fri, 01 Aug 2025 12:51:47 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/koop/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 .koop {

package/dist/koop/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/koop/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/koop/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 :root {

package/dist/koop/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 export default tokens;

package/dist/koop/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 module.exports = {

package/dist/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 :root {
@@ -538,6 +538,11 @@
   --rhc-dot-badge-size: 12px;
   --rhc-dot-badge-color: #d52b1e;
   --rhc-dot-badge-border-radius: 999px;
+  --rhc-expandable-checkbox-group-summary-text-decoration: underline;
+  --rhc-expandable-checkbox-group-summary-margin-block-start: 0.5rem;
+  --rhc-expandable-checkbox-group-summary-margin-block-end: 0.5rem;
+  --rhc-expandable-checkbox-group-summary-color: #01689b;
+  --rhc-expandable-checkbox-group-details-margin-block-start: 0.5rem;
   --rhc-file-subtitle-color: #64748B;
   --rhc-file-error-border-color: #d52b1e;
   --rhc-file-column-gap: 0.25rem;

package/dist/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 export default tokens;
@@ -1573,6 +1573,17 @@ declare const tokens: {
         "color": DesignToken
       }
     },
+    "expandable-checkbox-group": {
+      "details": {
+        "margin-block-start": DesignToken
+      },
+      "summary": {
+        "color": DesignToken,
+        "margin-block-end": DesignToken,
+        "margin-block-start": DesignToken,
+        "text-decoration": DesignToken
+      }
+    },
     "dot-badge": {
       "border-radius": DesignToken,
       "color": DesignToken,

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 module.exports = {
@@ -23499,6 +23499,127 @@ module.exports = {
         }
       }
     },
+    "expandable-checkbox-group": {
+      "details": {
+        "margin-block-start": {
+          "value": "0.5rem",
+          "type": "dimension",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.5rem",
+            "type": "dimension"
+          },
+          "name": "rhcExpandableCheckboxGroupDetailsMarginBlockStart",
+          "attributes": {
+            "category": "rhc",
+            "type": "expandable-checkbox-group",
+            "item": "details",
+            "subitem": "margin-block-start"
+          },
+          "path": [
+            "rhc",
+            "expandable-checkbox-group",
+            "details",
+            "margin-block-start"
+          ]
+        }
+      },
+      "summary": {
+        "color": {
+          "value": "#01689b",
+          "type": "color",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#01689b",
+            "type": "color"
+          },
+          "name": "rhcExpandableCheckboxGroupSummaryColor",
+          "attributes": {
+            "category": "rhc",
+            "type": "expandable-checkbox-group",
+            "item": "summary",
+            "subitem": "color"
+          },
+          "path": [
+            "rhc",
+            "expandable-checkbox-group",
+            "summary",
+            "color"
+          ]
+        },
+        "margin-block-end": {
+          "value": "0.5rem",
+          "type": "dimension",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.5rem",
+            "type": "dimension"
+          },
+          "name": "rhcExpandableCheckboxGroupSummaryMarginBlockEnd",
+          "attributes": {
+            "category": "rhc",
+            "type": "expandable-checkbox-group",
+            "item": "summary",
+            "subitem": "margin-block-end"
+          },
+          "path": [
+            "rhc",
+            "expandable-checkbox-group",
+            "summary",
+            "margin-block-end"
+          ]
+        },
+        "margin-block-start": {
+          "value": "0.5rem",
+          "type": "dimension",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "0.5rem",
+            "type": "dimension"
+          },
+          "name": "rhcExpandableCheckboxGroupSummaryMarginBlockStart",
+          "attributes": {
+            "category": "rhc",
+            "type": "expandable-checkbox-group",
+            "item": "summary",
+            "subitem": "margin-block-start"
+          },
+          "path": [
+            "rhc",
+            "expandable-checkbox-group",
+            "summary",
+            "margin-block-start"
+          ]
+        },
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "underline",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "type": "textDecoration",
+            "value": "underline"
+          },
+          "name": "rhcExpandableCheckboxGroupSummaryTextDecoration",
+          "attributes": {
+            "category": "rhc",
+            "type": "expandable-checkbox-group",
+            "item": "summary",
+            "subitem": "text-decoration"
+          },
+          "path": [
+            "rhc",
+            "expandable-checkbox-group",
+            "summary",
+            "text-decoration"
+          ]
+        }
+      }
+    },
     "dot-badge": {
       "border-radius": {
         "value": "999px",

package/dist/uitvoerend-groen/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:50 GMT
+// Generated on Fri, 01 Aug 2025 12:51:47 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-groen/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 .uitvoerend-groen {

package/dist/uitvoerend-groen/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-groen/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-groen/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 :root {

package/dist/uitvoerend-groen/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-groen/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 module.exports = {

package/dist/uitvoerend-hemelblauw/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:50 GMT
+// Generated on Fri, 01 Aug 2025 12:51:47 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-hemelblauw/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 .uitvoerend-hemelblauw {

package/dist/uitvoerend-hemelblauw/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-hemelblauw/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-hemelblauw/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 :root {

package/dist/uitvoerend-hemelblauw/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-hemelblauw/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:47 GMT
  */
 
 module.exports = {

package/dist/uitvoerend-mintgroen/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:49 GMT
+// Generated on Fri, 01 Aug 2025 12:51:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-mintgroen/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 .uitvoerend-mintgroen {

package/dist/uitvoerend-mintgroen/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-mintgroen/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-mintgroen/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 :root {

package/dist/uitvoerend-mintgroen/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-mintgroen/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 module.exports = {

package/dist/uitvoerend-oranje/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:50 GMT
+// Generated on Fri, 01 Aug 2025 12:51:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-oranje/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 .uitvoerend-oranje {

package/dist/uitvoerend-oranje/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-oranje/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-oranje/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 :root {

package/dist/uitvoerend-oranje/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-oranje/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:50 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 module.exports = {

package/dist/uitvoerend-paars/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:49 GMT
+// Generated on Fri, 01 Aug 2025 12:51:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-paars/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 .uitvoerend-paars {

package/dist/uitvoerend-paars/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-paars/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-paars/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 :root {

package/dist/uitvoerend-paars/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-paars/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 module.exports = {

package/dist/uitvoerend-violet/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:49 GMT
+// Generated on Fri, 01 Aug 2025 12:51:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-violet/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 .uitvoerend-violet {

package/dist/uitvoerend-violet/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-violet/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-violet/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 :root {

package/dist/uitvoerend-violet/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-violet/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 module.exports = {

package/dist/uitvoerend-violet-oud/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:49 GMT
+// Generated on Fri, 01 Aug 2025 12:51:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/uitvoerend-violet-oud/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 .uitvoerend-violet-oud {

package/dist/uitvoerend-violet-oud/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/uitvoerend-violet-oud/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/uitvoerend-violet-oud/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 :root {

package/dist/uitvoerend-violet-oud/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 export default tokens;

package/dist/uitvoerend-violet-oud/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 module.exports = {

package/dist/wetgevend/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 28 Jul 2025 08:31:49 GMT
+// Generated on Fri, 01 Aug 2025 12:51:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;

package/dist/wetgevend/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 .wetgevend {

package/dist/wetgevend/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor : string;

package/dist/wetgevend/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 export const utrechtTextboxHoverBackgroundColor = "#fff";

package/dist/wetgevend/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:49 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:46 GMT
  */
 
 :root {

package/dist/wetgevend/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 export default tokens;

package/dist/wetgevend/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Jul 2025 08:31:48 GMT
+ * Generated on Fri, 01 Aug 2025 12:51:45 GMT
  */
 
 module.exports = {

package/figma/figma.tokens.json

@@ -3843,6 +3843,36 @@
         }
       }
     }
+  },
+   "components/expandable-checkbox-group": {
+    "rhc": {
+      "expandable-checkbox-group": {
+        "details": {
+          "margin-block-start": {
+            "value": "{rhc.space.100}",
+            "type": "dimension"
+          }
+        },
+        "summary": {
+          "color": {
+            "value": "{rhc.color.foreground.link}",
+            "type": "color"
+          },
+          "margin-block-end": {
+            "value": "{rhc.space.100}",
+            "type": "dimension"
+          },
+          "margin-block-start": {
+            "value": "{rhc.space.100}",
+            "type": "dimension"
+          },
+          "text-decoration": {
+            "type": "textDecoration",
+            "value": "underline"
+          }
+        }
+      }
+    }
   },
   "components/fieldset": {
     "utrecht": {
@@ -10970,4 +11000,4 @@
       "overwrites/koop/link"
     ]
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rijkshuisstijl-community/design-tokens",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "author": "Community for NL Design System",
   "description": "Example design tokens",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/generated/base.tokens.json

@@ -4692,6 +4692,32 @@
         }
       }
     },
+    "expandable-checkbox-group": {
+      "details": {
+        "margin-block-start": {
+          "value": "0.5rem",
+          "type": "dimension"
+        }
+      },
+      "summary": {
+        "color": {
+          "value": "#01689b",
+          "type": "color"
+        },
+        "margin-block-end": {
+          "value": "0.5rem",
+          "type": "dimension"
+        },
+        "margin-block-start": {
+          "value": "0.5rem",
+          "type": "dimension"
+        },
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "underline"
+        }
+      }
+    },
     "dot-badge": {
       "border-radius": {
         "value": "999px",