@rijkshuisstijl-community/design-tokens 1.0.0-alpha.40 → 1.0.0-alpha.42

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 29 Oct 2024 13:28:50 GMT
+// Generated on Wed, 30 Oct 2024 12:18:46 GMT
 
 $rhc-space-700: 3.5rem;
 $rhc-space-600: 3rem;
@@ -300,6 +300,7 @@ $rhc-icon-only-button-padding-inline-start: 0.75rem;
 $rhc-icon-only-button-padding-inline-end: 0.75rem;
 $rhc-icon-only-button-padding-block-start: 0.75rem;
 $rhc-icon-only-button-padding-block-end: 0.75rem;
+$rhc-link-list-text-decoration: None;
 $rhc-link-list-card-padding-inline-end: 1.5rem;
 $rhc-link-list-card-padding-inline-start: 1.5rem;
 $rhc-link-list-card-row-gap: 1rem;
@@ -316,10 +317,10 @@ $rhc-logo-title-padding-block-start: 3.125rem;
 $rhc-logo-title-font-size: 0.913rem;
 $rhc-logo-title-line-height: 1.063rem;
 $rhc-logo-title-font-weight: 600;
-$rhc-logo-img-color: #154273;
-$rhc-logo-img-block-size: 96px;
-$rhc-logo-img-inline-size: 48px;
-$rhc-logo-img-background-color: #F1F5F9;
+$rhc-logo-image-color: #154273;
+$rhc-logo-image-block-size: 96px;
+$rhc-logo-image-inline-size: 48px;
+$rhc-logo-image-background-color: #fff;
 $rhc-message-list-item-heading-color: #154273;
 $rhc-message-list-item-label-line-height: 150%;
 $rhc-message-list-item-label-font-weight: 700;

package/dist/index.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
+ * Generated on Wed, 30 Oct 2024 12:18:46 GMT
  */
 
 .rhc-theme {
@@ -302,6 +302,7 @@
   --rhc-icon-only-button-padding-inline-end: 0.75rem;
   --rhc-icon-only-button-padding-block-start: 0.75rem;
   --rhc-icon-only-button-padding-block-end: 0.75rem;
+  --rhc-link-list-text-decoration: None;
   --rhc-link-list-card-padding-inline-end: 1.5rem;
   --rhc-link-list-card-padding-inline-start: 1.5rem;
   --rhc-link-list-card-row-gap: 1rem;
@@ -318,10 +319,10 @@
   --rhc-logo-title-font-size: 0.913rem;
   --rhc-logo-title-line-height: 1.063rem;
   --rhc-logo-title-font-weight: 600;
-  --rhc-logo-img-color: #154273;
-  --rhc-logo-img-block-size: 96px;
-  --rhc-logo-img-inline-size: 48px;
-  --rhc-logo-img-background-color: #F1F5F9;
+  --rhc-logo-image-color: #154273;
+  --rhc-logo-image-block-size: 96px;
+  --rhc-logo-image-inline-size: 48px;
+  --rhc-logo-image-background-color: #fff;
   --rhc-message-list-item-heading-color: #154273;
   --rhc-message-list-item-label-line-height: 150%;
   --rhc-message-list-item-label-font-weight: 700;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
+ * Generated on Wed, 30 Oct 2024 12:18:46 GMT
  */
 
 export const utrechtActionActivateCursor : string;
@@ -796,10 +796,10 @@ export const rhcMessageListItemLabelFontSize : string;
 export const rhcMessageListItemLabelFontWeight : number;
 export const rhcMessageListItemLabelLineHeight : string;
 export const rhcMessageListItemHeadingColor : string;
-export const rhcLogoImgBackgroundColor : string;
-export const rhcLogoImgInlineSize : string;
-export const rhcLogoImgBlockSize : string;
-export const rhcLogoImgColor : string;
+export const rhcLogoImageBackgroundColor : string;
+export const rhcLogoImageInlineSize : string;
+export const rhcLogoImageBlockSize : string;
+export const rhcLogoImageColor : string;
 export const rhcLogoTitleFontWeight : number;
 export const rhcLogoTitleLineHeight : string;
 export const rhcLogoTitleFontSize : string;
@@ -816,6 +816,7 @@ export const rhcLinkListCardPaddingBlockEnd : string;
 export const rhcLinkListCardRowGap : string;
 export const rhcLinkListCardPaddingInlineStart : string;
 export const rhcLinkListCardPaddingInlineEnd : string;
+export const rhcLinkListTextDecoration : string;
 export const rhcIconOnlyButtonPaddingBlockEnd : string;
 export const rhcIconOnlyButtonPaddingBlockStart : string;
 export const rhcIconOnlyButtonPaddingInlineEnd : string;

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
+ * Generated on Wed, 30 Oct 2024 12:18:46 GMT
  */
 
 export const utrechtActionActivateCursor = "pointer";
@@ -795,10 +795,10 @@ export const rhcMessageListItemLabelFontSize = "1.25rem";
 export const rhcMessageListItemLabelFontWeight = 700;
 export const rhcMessageListItemLabelLineHeight = "150%";
 export const rhcMessageListItemHeadingColor = "#154273";
-export const rhcLogoImgBackgroundColor = "#F1F5F9";
-export const rhcLogoImgInlineSize = "48px";
-export const rhcLogoImgBlockSize = "96px";
-export const rhcLogoImgColor = "#154273";
+export const rhcLogoImageBackgroundColor = "#fff";
+export const rhcLogoImageInlineSize = "48px";
+export const rhcLogoImageBlockSize = "96px";
+export const rhcLogoImageColor = "#154273";
 export const rhcLogoTitleFontWeight = 600;
 export const rhcLogoTitleLineHeight = "1.063rem";
 export const rhcLogoTitleFontSize = "0.913rem";
@@ -815,6 +815,7 @@ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
 export const rhcLinkListCardRowGap = "1rem";
 export const rhcLinkListCardPaddingInlineStart = "1.5rem";
 export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
+export const rhcLinkListTextDecoration = "None";
 export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
 export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
 export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";

package/dist/index.json

@@ -791,10 +791,10 @@
   "rhcMessageListItemLabelFontWeight": 700,
   "rhcMessageListItemLabelLineHeight": "150%",
   "rhcMessageListItemHeadingColor": "#154273",
-  "rhcLogoImgBackgroundColor": "#F1F5F9",
-  "rhcLogoImgInlineSize": "48px",
-  "rhcLogoImgBlockSize": "96px",
-  "rhcLogoImgColor": "#154273",
+  "rhcLogoImageBackgroundColor": "#fff",
+  "rhcLogoImageInlineSize": "48px",
+  "rhcLogoImageBlockSize": "96px",
+  "rhcLogoImageColor": "#154273",
   "rhcLogoTitleFontWeight": 600,
   "rhcLogoTitleLineHeight": "1.063rem",
   "rhcLogoTitleFontSize": "0.913rem",
@@ -811,6 +811,7 @@
   "rhcLinkListCardRowGap": "1rem",
   "rhcLinkListCardPaddingInlineStart": "1.5rem",
   "rhcLinkListCardPaddingInlineEnd": "1.5rem",
+  "rhcLinkListTextDecoration": "None",
   "rhcIconOnlyButtonPaddingBlockEnd": "0.75rem",
   "rhcIconOnlyButtonPaddingBlockStart": "0.75rem",
   "rhcIconOnlyButtonPaddingInlineEnd": "0.75rem",

package/dist/index.tokens.json

@@ -1232,8 +1232,8 @@
       }
     },
     "logo": {
-      "img": {
-        "background-color": "#F1F5F9",
+      "image": {
+        "background-color": "#fff",
         "inline-size": "48px",
         "block-size": "96px",
         "color": "#154273"
@@ -1261,6 +1261,9 @@
       "padding-inline-start": "1.5rem",
       "padding-inline-end": "1.5rem"
     },
+    "link-list": {
+      "text-decoration": "None"
+    },
     "icon-only-button": {
       "padding-block-end": "0.75rem",
       "padding-block-start": "0.75rem",

package/dist/root.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
+ * Generated on Wed, 30 Oct 2024 12:18:46 GMT
  */
 
 :root {
@@ -302,6 +302,7 @@
   --rhc-icon-only-button-padding-inline-end: 0.75rem;
   --rhc-icon-only-button-padding-block-start: 0.75rem;
   --rhc-icon-only-button-padding-block-end: 0.75rem;
+  --rhc-link-list-text-decoration: None;
   --rhc-link-list-card-padding-inline-end: 1.5rem;
   --rhc-link-list-card-padding-inline-start: 1.5rem;
   --rhc-link-list-card-row-gap: 1rem;
@@ -318,10 +319,10 @@
   --rhc-logo-title-font-size: 0.913rem;
   --rhc-logo-title-line-height: 1.063rem;
   --rhc-logo-title-font-weight: 600;
-  --rhc-logo-img-color: #154273;
-  --rhc-logo-img-block-size: 96px;
-  --rhc-logo-img-inline-size: 48px;
-  --rhc-logo-img-background-color: #F1F5F9;
+  --rhc-logo-image-color: #154273;
+  --rhc-logo-image-block-size: 96px;
+  --rhc-logo-image-inline-size: 48px;
+  --rhc-logo-image-background-color: #fff;
   --rhc-message-list-item-heading-color: #154273;
   --rhc-message-list-item-label-line-height: 150%;
   --rhc-message-list-item-label-font-weight: 700;

package/dist/tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
+ * Generated on Wed, 30 Oct 2024 12:18:46 GMT
  */
 
 export default tokens;
@@ -1255,7 +1255,7 @@ declare const tokens: {
       }
     },
     "logo": {
-      "img": {
+      "image": {
         "background-color": DesignToken,
         "inline-size": DesignToken,
         "block-size": DesignToken,
@@ -1284,6 +1284,9 @@ declare const tokens: {
       "padding-inline-start": DesignToken,
       "padding-inline-end": DesignToken
     },
+    "link-list": {
+      "text-decoration": DesignToken
+    },
     "icon-only-button": {
       "padding-block-end": DesignToken,
       "padding-block-start": DesignToken,

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 29 Oct 2024 13:28:50 GMT
+ * Generated on Wed, 30 Oct 2024 12:18:46 GMT
  */
 
 module.exports = {
@@ -18535,27 +18535,27 @@ module.exports = {
       }
     },
     "logo": {
-      "img": {
+      "image": {
         "background-color": {
-          "value": "#F1F5F9",
+          "value": "#fff",
           "type": "color",
           "filePath": "src/generated/figma.tokens.json",
           "isSource": true,
           "original": {
-            "value": "#F1F5F9",
+            "value": "#fff",
             "type": "color"
           },
-          "name": "rhcLogoImgBackgroundColor",
+          "name": "rhcLogoImageBackgroundColor",
           "attributes": {
             "category": "rhc",
             "type": "logo",
-            "item": "img",
+            "item": "image",
             "subitem": "background-color"
           },
           "path": [
             "rhc",
             "logo",
-            "img",
+            "image",
             "background-color"
           ]
         },
@@ -18568,17 +18568,17 @@ module.exports = {
             "value": "48px",
             "type": "sizing"
           },
-          "name": "rhcLogoImgInlineSize",
+          "name": "rhcLogoImageInlineSize",
           "attributes": {
             "category": "rhc",
             "type": "logo",
-            "item": "img",
+            "item": "image",
             "subitem": "inline-size"
           },
           "path": [
             "rhc",
             "logo",
-            "img",
+            "image",
             "inline-size"
           ]
         },
@@ -18591,17 +18591,17 @@ module.exports = {
             "value": "96px",
             "type": "sizing"
           },
-          "name": "rhcLogoImgBlockSize",
+          "name": "rhcLogoImageBlockSize",
           "attributes": {
             "category": "rhc",
             "type": "logo",
-            "item": "img",
+            "item": "image",
             "subitem": "block-size"
           },
           "path": [
             "rhc",
             "logo",
-            "img",
+            "image",
             "block-size"
           ]
         },
@@ -18614,17 +18614,17 @@ module.exports = {
             "value": "#154273",
             "type": "color"
           },
-          "name": "rhcLogoImgColor",
+          "name": "rhcLogoImageColor",
           "attributes": {
             "category": "rhc",
             "type": "logo",
-            "item": "img",
+            "item": "image",
             "subitem": "color"
           },
           "path": [
             "rhc",
             "logo",
-            "img",
+            "image",
             "color"
           ]
         }
@@ -18986,6 +18986,29 @@ module.exports = {
         ]
       }
     },
+    "link-list": {
+      "text-decoration": {
+        "value": "None",
+        "type": "textDecoration",
+        "filePath": "src/generated/figma.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "None",
+          "type": "textDecoration"
+        },
+        "name": "rhcLinkListTextDecoration",
+        "attributes": {
+          "category": "rhc",
+          "type": "link-list",
+          "item": "text-decoration"
+        },
+        "path": [
+          "rhc",
+          "link-list",
+          "text-decoration"
+        ]
+      }
+    },
     "icon-only-button": {
       "padding-block-end": {
         "value": "0.75rem",

package/dist/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 29 Oct 2024 13:28:50 GMT
+// Generated on Wed, 30 Oct 2024 12:18:46 GMT
 
 @rhc-space-700: 3.5rem;
 @rhc-space-600: 3rem;
@@ -300,6 +300,7 @@
 @rhc-icon-only-button-padding-inline-end: 0.75rem;
 @rhc-icon-only-button-padding-block-start: 0.75rem;
 @rhc-icon-only-button-padding-block-end: 0.75rem;
+@rhc-link-list-text-decoration: None;
 @rhc-link-list-card-padding-inline-end: 1.5rem;
 @rhc-link-list-card-padding-inline-start: 1.5rem;
 @rhc-link-list-card-row-gap: 1rem;
@@ -316,10 +317,10 @@
 @rhc-logo-title-font-size: 0.913rem;
 @rhc-logo-title-line-height: 1.063rem;
 @rhc-logo-title-font-weight: 600;
-@rhc-logo-img-color: #154273;
-@rhc-logo-img-block-size: 96px;
-@rhc-logo-img-inline-size: 48px;
-@rhc-logo-img-background-color: #F1F5F9;
+@rhc-logo-image-color: #154273;
+@rhc-logo-image-block-size: 96px;
+@rhc-logo-image-inline-size: 48px;
+@rhc-logo-image-background-color: #fff;
 @rhc-message-list-item-heading-color: #154273;
 @rhc-message-list-item-label-line-height: 150%;
 @rhc-message-list-item-label-font-weight: 700;

package/figma/figma.tokens.json

@@ -3904,6 +3904,14 @@
           }
         }
       }
+    },
+    "rhc": {
+      "link-list": {
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        }
+      }
     }
   },
   "components/link-list-card": {
@@ -3939,9 +3947,9 @@
   "components/logo": {
     "rhc": {
       "logo": {
-        "img": {
+        "image": {
           "background-color": {
-            "value": "{rhc.color.grijs.100}",
+            "value": "{rhc.color.wit}",
             "type": "color"
           },
           "inline-size": {
@@ -6597,4 +6605,4 @@
       "components/icon"
     ]
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rijkshuisstijl-community/design-tokens",
-  "version": "1.0.0-alpha.40",
+  "version": "1.0.0-alpha.42",
   "author": "Community for NL Design System",
   "description": "Example design tokens",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -33,5 +33,5 @@
     "style-dictionary": "3.9.2",
     "token-transformer": "0.0.33"
   },
-  "gitHead": "7ea813ac10a5000bcf0594a40d5082583162bbd9"
+  "gitHead": "d03cef659fa7ca05f5e935bbce58c00eccd987ba"
 }

package/src/generated/figma.tokens.json

@@ -3627,9 +3627,9 @@
       }
     },
     "logo": {
-      "img": {
+      "image": {
         "background-color": {
-          "value": "#F1F5F9",
+          "value": "#fff",
           "type": "color"
         },
         "inline-size": {
@@ -3716,6 +3716,12 @@
         "type": "spacing"
       }
     },
+    "link-list": {
+      "text-decoration": {
+        "value": "None",
+        "type": "textDecoration"
+      }
+    },
     "icon-only-button": {
       "padding-block-end": {
         "value": "0.75rem",