@utrecht/design-tokens 3.4.0 → 3.4.1

package/dist/dark/variables.css

@@ -659,7 +659,7 @@
   --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
   --utrecht-link-social-color: var(--utrecht-color-white);
   --utrecht-link-social-border-color: var(--utrecht-color-white);
-  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+  --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
   --utrecht-link-placeholder-color: var(--utrecht-color-grey-80);
   --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
   --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);

package/dist/dark/variables.json

@@ -704,7 +704,7 @@
   "utrechtLinkListLinkTextDecoration": "none",
   "utrechtLinkListRowGap": "8px",
   "utrechtLinkPlaceholderColor": "hsl(0 0% 80%)",
-  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtLinkSocialBackgroundColor": "hsl(211 60% 35%)",
   "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
   "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialColor": "hsl(0 0% 100%)",

package/dist/dark/variables.less

@@ -747,7 +747,7 @@
 @utrecht-link-social-margin-inline-start: @utrecht-space-inline-sm;
 @utrecht-link-social-color: @utrecht-color-white;
 @utrecht-link-social-border-color: @utrecht-color-white;
-@utrecht-link-social-background-color: @utrecht-color-red-40;
+@utrecht-link-social-background-color: @utrecht-color-blue-35;
 @utrecht-link-list-link-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
 @utrecht-link-list-link-column-gap: @utrecht-space-block-xs;
 @utrecht-link-list-row-gap: @utrecht-space-block-xs;

package/dist/dark/variables.mjs

@@ -576,7 +576,7 @@ export const utrechtLinkListLinkFontWeight = "700";
 export const utrechtLinkListLinkTextDecoration = "none";
 export const utrechtLinkListIconSize = "14px";
 export const utrechtLinkListIconInsetBlockStart = "0.15em";
-export const utrechtLinkSocialBackgroundColor = "hsl(0 100% 40%)";
+export const utrechtLinkSocialBackgroundColor = "hsl(211 60% 35%)";
 export const utrechtLinkSocialBorderColor = "hsl(0 0% 100%)";
 export const utrechtLinkSocialBorderWidth = "2px";
 export const utrechtLinkSocialColor = "hsl(0 0% 100%)";

package/dist/index.cjs

@@ -568,7 +568,7 @@ module.exports = {
   "utrechtLinkListLinkTextDecoration": "none",
   "utrechtLinkListIconSize": "14px",
   "utrechtLinkListIconInsetBlockStart": "0.15em",
-  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtLinkSocialBackgroundColor": "hsl(211 60% 35%)",
   "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
   "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialColor": "hsl(0 0% 100%)",

package/dist/index.css

@@ -772,7 +772,7 @@
   --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
   --utrecht-link-social-color: var(--utrecht-color-white);
   --utrecht-link-social-border-color: var(--utrecht-color-white);
-  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+  --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
   --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-link-list-link-column-gap: var(--utrecht-space-block-xs);
   --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
@@ -1960,7 +1960,7 @@
     --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
     --utrecht-link-social-color: var(--utrecht-color-white);
     --utrecht-link-social-border-color: var(--utrecht-color-white);
-    --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+    --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
     --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
     --utrecht-link-list-link-column-gap: var(--utrecht-space-block-xs);
     --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);

package/dist/index.flat.json

@@ -695,7 +695,7 @@
   "utrechtLinkListLinkTextDecoration": "none",
   "utrechtLinkListRowGap": "8px",
   "utrechtLinkPlaceholderColor": "hsl(0 0% 40%)",
-  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtLinkSocialBackgroundColor": "hsl(211 60% 35%)",
   "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
   "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialColor": "hsl(0 0% 100%)",

package/dist/index.json

@@ -21034,7 +21034,7 @@
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 100% 40%)",
+    "value": "hsl(211 60% 35%)",
     "filePath": "src/component/utrecht/link-social.tokens.json",
     "isSource": true,
     "original": {
@@ -21046,7 +21046,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.color.blue.35}"
     },
     "name": "utrechtLinkSocialBackgroundColor",
     "attributes": {},

package/dist/index.mjs

@@ -567,7 +567,7 @@ export const utrechtLinkListLinkFontWeight = "700";
 export const utrechtLinkListLinkTextDecoration = "none";
 export const utrechtLinkListIconSize = "14px";
 export const utrechtLinkListIconInsetBlockStart = "0.15em";
-export const utrechtLinkSocialBackgroundColor = "hsl(0 100% 40%)";
+export const utrechtLinkSocialBackgroundColor = "hsl(211 60% 35%)";
 export const utrechtLinkSocialBorderColor = "hsl(0 0% 100%)";
 export const utrechtLinkSocialBorderWidth = "2px";
 export const utrechtLinkSocialColor = "hsl(0 0% 100%)";

package/dist/index.tokens.json

@@ -4276,7 +4276,7 @@
       }
     },
     "link-social": {
-      "background-color": "hsl(0 100% 40%)",
+      "background-color": "hsl(211 60% 35%)",
       "border-color": "hsl(0 0% 100%)",
       "border-width": "2px",
       "color": "hsl(0 0% 100%)",
@@ -5661,6 +5661,19 @@
         },
         "type": "fontFamilies"
       },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "lineHeights"
+      },
       "margin-block-start": "0",
       "margin-block-end": "1em",
       "page-link": {
@@ -5687,11 +5700,69 @@
         "current": {
           "background-color": "hsl(211 60% 35%)",
           "border-color": "hsl(211 60% 35%)",
-          "color": "hsl(0 0% 100%)"
+          "color": "hsl(0 0% 100%)",
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": [
+                  "inherit",
+                  "none",
+                  "underline"
+                ],
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "textDecoration"
+          }
         },
         "distanced": {
           "margin-inline-start": "0.5em"
         },
+        "focus": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        },
+        "focus-visible": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        },
         "hover": {
           "background-color": "hsl(211 60% 35%)",
           "border-color": "hsl(211 60% 35%)",
@@ -5755,6 +5826,20 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": [
+                  "inherit",
+                  "none",
+                  "underline"
+                ],
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "textDecoration"
           }
         }
       }

package/dist/list.json

@@ -21034,7 +21034,7 @@
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 100% 40%)",
+    "value": "hsl(211 60% 35%)",
     "filePath": "src/component/utrecht/link-social.tokens.json",
     "isSource": true,
     "original": {
@@ -21046,7 +21046,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.color.blue.35}"
     },
     "name": "utrechtLinkSocialBackgroundColor",
     "attributes": {},

package/dist/list.mjs

@@ -21034,7 +21034,7 @@ export default [
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 100% 40%)",
+    "value": "hsl(211 60% 35%)",
     "filePath": "src/component/utrecht/link-social.tokens.json",
     "isSource": true,
     "original": {
@@ -21046,7 +21046,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.color.blue.35}"
     },
     "name": "utrechtLinkSocialBackgroundColor",
     "attributes": {},

package/dist/root.css

@@ -655,7 +655,7 @@
   --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
   --utrecht-link-social-color: var(--utrecht-color-white);
   --utrecht-link-social-border-color: var(--utrecht-color-white);
-  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+  --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
   --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
   --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
   --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);

package/dist/theme-prince-xml.css

@@ -745,7 +745,7 @@
   --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
   --utrecht-link-social-color: var(--utrecht-color-white);
   --utrecht-link-social-border-color: var(--utrecht-color-white);
-  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+  --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
   --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
   --utrecht-link-list-link-column-gap: var(--utrecht-space-block-xs);
   --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);

package/dist/theme.css

@@ -655,7 +655,7 @@
   --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
   --utrecht-link-social-color: var(--utrecht-color-white);
   --utrecht-link-social-border-color: var(--utrecht-color-white);
-  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+  --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
   --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
   --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
   --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);

package/dist/tokens.cjs

@@ -22466,7 +22466,7 @@ module.exports = {
           "nl.nldesignsystem.figma.supports-token": false
         },
         "type": "color",
-        "value": "hsl(0 100% 40%)",
+        "value": "hsl(211 60% 35%)",
         "filePath": "src/component/utrecht/link-social.tokens.json",
         "isSource": true,
         "original": {
@@ -22478,7 +22478,7 @@ module.exports = {
             "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color",
-          "value": "{utrecht.color.red.40}"
+          "value": "{utrecht.color.blue.35}"
         },
         "name": "background-color",
         "attributes": {},
@@ -30107,6 +30107,19 @@ module.exports = {
         },
         "type": "fontFamilies"
       },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "lineHeights"
+      },
       "margin-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -30655,6 +30668,20 @@ module.exports = {
               "current",
               "color"
             ]
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": [
+                  "inherit",
+                  "none",
+                  "underline"
+                ],
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "textDecoration"
           }
         },
         "distanced": {
@@ -30698,6 +30725,50 @@ module.exports = {
             ]
           }
         },
+        "focus": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        },
+        "focus-visible": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        },
         "hover": {
           "background-color": {
             "$extensions": {
@@ -31438,6 +31509,20 @@ module.exports = {
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": [
+                  "inherit",
+                  "none",
+                  "underline"
+                ],
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "textDecoration"
           }
         }
       }

package/dist/tokens.d.ts

@@ -3561,6 +3561,13 @@ declare const tokens: {
           "nl.nldesignsystem.fallback": {}
         }
       },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
+        }
+      },
       "margin-block-start": DesignToken,
       "margin-block-end": DesignToken,
       "page-link": {
@@ -3582,11 +3589,42 @@ declare const tokens: {
         "current": {
           "background-color": DesignToken,
           "border-color": DesignToken,
-          "color": DesignToken
+          "color": DesignToken,
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": {}
+              }
+            }
+          }
         },
         "distanced": {
           "margin-inline-start": DesignToken
         },
+        "focus": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
+        },
+        "focus-visible": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
+        },
         "hover": {
           "background-color": DesignToken,
           "border-color": DesignToken,
@@ -3631,6 +3669,13 @@ declare const tokens: {
               "nl.nldesignsystem.css.property": {},
               "nl.nldesignsystem.fallback": {}
             }
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": {}
+              }
+            }
           }
         }
       }

package/dist/tokens.json

@@ -22462,7 +22462,7 @@
           "nl.nldesignsystem.figma.supports-token": false
         },
         "type": "color",
-        "value": "hsl(0 100% 40%)",
+        "value": "hsl(211 60% 35%)",
         "filePath": "src/component/utrecht/link-social.tokens.json",
         "isSource": true,
         "original": {
@@ -22474,7 +22474,7 @@
             "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color",
-          "value": "{utrecht.color.red.40}"
+          "value": "{utrecht.color.blue.35}"
         },
         "name": "utrechtLinkSocialBackgroundColor",
         "attributes": {},
@@ -30103,6 +30103,19 @@
         },
         "type": "fontFamilies"
       },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "lineHeights"
+      },
       "margin-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -30651,6 +30664,20 @@
               "current",
               "color"
             ]
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": [
+                  "inherit",
+                  "none",
+                  "underline"
+                ],
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "textDecoration"
           }
         },
         "distanced": {
@@ -30694,6 +30721,50 @@
             ]
           }
         },
+        "focus": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        },
+        "focus-visible": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        },
         "hover": {
           "background-color": {
             "$extensions": {
@@ -31434,6 +31505,20 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": [
+                  "inherit",
+                  "none",
+                  "underline"
+                ],
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "textDecoration"
           }
         }
       }

package/dist/variables.cjs

@@ -568,7 +568,7 @@ module.exports = {
   "utrechtLinkListLinkTextDecoration": "none",
   "utrechtLinkListIconSize": "14px",
   "utrechtLinkListIconInsetBlockStart": "0.15em",
-  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtLinkSocialBackgroundColor": "hsl(211 60% 35%)",
   "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
   "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialColor": "hsl(0 0% 100%)",

package/dist/variables.css

@@ -655,7 +655,7 @@
   --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
   --utrecht-link-social-color: var(--utrecht-color-white);
   --utrecht-link-social-border-color: var(--utrecht-color-white);
-  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
+  --utrecht-link-social-background-color: var(--utrecht-color-blue-35);
   --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
   --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
   --utrecht-link-list-link-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);

package/dist/variables.json

@@ -695,7 +695,7 @@
   "utrechtLinkListLinkTextDecoration": "none",
   "utrechtLinkListRowGap": "8px",
   "utrechtLinkPlaceholderColor": "hsl(0 0% 40%)",
-  "utrechtLinkSocialBackgroundColor": "hsl(0 100% 40%)",
+  "utrechtLinkSocialBackgroundColor": "hsl(211 60% 35%)",
   "utrechtLinkSocialBorderColor": "hsl(0 0% 100%)",
   "utrechtLinkSocialBorderWidth": "2px",
   "utrechtLinkSocialColor": "hsl(0 0% 100%)",