npm - @rijkshuisstijl-community/design-tokens - Versions diffs - 1.0.0-alpha.115 → 1.0.0-alpha.117 - Mend

@rijkshuisstijl-community/design-tokens 1.0.0-alpha.115 → 1.0.0-alpha.117

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/_variables.scss +16 -11
package/dist/index.css +16 -11
package/dist/index.d.ts +16 -11
package/dist/index.js +16 -11
package/dist/index.json +16 -11
package/dist/index.tokens.json +23 -16
package/dist/root.css +16 -11
package/dist/tokens.d.ts +24 -17
package/dist/tokens.js +359 -252
package/dist/tokens.json +358 -251
package/dist/variables.less +16 -11
package/figma/figma.tokens.json +94 -66
package/package.json +2 -2
package/src/generated/figma.tokens.json +4342 -4320

package/dist/tokens.json CHANGED Viewed

@@ -5580,6 +5580,113 @@
         ]
       }
     },
+    "pre-heading": {
+      "color": {
+        "value": "#154273",
+        "type": "color",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "name": "utrechtPreHeadingColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "name": "utrechtPreHeadingFontFamily",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "font-family"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "font-family"
+        ]
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 700,
+          "type": "fontWeights"
+        },
+        "name": "utrechtPreHeadingFontWeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "font-weight"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "font-weight"
+        ]
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "125%",
+          "type": "lineHeights"
+        },
+        "name": "utrechtPreHeadingLineHeight",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "line-height"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "line-height"
+        ]
+      },
+      "font-size": {
+        "value": "1rem",
+        "type": "fontSizes",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "fontSizes"
+        },
+        "name": "utrechtPreHeadingFontSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pre-heading",
+          "item": "font-size"
+        },
+        "path": [
+          "utrecht",
+          "pre-heading",
+          "font-size"
+        ]
+      }
+    },
     "paragraph": {
       "color": {
         "value": "#154273",
@@ -16146,31 +16253,257 @@
         }
       }
     },
-    "pointer-target": {
-      "min-size": {
-        "value": "48px",
-        "type": "sizing",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "48px",
-          "type": "sizing"
-        },
-        "name": "utrechtPointerTargetMinSize",
-        "attributes": {
-          "category": "utrecht",
-          "type": "pointer-target",
-          "item": "min-size"
-        },
-        "path": [
-          "utrecht",
-          "pointer-target",
-          "min-size"
-        ]
-      }
-    }
-  },
-  "rhc": {
+    "pointer-target": {
+      "min-size": {
+        "value": "48px",
+        "type": "sizing",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "48px",
+          "type": "sizing"
+        },
+        "name": "utrechtPointerTargetMinSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "pointer-target",
+          "item": "min-size"
+        },
+        "path": [
+          "utrecht",
+          "pointer-target",
+          "min-size"
+        ]
+      }
+    }
+  },
+  "rhc": {
+    "sub-nav-bar": {
+      "background-color": {
+        "value": "#f2f4f6",
+        "type": "color",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#f2f4f6",
+          "type": "color"
+        },
+        "name": "rhcSubNavBarBackgroundColor",
+        "attributes": {
+          "category": "rhc",
+          "type": "sub-nav-bar",
+          "item": "background-color"
+        },
+        "path": [
+          "rhc",
+          "sub-nav-bar",
+          "background-color"
+        ]
+      },
+      "column-gap": {
+        "value": "0.5rem",
+        "type": "spacing",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0.5rem",
+          "type": "spacing"
+        },
+        "name": "rhcSubNavBarColumnGap",
+        "attributes": {
+          "category": "rhc",
+          "type": "sub-nav-bar",
+          "item": "column-gap"
+        },
+        "path": [
+          "rhc",
+          "sub-nav-bar",
+          "column-gap"
+        ]
+      },
+      "column-width": {
+        "value": "375px",
+        "type": "sizing",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "375px",
+          "type": "sizing"
+        },
+        "name": "rhcSubNavBarColumnWidth",
+        "attributes": {
+          "category": "rhc",
+          "type": "sub-nav-bar",
+          "item": "column-width"
+        },
+        "path": [
+          "rhc",
+          "sub-nav-bar",
+          "column-width"
+        ]
+      },
+      "padding-block-end": {
+        "value": "2rem",
+        "type": "spacing",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "2rem",
+          "type": "spacing"
+        },
+        "name": "rhcSubNavBarPaddingBlockEnd",
+        "attributes": {
+          "category": "rhc",
+          "type": "sub-nav-bar",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "rhc",
+          "sub-nav-bar",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "2rem",
+        "type": "spacing",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "2rem",
+          "type": "spacing"
+        },
+        "name": "rhcSubNavBarPaddingBlockStart",
+        "attributes": {
+          "category": "rhc",
+          "type": "sub-nav-bar",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "rhc",
+          "sub-nav-bar",
+          "padding-block-start"
+        ]
+      },
+      "inline-size": {
+        "value": "100%",
+        "type": "sizing",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "100%",
+          "type": "sizing"
+        },
+        "name": "rhcSubNavBarInlineSize",
+        "attributes": {
+          "category": "rhc",
+          "type": "sub-nav-bar",
+          "item": "inline-size"
+        },
+        "path": [
+          "rhc",
+          "sub-nav-bar",
+          "inline-size"
+        ]
+      },
+      "content": {
+        "padding-inline-end": {
+          "value": "1rem",
+          "type": "spacing",
+          "filePath": "src/generated/figma.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1rem",
+            "type": "spacing"
+          },
+          "name": "rhcSubNavBarContentPaddingInlineEnd",
+          "attributes": {
+            "category": "rhc",
+            "type": "sub-nav-bar",
+            "item": "content",
+            "subitem": "padding-inline-end"
+          },
+          "path": [
+            "rhc",
+            "sub-nav-bar",
+            "content",
+            "padding-inline-end"
+          ]
+        },
+        "padding-inline-start": {
+          "value": "1rem",
+          "type": "spacing",
+          "filePath": "src/generated/figma.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1rem",
+            "type": "spacing"
+          },
+          "name": "rhcSubNavBarContentPaddingInlineStart",
+          "attributes": {
+            "category": "rhc",
+            "type": "sub-nav-bar",
+            "item": "content",
+            "subitem": "padding-inline-start"
+          },
+          "path": [
+            "rhc",
+            "sub-nav-bar",
+            "content",
+            "padding-inline-start"
+          ]
+        },
+        "max-inline-size": {
+          "value": "1280px",
+          "type": "sizing",
+          "filePath": "src/generated/figma.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1280px",
+            "type": "sizing"
+          },
+          "name": "rhcSubNavBarContentMaxInlineSize",
+          "attributes": {
+            "category": "rhc",
+            "type": "sub-nav-bar",
+            "item": "content",
+            "subitem": "max-inline-size"
+          },
+          "path": [
+            "rhc",
+            "sub-nav-bar",
+            "content",
+            "max-inline-size"
+          ]
+        },
+        "list": {
+          "row-gap": {
+            "value": "0.5rem",
+            "type": "spacing",
+            "filePath": "src/generated/figma.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "0.5rem",
+              "type": "spacing"
+            },
+            "name": "rhcSubNavBarContentListRowGap",
+            "attributes": {
+              "category": "rhc",
+              "type": "sub-nav-bar",
+              "item": "content",
+              "subitem": "list",
+              "state": "row-gap"
+            },
+            "path": [
+              "rhc",
+              "sub-nav-bar",
+              "content",
+              "list",
+              "row-gap"
+            ]
+          }
+        }
+      }
+    },
     "toggletip": {
       "color": {
         "value": "#fff",
@@ -27675,232 +28008,6 @@
           "700"
         ]
       }
-    },
-    "sub-nav-bar": {
-      "background-color": {
-        "value": "#f2f4f6",
-        "type": "color",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "#f2f4f6",
-          "type": "color"
-        },
-        "name": "rhcSubNavBarBackgroundColor",
-        "attributes": {
-          "category": "rhc",
-          "type": "sub-nav-bar",
-          "item": "background-color"
-        },
-        "path": [
-          "rhc",
-          "sub-nav-bar",
-          "background-color"
-        ]
-      },
-      "column-gap": {
-        "value": "0.5rem",
-        "type": "spacing",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "0.5rem",
-          "type": "spacing"
-        },
-        "name": "rhcSubNavBarColumnGap",
-        "attributes": {
-          "category": "rhc",
-          "type": "sub-nav-bar",
-          "item": "column-gap"
-        },
-        "path": [
-          "rhc",
-          "sub-nav-bar",
-          "column-gap"
-        ]
-      },
-      "column-width": {
-        "value": "375px",
-        "type": "sizing",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "375px",
-          "type": "sizing"
-        },
-        "name": "rhcSubNavBarColumnWidth",
-        "attributes": {
-          "category": "rhc",
-          "type": "sub-nav-bar",
-          "item": "column-width"
-        },
-        "path": [
-          "rhc",
-          "sub-nav-bar",
-          "column-width"
-        ]
-      },
-      "padding-block-end": {
-        "value": "2rem",
-        "type": "spacing",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2rem",
-          "type": "spacing"
-        },
-        "name": "rhcSubNavBarPaddingBlockEnd",
-        "attributes": {
-          "category": "rhc",
-          "type": "sub-nav-bar",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "rhc",
-          "sub-nav-bar",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "value": "2rem",
-        "type": "spacing",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "2rem",
-          "type": "spacing"
-        },
-        "name": "rhcSubNavBarPaddingBlockStart",
-        "attributes": {
-          "category": "rhc",
-          "type": "sub-nav-bar",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "rhc",
-          "sub-nav-bar",
-          "padding-block-start"
-        ]
-      },
-      "inline-size": {
-        "value": "100%",
-        "type": "sizing",
-        "filePath": "src/generated/figma.tokens.json",
-        "isSource": true,
-        "original": {
-          "value": "100%",
-          "type": "sizing"
-        },
-        "name": "rhcSubNavBarInlineSize",
-        "attributes": {
-          "category": "rhc",
-          "type": "sub-nav-bar",
-          "item": "inline-size"
-        },
-        "path": [
-          "rhc",
-          "sub-nav-bar",
-          "inline-size"
-        ]
-      },
-      "content": {
-        "padding-inline-end": {
-          "value": "1rem",
-          "type": "spacing",
-          "filePath": "src/generated/figma.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1rem",
-            "type": "spacing"
-          },
-          "name": "rhcSubNavBarContentPaddingInlineEnd",
-          "attributes": {
-            "category": "rhc",
-            "type": "sub-nav-bar",
-            "item": "content",
-            "subitem": "padding-inline-end"
-          },
-          "path": [
-            "rhc",
-            "sub-nav-bar",
-            "content",
-            "padding-inline-end"
-          ]
-        },
-        "padding-inline-start": {
-          "value": "1rem",
-          "type": "spacing",
-          "filePath": "src/generated/figma.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1rem",
-            "type": "spacing"
-          },
-          "name": "rhcSubNavBarContentPaddingInlineStart",
-          "attributes": {
-            "category": "rhc",
-            "type": "sub-nav-bar",
-            "item": "content",
-            "subitem": "padding-inline-start"
-          },
-          "path": [
-            "rhc",
-            "sub-nav-bar",
-            "content",
-            "padding-inline-start"
-          ]
-        },
-        "max-inline-size": {
-          "value": "1280px",
-          "type": "sizing",
-          "filePath": "src/generated/figma.tokens.json",
-          "isSource": true,
-          "original": {
-            "value": "1280px",
-            "type": "sizing"
-          },
-          "name": "rhcSubNavBarContentMaxInlineSize",
-          "attributes": {
-            "category": "rhc",
-            "type": "sub-nav-bar",
-            "item": "content",
-            "subitem": "max-inline-size"
-          },
-          "path": [
-            "rhc",
-            "sub-nav-bar",
-            "content",
-            "max-inline-size"
-          ]
-        },
-        "list": {
-          "row-gap": {
-            "value": "0.5rem",
-            "type": "spacing",
-            "filePath": "src/generated/figma.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "0.5rem",
-              "type": "spacing"
-            },
-            "name": "rhcSubNavBarContentListRowGap",
-            "attributes": {
-              "category": "rhc",
-              "type": "sub-nav-bar",
-              "item": "content",
-              "subitem": "list",
-              "state": "row-gap"
-            },
-            "path": [
-              "rhc",
-              "sub-nav-bar",
-              "content",
-              "list",
-              "row-gap"
-            ]
-          }
-        }
-      }
     }
   }
 }

package/dist/variables.less CHANGED Viewed

@@ -1,17 +1,7 @@
 // Do not edit directly
-// Generated on Thu, 09 Jan 2025 16:04:06 GMT
+// Generated on Tue, 14 Jan 2025 12:43:01 GMT
-@rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
-@rhc-sub-nav-bar-content-max-inline-size: 1280px;
-@rhc-sub-nav-bar-content-padding-inline-start: 1rem;
-@rhc-sub-nav-bar-content-padding-inline-end: 1rem;
-@rhc-sub-nav-bar-inline-size: 100%;
-@rhc-sub-nav-bar-padding-block-start: 2rem;
-@rhc-sub-nav-bar-padding-block-end: 2rem;
-@rhc-sub-nav-bar-column-width: 375px;
-@rhc-sub-nav-bar-column-gap: 0.5rem;
-@rhc-sub-nav-bar-background-color: #f2f4f6;
 @rhc-space-700: 3.5rem;
 @rhc-space-600: 3rem;
 @rhc-space-500: 2.5rem;
@@ -493,6 +483,16 @@
 @rhc-toggletip-border-color: transparent;
 @rhc-toggletip-background-color: #007bc7;
 @rhc-toggletip-color: #fff;
+@rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
+@rhc-sub-nav-bar-content-max-inline-size: 1280px;
+@rhc-sub-nav-bar-content-padding-inline-start: 1rem;
+@rhc-sub-nav-bar-content-padding-inline-end: 1rem;
+@rhc-sub-nav-bar-inline-size: 100%;
+@rhc-sub-nav-bar-padding-block-start: 2rem;
+@rhc-sub-nav-bar-padding-block-end: 2rem;
+@rhc-sub-nav-bar-column-width: 375px;
+@rhc-sub-nav-bar-column-gap: 0.5rem;
+@rhc-sub-nav-bar-background-color: #f2f4f6;
 @utrecht-pointer-target-min-size: 48px;
 @utrecht-rich-text-confidant-margin-block-end: 0;
 @utrecht-rich-text-best-friend-margin-block-end: 0.25rem;
@@ -946,6 +946,11 @@
 @utrecht-paragraph-font-size: 1.25rem;
 @utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
 @utrecht-paragraph-color: #154273;
+@utrecht-pre-heading-font-size: 1rem;
+@utrecht-pre-heading-line-height: 125%;
+@utrecht-pre-heading-font-weight: 700;
+@utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
+@utrecht-pre-heading-color: #154273;
 @utrecht-radio-button-border-width: 1px;
 @utrecht-radio-button-border-radius: 999px;
 @utrecht-radio-button-hover-border-width: 1px;