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

package/dist/uitvoerend-mintgroen-focus/index.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:56 GMT
  */
 
 export const rhcColorPrimary50 = "#eaf8f4";
@@ -1010,19 +1010,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 utrechtButtonGroupBackgroundColor = "transparent";
 export const utrechtButtonGroupColumnGap = "0.5rem";
 export const utrechtButtonGroupMarginBlockEnd = "0px";
@@ -1197,3 +1184,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/uitvoerend-mintgroen-focus/index.json

@@ -1006,19 +1006,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",
   "utrechtButtonGroupBackgroundColor": "transparent",
   "utrechtButtonGroupColumnGap": "0.5rem",
   "utrechtButtonGroupMarginBlockEnd": "0px",
@@ -1192,5 +1179,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/uitvoerend-mintgroen-focus/index.tokens.json

@@ -1575,21 +1575,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"
-    },
     "button-group": {
       "background-color": "transparent",
       "column-gap": "0.5rem",
@@ -1879,6 +1864,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/uitvoerend-mintgroen-focus/root.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:56 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;
@@ -178,19 +191,6 @@
   --utrecht-button-group-margin-block-end: 0px;
   --utrecht-button-group-column-gap: 0.5rem;
   --utrecht-button-group-background-color: transparent;
-  --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-mintgroen-focus/tokens.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:56 GMT
  */
 
 export default tokens;
@@ -1598,21 +1598,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
-    },
     "button-group": {
       "background-color": DesignToken,
       "column-gap": DesignToken,
@@ -1902,6 +1887,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
     }
   }
 }