@amsterdam/design-system-tokens 0.15.0 → 0.16.0

package/dist/index.json

@@ -119,7 +119,8 @@
           "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
           "line-height": "1.3776"
         },
-        "font-weight": "800"
+        "font-weight": "800",
+        "text-wrap": "balance"
       }
     },
     "links": {
@@ -163,6 +164,7 @@
         "outline-offset": "0.125rem",
         "padding-block": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
         "padding-inline": "0",
+        "text-wrap": "balance",
         "hover": {
           "color": "#003677"
         }
@@ -184,7 +186,7 @@
       "severity-indicator": {
         "background-color": "#009de6",
         "padding-block": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
-        "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
+        "padding-inline": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
       },
       "content": {
         "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -225,7 +227,7 @@
       },
       "azure": {
         "background-color": "#009de6",
-        "color": "#181818"
+        "color": "#ffffff"
       },
       "green": {
         "background-color": "#00a03c",
@@ -258,7 +260,7 @@
       "padding-inline": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
       "azure": {
         "background-color": "#009de6",
-        "color": "#181818"
+        "color": "#ffffff"
       },
       "lime": {
         "background-color": "#bed200",
@@ -379,9 +381,15 @@
       }
     },
     "card": {
-      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
+      "heading": {
+        "margin-block-end": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
+      },
       "heading-group": {
-        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
+        "gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
+        "margin-block-end": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"
+      },
+      "image": {
+        "margin-block-end": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
       },
       "link": {
         "color": "#004699",
@@ -556,24 +564,39 @@
       "background-color": "#ffffff",
       "border": "0.125rem solid #ffffff",
       "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
-      "inline-size": "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
-      "max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
+      "inline-size": "calc(100% - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))",
+      "max-block-size": "calc(100dvh - 2 * clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem))",
       "max-inline-size": "48rem",
+      "medium": {
+        "inline-size": "calc(100% - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))",
+        "max-block-size": "calc(100dvh - 2 * clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem))"
+      },
       "backdrop": {
         "background-color": "rgb(24 24 24 / 62.5%)"
       },
       "header": {
         "gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
-        "padding-block": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0",
-        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem) 0",
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "medium": {
+          "padding-block": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem) 0",
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        }
       },
       "body": {
         "padding-block": "0",
-        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "medium": {
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        }
       },
       "footer": {
-        "padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
-        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "padding-block": "0 clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "medium": {
+          "padding-block": "0 clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        }
       }
     },
     "error-message": {
@@ -595,7 +618,8 @@
         "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
         "font-weight": "800",
         "line-height": "1.2928",
-        "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"
+        "margin-block-end": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
+        "text-wrap": "balance"
       }
     },
     "field": {
@@ -673,45 +697,19 @@
         }
       }
     },
-    "footer": {
-      "menu": {
-        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
-        "link": {
-          "color": "#004699",
-          "font-family": "'Amsterdam Sans', Arial, sans-serif",
-          "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
-          "font-weight": "400",
-          "line-height": "1.5152",
-          "outline-offset": "0.125rem",
-          "text-decoration-line": "none",
-          "text-decoration-thickness": "0.125rem",
-          "text-underline-offset": "0.3333em",
-          "hover": {
-            "color": "#003677",
-            "text-decoration-line": "underline"
-          }
-        }
-      },
-      "spotlight": {
-        "background-color": "#004699"
-      }
-    },
     "grid": {
       "column-count": "4",
       "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
       "padding-block": {
-        "s": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "m": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
-        "l": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
+        "2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
       },
       "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
       "row-gap": {
-        "s": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "m": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
-        "l": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        "l": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "xl": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
+        "2xl": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
       },
       "medium": {
         "column-count": "8",
@@ -722,59 +720,6 @@
         "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
       }
     },
-    "header": {
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
-      "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-      "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-      "logo-link": {
-        "column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
-        "outline-offset": "0.125rem"
-      },
-      "brand-name": {
-        "color": "#181818",
-        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
-        "font-weight": "800"
-      },
-      "mega-menu": {
-        "button": {
-          "cursor": "pointer",
-          "label": {
-            "open": {
-              "font-weight": "800"
-            }
-          }
-        }
-      },
-      "menu": {
-        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
-        "item": {
-          "color": "#004699",
-          "column-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
-          "font-family": "'Amsterdam Sans', Arial, sans-serif",
-          "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
-          "font-weight": "400",
-          "line-height": "1.6667",
-          "outline-offset": "0.125rem",
-          "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
-          "hover": {
-            "color": "#003677"
-          }
-        },
-        "link": {
-          "text-decoration-line": "none",
-          "text-decoration-thickness": "0.125rem",
-          "text-underline-offset": "0.3333em",
-          "hover": {
-            "text-decoration-line": "underline"
-          }
-        }
-      },
-      "navigation": {
-        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
-        "row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
-      }
-    },
     "heading": {
       "1": {
         "font-size": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)",
@@ -803,6 +748,7 @@
       "color": "#181818",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-weight": "800",
+      "text-wrap": "balance",
       "inverse": {
         "color": "#ffffff"
       }
@@ -909,7 +855,8 @@
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
       "font-weight": "800",
-      "line-height": "1.2928"
+      "line-height": "1.2928",
+      "text-wrap": "balance"
     },
     "link-list": {
       "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
@@ -952,32 +899,17 @@
     },
     "link": {
       "color": "#004699",
-      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-family": "inherit",
+      "font-size": "inherit",
       "font-weight": "400",
+      "line-height": "inherit",
       "outline-offset": "0.125rem",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.3333em",
       "hover": {
-        "color": "#003677"
-      },
-      "inline": {
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.3333em",
-        "font-family": "inherit",
-        "font-size": "inherit",
-        "line-height": "inherit",
-        "hover": {
-          "text-decoration-thickness": "0.1875rem",
-          "text-underline-offset": "0.2778em"
-        }
-      },
-      "standalone": {
-        "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
-        "line-height": "1.6667",
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.3333em",
-        "hover": {
-          "text-decoration-thickness": "0.1875rem",
-          "text-underline-offset": "0.2778em"
-        }
+        "color": "#003677",
+        "text-decoration-thickness": "0.1875rem",
+        "text-underline-offset": "0.2778em"
       },
       "contrast": {
         "color": "#000000",
@@ -1008,14 +940,6 @@
     "mark": {
       "background-color": "#ffe600"
     },
-    "mega-menu": {
-      "list-category": {
-        "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
-        "column-width": "20rem",
-        "padding-block-start": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
-        "padding-block-end": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
-      }
-    },
     "ordered-list": {
       "color": "#181818",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
@@ -1046,35 +970,112 @@
         }
       }
     },
+    "page-footer": {
+      "menu": {
+        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
+        "medium": {
+          "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+        },
+        "wide": {
+          "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+        },
+        "link": {
+          "color": "#004699",
+          "font-family": "'Amsterdam Sans', Arial, sans-serif",
+          "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
+          "font-weight": "400",
+          "line-height": "1.5152",
+          "outline-offset": "0.125rem",
+          "text-decoration-line": "none",
+          "text-decoration-thickness": "0.125rem",
+          "text-underline-offset": "0.3333em",
+          "hover": {
+            "color": "#003677",
+            "text-decoration-line": "underline"
+          }
+        }
+      },
+      "spotlight": {
+        "background-color": "#004699"
+      }
+    },
+    "page-header": {
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "padding-block": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+      "padding-inline": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+      "medium": {
+        "padding-inline": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
+      },
+      "wide": {
+        "padding-inline": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)"
+      },
+      "logo-link": {
+        "column-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
+        "outline-offset": "0.125rem"
+      },
+      "brand-name": {
+        "color": "#181818",
+        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
+        "font-weight": "800",
+        "text-wrap": "balance"
+      },
+      "mega-menu": {
+        "button": {
+          "cursor": "pointer",
+          "label": {
+            "open": {
+              "font-weight": "800"
+            }
+          }
+        }
+      },
+      "menu": {
+        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "row-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
+        "item": {
+          "color": "#004699",
+          "column-gap": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
+          "font-family": "'Amsterdam Sans', Arial, sans-serif",
+          "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
+          "font-weight": "400",
+          "line-height": "1.6667",
+          "outline-offset": "0.125rem",
+          "padding-block": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)",
+          "hover": {
+            "color": "#003677"
+          }
+        },
+        "link": {
+          "text-decoration-line": "none",
+          "text-decoration-thickness": "0.125rem",
+          "text-underline-offset": "0.3333em",
+          "hover": {
+            "text-decoration-line": "underline"
+          }
+        }
+      },
+      "navigation": {
+        "column-gap": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)",
+        "row-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"
+      }
+    },
     "page-heading": {
       "color": "#181818",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
       "font-size": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)",
       "font-weight": "800",
       "line-height": "1.1386",
+      "text-wrap": "balance",
       "inverse": {
         "color": "#ffffff"
       }
     },
-    "page-menu": {
-      "column-gap": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)",
-      "row-gap": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)",
-      "item": {
-        "color": "#004699",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
-        "font-weight": "400",
-        "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
-        "line-height": "1.5152",
-        "outline-offset": "0.125rem",
-        "text-decoration-line": "none",
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.3333em",
-        "hover": {
-          "color": "#003677",
-          "text-decoration-line": "underline"
-        }
-      }
+    "page": {
+      "background-color": "#ffffff",
+      "max-inline-size": "100rem"
     },
     "pagination": {
       "font-family": "'Amsterdam Sans', Arial, sans-serif",
@@ -1234,15 +1235,6 @@
         "x-large": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)"
       }
     },
-    "screen": {
-      "background-color": "#ffffff",
-      "wide": {
-        "max-inline-size": "100rem"
-      },
-      "x-wide": {
-        "max-inline-size": "132rem"
-      }
-    },
     "search-field": {
       "input": {
         "background-color": "#ffffff",
@@ -1345,6 +1337,40 @@
         "background-color": "#ffe600"
       }
     },
+    "standalone-link": {
+      "color": "#004699",
+      "column-gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
+      "font-family": "'Amsterdam Sans', Arial, sans-serif",
+      "font-size": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)",
+      "font-weight": "400",
+      "line-height": "1.6667",
+      "outline-offset": "0.125rem",
+      "text-decoration-thickness": "0.125rem",
+      "text-underline-offset": "0.3333em",
+      "contrast": {
+        "color": "#000000",
+        "hover": {
+          "color": "#000000"
+        }
+      },
+      "hover": {
+        "color": "#003677",
+        "text-decoration-thickness": "0.1875rem",
+        "text-underline-offset": "0.2778em"
+      },
+      "inverse": {
+        "color": "#ffffff",
+        "hover": {
+          "color": "#ffffff"
+        }
+      },
+      "with-icon": {
+        "text-decoration-line": "none",
+        "hover": {
+          "text-decoration-line": "underline"
+        }
+      }
+    },
     "switch": {
       "background-color": "#767676",
       "cursor": "pointer",
@@ -1542,31 +1568,6 @@
         }
       }
     },
-    "top-task-link": {
-      "gap": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)",
-      "description": {
-        "color": "#181818",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-size": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)",
-        "font-weight": "400",
-        "line-height": "1.5152"
-      },
-      "label": {
-        "color": "#004699",
-        "font-family": "'Amsterdam Sans', Arial, sans-serif",
-        "font-size": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)",
-        "font-weight": "800",
-        "line-height": "1.2928",
-        "text-decoration-line": "none",
-        "text-decoration-thickness": "0.125rem",
-        "text-underline-offset": "0.3333em",
-        "hover": {
-          "color": "#003677",
-          "text-decoration-line": "underline"
-        }
-      },
-      "outline-offset": "0.125rem"
-    },
     "unordered-list": {
       "color": "#181818",
       "font-family": "'Amsterdam Sans', Arial, sans-serif",