@utrecht/design-tokens 3.4.0 → 3.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @utrecht/design-tokens
 
+## 3.4.1
+
+### Patch Changes
+
+- 4783080: Changed the background-color of the `link-social` component from `utrecht.color.red.40` to `utrecht.color.blue.35`
+
 ## 3.4.0
 
 ### Minor Changes

package/dist/_mixin-theme.scss

@@ -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/_mixin.scss

@@ -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/_variables.scss

@@ -743,7 +743,7 @@ $utrecht-link-color: $utrecht-color-blue-35;
 $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/_mixin-theme.scss

@@ -749,7 +749,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/dark/_mixin.scss

@@ -749,7 +749,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/dark/_variables.scss

@@ -747,7 +747,7 @@ $utrecht-link-color: $utrecht-color-blue-60;
 $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/index.cjs

@@ -577,7 +577,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/dark/index.css

@@ -754,7 +754,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/dark/index.flat.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/index.json

@@ -19981,7 +19981,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": {
@@ -19993,7 +19993,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.color.blue.35}"
     },
     "name": "utrechtLinkSocialBackgroundColor",
     "attributes": {},

package/dist/dark/index.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/dark/index.tokens.json

@@ -4280,7 +4280,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%)",
@@ -5665,6 +5665,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": {
@@ -5691,11 +5704,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%)",
@@ -5759,6 +5830,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/dark/list.json

@@ -19981,7 +19981,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": {
@@ -19993,7 +19993,7 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.color.blue.35}"
     },
     "name": "utrechtLinkSocialBackgroundColor",
     "attributes": {},

package/dist/dark/list.mjs

@@ -19981,7 +19981,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": {
@@ -19993,7 +19993,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/dark/root.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/theme-prince-xml.css

@@ -749,7 +749,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/dark/theme.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/tokens.cjs

@@ -21512,7 +21512,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": {
@@ -21524,7 +21524,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": {},
@@ -29017,6 +29017,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": {
@@ -29565,6 +29578,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": {
@@ -29608,6 +29635,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": {
@@ -30348,6 +30419,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/dark/tokens.d.ts

@@ -3565,6 +3565,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": {
@@ -3586,11 +3593,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,
@@ -3635,6 +3673,13 @@ declare const tokens: {
               "nl.nldesignsystem.css.property": {},
               "nl.nldesignsystem.fallback": {}
             }
+          },
+          "text-decoration": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": {}
+              }
+            }
           }
         }
       }

package/dist/dark/tokens.json

@@ -21508,7 +21508,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": {
@@ -21520,7 +21520,7 @@
             "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color",
-          "value": "{utrecht.color.red.40}"
+          "value": "{utrecht.color.blue.35}"
         },
         "name": "utrechtLinkSocialBackgroundColor",
         "attributes": {},
@@ -29013,6 +29013,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": {
@@ -29561,6 +29574,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": {
@@ -29604,6 +29631,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": {
@@ -30344,6 +30415,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/dark/variables.cjs

@@ -577,7 +577,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%)",