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

package/dist/_variables.scss

@@ -1,7 +1,20 @@
 
 // Do not edit directly
-// Generated on Wed, 05 Feb 2025 12:37:12 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: 2.5px;
-$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/index.css

@@ -1,9 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:12 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 .rhc-theme {
+  --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: 2.5px;
-  --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/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:12 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 export const rhcSubNavBarBackgroundColor : string;
@@ -848,19 +848,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 : string;
 export const utrechtCheckboxSize : string;
 export const utrechtCheckboxIconSize : string;
@@ -1195,3 +1182,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;

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:12 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 export const rhcSubNavBarBackgroundColor = "#f2f4f6";
@@ -848,19 +848,6 @@ export const utrechtFormFieldsetSectionColor = "#154273";
 export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
 export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
 export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
-export const utrechtBadgeCounterFontSize = "1.25rem";
-export const utrechtBadgeCounterLineHeight = "150%";
-export const utrechtBadgeCounterMinBlockSize = "24px";
-export const utrechtBadgeCounterMinInlineSize = "24px";
-export const utrechtBadgeCounterFontWeight = 700;
-export const utrechtBadgeCounterBorderWidth = "0px";
-export const utrechtBadgeCounterBorderRadius = "999px";
-export const utrechtBadgeCounterFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
-export const utrechtBadgeCounterBackgroundColor = "#154273";
-export const utrechtBadgeCounterBorderColor = "transparent";
-export const utrechtBadgeCounterColor = "#fff";
-export const utrechtBadgeCounterPaddingInline = "0.5rem";
-export const utrechtBadgeCounterPaddingBlock = "0.5rem";
 export const utrechtCheckboxBorderRadius = "2.5px";
 export const utrechtCheckboxSize = "24px";
 export const utrechtCheckboxIconSize = "24px";
@@ -1195,3 +1182,16 @@ export const nlHeadingLevel5LineHeight = "125%";
 export const nlHeadingLevel5FontSize = "1.25rem";
 export const nlHeadingLevel5MarginBlockEnd = 0;
 export const nlHeadingLevel5MarginBlockStart = 0;
+export const nlNumberBadgeFontSize = "1.25rem";
+export const nlNumberBadgeLineHeight = "150%";
+export const nlNumberBadgeMinBlockSize = "24px";
+export const nlNumberBadgeMinInlineSize = "24px";
+export const nlNumberBadgeFontWeight = 700;
+export const nlNumberBadgeBorderWidth = "0px";
+export const nlNumberBadgeBorderRadius = "999px";
+export const nlNumberBadgeFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
+export const nlNumberBadgeBackgroundColor = "#154273";
+export const nlNumberBadgeBorderColor = "transparent";
+export const nlNumberBadgeColor = "#fff";
+export const nlNumberBadgePaddingInline = "0.5rem";
+export const nlNumberBadgePaddingBlock = "0.5rem";

package/dist/index.json

@@ -844,19 +844,6 @@
   "utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
   "utrechtFormFieldsetInvalidPaddingInlineStart": 0,
   "utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
-  "utrechtBadgeCounterFontSize": "1.25rem",
-  "utrechtBadgeCounterLineHeight": "150%",
-  "utrechtBadgeCounterMinBlockSize": "24px",
-  "utrechtBadgeCounterMinInlineSize": "24px",
-  "utrechtBadgeCounterFontWeight": 700,
-  "utrechtBadgeCounterBorderWidth": "0px",
-  "utrechtBadgeCounterBorderRadius": "999px",
-  "utrechtBadgeCounterFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
-  "utrechtBadgeCounterBackgroundColor": "#154273",
-  "utrechtBadgeCounterBorderColor": "transparent",
-  "utrechtBadgeCounterColor": "#fff",
-  "utrechtBadgeCounterPaddingInline": "0.5rem",
-  "utrechtBadgeCounterPaddingBlock": "0.5rem",
   "utrechtCheckboxBorderRadius": "2.5px",
   "utrechtCheckboxSize": "24px",
   "utrechtCheckboxIconSize": "24px",
@@ -1190,5 +1177,18 @@
   "nlHeadingLevel5LineHeight": "125%",
   "nlHeadingLevel5FontSize": "1.25rem",
   "nlHeadingLevel5MarginBlockEnd": 0,
-  "nlHeadingLevel5MarginBlockStart": 0
+  "nlHeadingLevel5MarginBlockStart": 0,
+  "nlNumberBadgeFontSize": "1.25rem",
+  "nlNumberBadgeLineHeight": "150%",
+  "nlNumberBadgeMinBlockSize": "24px",
+  "nlNumberBadgeMinInlineSize": "24px",
+  "nlNumberBadgeFontWeight": 700,
+  "nlNumberBadgeBorderWidth": "0px",
+  "nlNumberBadgeBorderRadius": "999px",
+  "nlNumberBadgeFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
+  "nlNumberBadgeBackgroundColor": "#154273",
+  "nlNumberBadgeBorderColor": "transparent",
+  "nlNumberBadgeColor": "#fff",
+  "nlNumberBadgePaddingInline": "0.5rem",
+  "nlNumberBadgePaddingBlock": "0.5rem"
 }

package/dist/index.tokens.json

@@ -1315,21 +1315,6 @@
         "border-inline-start-width": "0px"
       }
     },
-    "badge-counter": {
-      "font-size": "1.25rem",
-      "line-height": "150%",
-      "min-block-size": "24px",
-      "min-inline-size": "24px",
-      "font-weight": 700,
-      "border-width": "0px",
-      "border-radius": "999px",
-      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
-      "background-color": "#154273",
-      "border-color": "transparent",
-      "color": "#fff",
-      "padding-inline": "0.5rem",
-      "padding-block": "0.5rem"
-    },
     "checkbox": {
       "border-radius": "2.5px",
       "size": "24px",
@@ -1843,6 +1828,21 @@
       "font-size": "1.25rem",
       "margin-block-end": 0,
       "margin-block-start": 0
+    },
+    "number-badge": {
+      "font-size": "1.25rem",
+      "line-height": "150%",
+      "min-block-size": "24px",
+      "min-inline-size": "24px",
+      "font-weight": 700,
+      "border-width": "0px",
+      "border-radius": "999px",
+      "font-family": "Fira Sans, Arial, Verdana, sans-serif",
+      "background-color": "#154273",
+      "border-color": "transparent",
+      "color": "#fff",
+      "padding-inline": "0.5rem",
+      "padding-block": "0.5rem"
     }
   }
 }

package/dist/root.css

@@ -1,9 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:12 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 :root {
+  --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: 2.5px;
-  --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/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 05 Feb 2025 12:37:12 GMT
+ * Generated on Thu, 06 Feb 2025 17:52:55 GMT
  */
 
 export default tokens;
@@ -1338,21 +1338,6 @@ declare const tokens: {
         "border-inline-start-width": DesignToken
       }
     },
-    "badge-counter": {
-      "font-size": DesignToken,
-      "line-height": DesignToken,
-      "min-block-size": DesignToken,
-      "min-inline-size": DesignToken,
-      "font-weight": DesignToken,
-      "border-width": DesignToken,
-      "border-radius": DesignToken,
-      "font-family": DesignToken,
-      "background-color": DesignToken,
-      "border-color": DesignToken,
-      "color": DesignToken,
-      "padding-inline": DesignToken,
-      "padding-block": DesignToken
-    },
     "checkbox": {
       "border-radius": DesignToken,
       "size": DesignToken,
@@ -1866,6 +1851,21 @@ declare const tokens: {
       "font-size": DesignToken,
       "margin-block-end": DesignToken,
       "margin-block-start": DesignToken
+    },
+    "number-badge": {
+      "font-size": DesignToken,
+      "line-height": DesignToken,
+      "min-block-size": DesignToken,
+      "min-inline-size": DesignToken,
+      "font-weight": DesignToken,
+      "border-width": DesignToken,
+      "border-radius": DesignToken,
+      "font-family": DesignToken,
+      "background-color": DesignToken,
+      "border-color": DesignToken,
+      "color": DesignToken,
+      "padding-inline": DesignToken,
+      "padding-block": DesignToken
     }
   }
 }