@rijkshuisstijl-community/design-tokens 1.0.0-alpha.139 → 1.0.0-alpha.140

package/dist/uitvoerend-violet/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:13 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 module.exports = {
@@ -19733,281 +19733,6 @@ module.exports = {
         }
       }
     },
-    "badge-counter": {
-      "font-size": {
-        "value": "1.25rem",
-        "type": "fontSizes",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        },
-        "name": "utrechtBadgeCounterFontSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "font-size"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "font-size"
-        ]
-      },
-      "line-height": {
-        "value": "150%",
-        "type": "lineHeights",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "name": "utrechtBadgeCounterLineHeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "line-height"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "line-height"
-        ]
-      },
-      "min-block-size": {
-        "value": "24px",
-        "type": "sizing",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "name": "utrechtBadgeCounterMinBlockSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "min-block-size"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "min-block-size"
-        ]
-      },
-      "min-inline-size": {
-        "value": "24px",
-        "type": "sizing",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "name": "utrechtBadgeCounterMinInlineSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "min-inline-size"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "min-inline-size"
-        ]
-      },
-      "font-weight": {
-        "value": 700,
-        "type": "fontWeights",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": 700,
-          "type": "fontWeights"
-        },
-        "name": "utrechtBadgeCounterFontWeight",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "font-weight"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "font-weight"
-        ]
-      },
-      "border-width": {
-        "value": "0px",
-        "type": "borderWidth",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0px",
-          "type": "borderWidth"
-        },
-        "name": "utrechtBadgeCounterBorderWidth",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "border-width"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "border-width"
-        ]
-      },
-      "border-radius": {
-        "value": "999px",
-        "type": "borderRadius",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "999px",
-          "type": "borderRadius"
-        },
-        "name": "utrechtBadgeCounterBorderRadius",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "border-radius"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "border-radius"
-        ]
-      },
-      "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
-        },
-        "name": "utrechtBadgeCounterFontFamily",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "font-family"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "font-family"
-        ]
-      },
-      "background-color": {
-        "value": "#154273",
-        "type": "color",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "name": "utrechtBadgeCounterBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "background-color"
-        ]
-      },
-      "border-color": {
-        "value": "transparent",
-        "type": "color",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "transparent",
-          "type": "color"
-        },
-        "name": "utrechtBadgeCounterBorderColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "border-color"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "border-color"
-        ]
-      },
-      "color": {
-        "value": "#fff",
-        "type": "color",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#fff",
-          "type": "color"
-        },
-        "name": "utrechtBadgeCounterColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "color"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "color"
-        ]
-      },
-      "padding-inline": {
-        "value": "0.5rem",
-        "type": "spacing",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.5rem",
-          "type": "spacing"
-        },
-        "name": "utrechtBadgeCounterPaddingInline",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "padding-inline"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "padding-inline"
-        ]
-      },
-      "padding-block": {
-        "value": "0.5rem",
-        "type": "spacing",
-        "filePath": "src/generated/uitvoerend-violet/tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.5rem",
-          "type": "spacing"
-        },
-        "name": "utrechtBadgeCounterPaddingBlock",
-        "attributes": {
-          "category": "utrecht",
-          "type": "badge-counter",
-          "item": "padding-block"
-        },
-        "path": [
-          "utrecht",
-          "badge-counter",
-          "padding-block"
-        ]
-      }
-    },
     "checkbox": {
       "border-radius": {
         "value": "2.5px",
@@ -27895,6 +27620,281 @@ module.exports = {
           "margin-block-start"
         ]
       }
+    },
+    "number-badge": {
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
+        "name": "nlNumberBadgeFontSize",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "font-size"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "font-size"
+        ]
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "name": "nlNumberBadgeLineHeight",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "line-height"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "line-height"
+        ]
+      },
+      "min-block-size": {
+        "value": "24px",
+        "type": "sizing",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "24px",
+          "type": "sizing"
+        },
+        "name": "nlNumberBadgeMinBlockSize",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "min-block-size"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "min-block-size"
+        ]
+      },
+      "min-inline-size": {
+        "value": "24px",
+        "type": "sizing",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "24px",
+          "type": "sizing"
+        },
+        "name": "nlNumberBadgeMinInlineSize",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "min-inline-size"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "min-inline-size"
+        ]
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 700,
+          "type": "fontWeights"
+        },
+        "name": "nlNumberBadgeFontWeight",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "font-weight"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "font-weight"
+        ]
+      },
+      "border-width": {
+        "value": "0px",
+        "type": "borderWidth",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px",
+          "type": "borderWidth"
+        },
+        "name": "nlNumberBadgeBorderWidth",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "border-width"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "border-width"
+        ]
+      },
+      "border-radius": {
+        "value": "999px",
+        "type": "borderRadius",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "999px",
+          "type": "borderRadius"
+        },
+        "name": "nlNumberBadgeBorderRadius",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "border-radius"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "border-radius"
+        ]
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "name": "nlNumberBadgeFontFamily",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "font-family"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "font-family"
+        ]
+      },
+      "background-color": {
+        "value": "#154273",
+        "type": "color",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "name": "nlNumberBadgeBackgroundColor",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "background-color"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "background-color"
+        ]
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "transparent",
+          "type": "color"
+        },
+        "name": "nlNumberBadgeBorderColor",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "border-color"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "border-color"
+        ]
+      },
+      "color": {
+        "value": "#fff",
+        "type": "color",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "name": "nlNumberBadgeColor",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "color"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "color"
+        ]
+      },
+      "padding-inline": {
+        "value": "0.5rem",
+        "type": "spacing",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.5rem",
+          "type": "spacing"
+        },
+        "name": "nlNumberBadgePaddingInline",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "padding-inline"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "padding-inline"
+        ]
+      },
+      "padding-block": {
+        "value": "0.5rem",
+        "type": "spacing",
+        "filePath": "src/generated/uitvoerend-violet/tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.5rem",
+          "type": "spacing"
+        },
+        "name": "nlNumberBadgePaddingBlock",
+        "attributes": {
+          "category": "nl",
+          "type": "number-badge",
+          "item": "padding-block"
+        },
+        "path": [
+          "nl",
+          "number-badge",
+          "padding-block"
+        ]
+      }
     }
   }
 };

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

@@ -1,7 +1,20 @@
 
 // Do not edit directly
-// Generated on Wed, 05 Feb 2025 12:37:13 GMT
+// Generated on Thu, 06 Feb 2025 17:52:55 GMT
 
+$nl-number-badge-padding-block: 0.5rem;
+$nl-number-badge-padding-inline: 0.5rem;
+$nl-number-badge-color: #fff;
+$nl-number-badge-border-color: transparent;
+$nl-number-badge-background-color: #154273;
+$nl-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
+$nl-number-badge-border-radius: 999px;
+$nl-number-badge-border-width: 0px;
+$nl-number-badge-font-weight: 700;
+$nl-number-badge-min-inline-size: 24px;
+$nl-number-badge-min-block-size: 24px;
+$nl-number-badge-line-height: 150%;
+$nl-number-badge-font-size: 1.25rem;
 $nl-heading-level-5-margin-block-start: 0;
 $nl-heading-level-5-margin-block-end: 0;
 $nl-heading-level-5-font-size: 1.25rem;
@@ -336,19 +349,6 @@ $utrecht-checkbox-background-color: #fff;
 $utrecht-checkbox-icon-size: 24px;
 $utrecht-checkbox-size: 24px;
 $utrecht-checkbox-border-radius: 0;
-$utrecht-badge-counter-padding-block: 0.5rem;
-$utrecht-badge-counter-padding-inline: 0.5rem;
-$utrecht-badge-counter-color: #fff;
-$utrecht-badge-counter-border-color: transparent;
-$utrecht-badge-counter-background-color: #154273;
-$utrecht-badge-counter-font-family: Fira Sans, Arial, Verdana, sans-serif;
-$utrecht-badge-counter-border-radius: 999px;
-$utrecht-badge-counter-border-width: 0px;
-$utrecht-badge-counter-font-weight: 700;
-$utrecht-badge-counter-min-inline-size: 24px;
-$utrecht-badge-counter-min-block-size: 24px;
-$utrecht-badge-counter-line-height: 150%;
-$utrecht-badge-counter-font-size: 1.25rem;
 $utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
 $utrecht-form-fieldset-invalid-padding-inline-start: 0;
 $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;

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

@@ -1,9 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:13 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 .uitvoerend-violet-oud {
+  --nl-number-badge-padding-block: 0.5rem;
+  --nl-number-badge-padding-inline: 0.5rem;
+  --nl-number-badge-color: #fff;
+  --nl-number-badge-border-color: transparent;
+  --nl-number-badge-background-color: #154273;
+  --nl-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
+  --nl-number-badge-border-radius: 999px;
+  --nl-number-badge-border-width: 0px;
+  --nl-number-badge-font-weight: 700;
+  --nl-number-badge-min-inline-size: 24px;
+  --nl-number-badge-min-block-size: 24px;
+  --nl-number-badge-line-height: 150%;
+  --nl-number-badge-font-size: 1.25rem;
   --nl-heading-level-5-margin-block-start: 0;
   --nl-heading-level-5-margin-block-end: 0;
   --nl-heading-level-5-font-size: 1.25rem;
@@ -338,19 +351,6 @@
   --utrecht-checkbox-icon-size: 24px;
   --utrecht-checkbox-size: 24px;
   --utrecht-checkbox-border-radius: 0;
-  --utrecht-badge-counter-padding-block: 0.5rem;
-  --utrecht-badge-counter-padding-inline: 0.5rem;
-  --utrecht-badge-counter-color: #fff;
-  --utrecht-badge-counter-border-color: transparent;
-  --utrecht-badge-counter-background-color: #154273;
-  --utrecht-badge-counter-font-family: Fira Sans, Arial, Verdana, sans-serif;
-  --utrecht-badge-counter-border-radius: 999px;
-  --utrecht-badge-counter-border-width: 0px;
-  --utrecht-badge-counter-font-weight: 700;
-  --utrecht-badge-counter-min-inline-size: 24px;
-  --utrecht-badge-counter-min-block-size: 24px;
-  --utrecht-badge-counter-line-height: 150%;
-  --utrecht-badge-counter-font-size: 1.25rem;
   --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
   --utrecht-form-fieldset-invalid-padding-inline-start: 0;
   --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:13 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 export const rhcColorPrimary50 : string;
@@ -843,19 +843,6 @@ export const utrechtFormFieldsetSectionColor : string;
 export const utrechtFormFieldsetInvalidBorderInlineStartColor : string;
 export const utrechtFormFieldsetInvalidPaddingInlineStart : number;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth : string;
-export const utrechtBadgeCounterFontSize : string;
-export const utrechtBadgeCounterLineHeight : string;
-export const utrechtBadgeCounterMinBlockSize : string;
-export const utrechtBadgeCounterMinInlineSize : string;
-export const utrechtBadgeCounterFontWeight : number;
-export const utrechtBadgeCounterBorderWidth : string;
-export const utrechtBadgeCounterBorderRadius : string;
-export const utrechtBadgeCounterFontFamily : string;
-export const utrechtBadgeCounterBackgroundColor : string;
-export const utrechtBadgeCounterBorderColor : string;
-export const utrechtBadgeCounterColor : string;
-export const utrechtBadgeCounterPaddingInline : string;
-export const utrechtBadgeCounterPaddingBlock : string;
 export const utrechtCheckboxBorderRadius : number;
 export const utrechtCheckboxSize : string;
 export const utrechtCheckboxIconSize : string;
@@ -1190,3 +1177,16 @@ export const nlHeadingLevel5LineHeight : string;
 export const nlHeadingLevel5FontSize : string;
 export const nlHeadingLevel5MarginBlockEnd : number;
 export const nlHeadingLevel5MarginBlockStart : number;
+export const nlNumberBadgeFontSize : string;
+export const nlNumberBadgeLineHeight : string;
+export const nlNumberBadgeMinBlockSize : string;
+export const nlNumberBadgeMinInlineSize : string;
+export const nlNumberBadgeFontWeight : number;
+export const nlNumberBadgeBorderWidth : string;
+export const nlNumberBadgeBorderRadius : string;
+export const nlNumberBadgeFontFamily : string;
+export const nlNumberBadgeBackgroundColor : string;
+export const nlNumberBadgeBorderColor : string;
+export const nlNumberBadgeColor : string;
+export const nlNumberBadgePaddingInline : string;
+export const nlNumberBadgePaddingBlock : string;