@rijkshuisstijl-community/design-tokens 1.0.1 → 1.1.0

package/package.json

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

package/src/generated/base.tokens.json

@@ -1042,7 +1042,7 @@
       },
       "icon": {
         "color": {
-          "value": "#0F172A",
+          "value": "#154273",
           "type": "color"
         },
         "size": {
@@ -1080,7 +1080,7 @@
       },
       "metadata": {
         "color": {
-          "value": "#0F172A",
+          "value": "#334155",
           "type": "color"
         }
       },
@@ -1153,6 +1153,10 @@
         }
       },
       "heading": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
         "padding-block-start": {
           "value": "0.5rem",
           "type": "spacing"
@@ -2991,6 +2995,126 @@
         "type": "fontSizes"
       }
     },
+    "skip-link": {
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "min-block-size": {
+        "value": "48px",
+        "type": "sizing"
+      },
+      "min-inline-size": {
+        "value": "48px",
+        "type": "sizing"
+      },
+      "padding-block-end": {
+        "value": "0.75rem",
+        "type": "spacing"
+      },
+      "padding-block-start": {
+        "value": "0.75rem",
+        "type": "spacing"
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "focus": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "border-color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "border-style": {
+          "value": "solid",
+          "type": "borderStyle"
+        },
+        "border-width": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "color": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        }
+      },
+      "focus-visible": {
+        "outline-color": {
+          "value": "#000",
+          "type": "color"
+        }
+      },
+      "background-color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "color": {
+        "value": "#fff",
+        "type": "color"
+      },
+      "border-width": {
+        "value": "2px",
+        "type": "borderWidth"
+      },
+      "box-block-end-shadow": {
+        "offset-x": {
+          "value": 0,
+          "type": "other"
+        },
+        "offset-y": {
+          "value": "16px",
+          "type": "other"
+        },
+        "blur-radius": {
+          "value": "48px",
+          "type": "other"
+        },
+        "spread-radius": {
+          "value": 0,
+          "type": "other"
+        },
+        "color": {
+          "value": "#0000001a",
+          "type": "color"
+        }
+      },
+      "text-decoration": {
+        "value": "underline",
+        "type": "textDecoration"
+      },
+      "text-underline-offset": {
+        "value": "0.125rem",
+        "type": "other"
+      }
+    },
     "separator": {
       "color": {
         "value": "#CBD5E1",
@@ -3355,6 +3479,54 @@
         "type": "fontSizes"
       }
     },
+    "paragraph": {
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "lead": {
+        "color": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.5rem",
+          "type": "fontSizes"
+        },
+        "font-weight": {
+          "value": 400,
+          "type": "fontWeights"
+        },
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights"
+        }
+      }
+    },
     "ordered-list": {
       "padding-inline-start": {
         "value": "1.5rem",
@@ -3480,15 +3652,6 @@
       },
       "hover": {
         "color": {
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "darken",
-                "value": "0.3",
-                "space": "srgb"
-              }
-            }
-          },
           "value": "#01496c",
           "type": "color"
         },
@@ -3550,6 +3713,156 @@
         "type": "lineHeights"
       }
     },
+    "heading-1": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "3.125rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-2": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "2.5rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-3": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.875rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-4": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.5rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-5": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
     "form-label": {
       "color": {
         "value": "#0F172A",
@@ -3825,6 +4138,60 @@
         }
       }
     },
+    "number-badge": {
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "min-block-size": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "min-inline-size": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "border-width": {
+        "value": "0px",
+        "type": "borderWidth"
+      },
+      "border-radius": {
+        "value": "999px",
+        "type": "borderRadius"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "background-color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "color": {
+        "value": "#fff",
+        "type": "color"
+      },
+      "padding-inline": {
+        "value": "0.5rem",
+        "type": "spacing"
+      },
+      "padding-block": {
+        "value": "0.5rem",
+        "type": "spacing"
+      }
+    },
     "checkbox": {
       "border-radius": {
         "value": "2.5px",
@@ -5386,6 +5753,115 @@
         }
       }
     },
+    "link": {
+      "color": {
+        "value": "#01689b",
+        "type": "color"
+      },
+      "text-decoration-color": {
+        "value": "#01689b",
+        "type": "color"
+      },
+      "active": {
+        "color": {
+          "value": "#42145f",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        }
+      },
+      "focus": {
+        "background-color": {
+          "value": "transparent",
+          "type": "color"
+        },
+        "color": {
+          "value": "#01689b",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        },
+        "text-decoration-thickness": {
+          "value": "auto",
+          "type": "other"
+        }
+      },
+      "hover": {
+        "color": {
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.3",
+                "space": "srgb"
+              }
+            }
+          },
+          "value": "#01496c",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        },
+        "text-decoration-thickness": {
+          "value": "auto",
+          "type": "other"
+        }
+      },
+      "visited": {
+        "color": {
+          "value": "#42145f",
+          "type": "color"
+        }
+      },
+      "text-decoration": {
+        "value": "underline",
+        "type": "textDecoration"
+      },
+      "icon": {
+        "inset-block-start": {
+          "value": "0.25rem",
+          "type": "spacing"
+        },
+        "size": {
+          "value": "24px",
+          "type": "sizing"
+        }
+      },
+      "column-gap": {
+        "value": "0.25rem",
+        "type": "spacing"
+      },
+      "text-decoration-thickness": {
+        "value": "auto",
+        "type": "other"
+      },
+      "text-underline-offset": {
+        "value": "0.125rem",
+        "type": "other"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      }
+    },
     "heading-level-1": {
       "color": {
         "value": "#154273",