@amsterdam/design-system-tokens 0.15.0 → 0.16.0

package/dist/index.d.ts

@@ -136,6 +136,7 @@ declare const tokens: {
           "line-height": DesignToken;
         };
         "font-weight": DesignToken;
+        "text-wrap": DesignToken;
       };
     };
     links: {
@@ -179,6 +180,7 @@ declare const tokens: {
         "outline-offset": DesignToken;
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
+        "text-wrap": DesignToken;
         hover: {
           color: DesignToken;
         };
@@ -395,9 +397,15 @@ declare const tokens: {
       };
     };
     card: {
-      gap: DesignToken;
+      heading: {
+        "margin-block-end": DesignToken;
+      };
       "heading-group": {
         gap: DesignToken;
+        "margin-block-end": DesignToken;
+      };
+      image: {
+        "margin-block-end": DesignToken;
       };
       link: {
         color: DesignToken;
@@ -575,6 +583,10 @@ declare const tokens: {
       "inline-size": DesignToken;
       "max-block-size": DesignToken;
       "max-inline-size": DesignToken;
+      medium: {
+        "inline-size": DesignToken;
+        "max-block-size": DesignToken;
+      };
       backdrop: {
         "background-color": DesignToken;
       };
@@ -582,14 +594,25 @@ declare const tokens: {
         gap: DesignToken;
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
+        medium: {
+          "padding-block": DesignToken;
+          "padding-inline": DesignToken;
+        };
       };
       body: {
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
+        medium: {
+          "padding-inline": DesignToken;
+        };
       };
       footer: {
         "padding-block": DesignToken;
         "padding-inline": DesignToken;
+        medium: {
+          "padding-block": DesignToken;
+          "padding-inline": DesignToken;
+        };
       };
     };
     "error-message": {
@@ -612,6 +635,7 @@ declare const tokens: {
         "font-weight": DesignToken;
         "line-height": DesignToken;
         "margin-block-end": DesignToken;
+        "text-wrap": DesignToken;
       };
     };
     field: {
@@ -689,45 +713,19 @@ declare const tokens: {
         };
       };
     };
-    footer: {
-      menu: {
-        "column-gap": DesignToken;
-        "padding-block": DesignToken;
-        "padding-inline": DesignToken;
-        "row-gap": DesignToken;
-        link: {
-          color: DesignToken;
-          "font-family": DesignToken;
-          "font-size": DesignToken;
-          "font-weight": DesignToken;
-          "line-height": DesignToken;
-          "outline-offset": DesignToken;
-          "text-decoration-line": DesignToken;
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-          hover: {
-            color: DesignToken;
-            "text-decoration-line": DesignToken;
-          };
-        };
-      };
-      spotlight: {
-        "background-color": DesignToken;
-      };
-    };
     grid: {
       "column-count": DesignToken;
       "column-gap": DesignToken;
       "padding-block": {
-        s: DesignToken;
-        m: DesignToken;
         l: DesignToken;
+        xl: DesignToken;
+        "2xl": DesignToken;
       };
       "padding-inline": DesignToken;
       "row-gap": {
-        s: DesignToken;
-        m: DesignToken;
         l: DesignToken;
+        xl: DesignToken;
+        "2xl": DesignToken;
       };
       medium: {
         "column-count": DesignToken;
@@ -738,59 +736,6 @@ declare const tokens: {
         "padding-inline": DesignToken;
       };
     };
-    header: {
-      "font-family": DesignToken;
-      "padding-block": DesignToken;
-      "padding-inline": DesignToken;
-      "logo-link": {
-        "column-gap": DesignToken;
-        "outline-offset": DesignToken;
-      };
-      "brand-name": {
-        color: DesignToken;
-        "font-size": DesignToken;
-        "font-weight": DesignToken;
-      };
-      "mega-menu": {
-        button: {
-          cursor: DesignToken;
-          label: {
-            open: {
-              "font-weight": DesignToken;
-            };
-          };
-        };
-      };
-      menu: {
-        "column-gap": DesignToken;
-        "row-gap": DesignToken;
-        item: {
-          color: DesignToken;
-          "column-gap": DesignToken;
-          "font-family": DesignToken;
-          "font-size": DesignToken;
-          "font-weight": DesignToken;
-          "line-height": DesignToken;
-          "outline-offset": DesignToken;
-          "padding-block": DesignToken;
-          hover: {
-            color: DesignToken;
-          };
-        };
-        link: {
-          "text-decoration-line": DesignToken;
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-          hover: {
-            "text-decoration-line": DesignToken;
-          };
-        };
-      };
-      navigation: {
-        "column-gap": DesignToken;
-        "row-gap": DesignToken;
-      };
-    };
     heading: {
       "1": {
         "font-size": DesignToken;
@@ -819,6 +764,7 @@ declare const tokens: {
       color: DesignToken;
       "font-family": DesignToken;
       "font-weight": DesignToken;
+      "text-wrap": DesignToken;
       inverse: {
         color: DesignToken;
       };
@@ -926,6 +872,7 @@ declare const tokens: {
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
+      "text-wrap": DesignToken;
     };
     "link-list": {
       gap: DesignToken;
@@ -969,31 +916,16 @@ declare const tokens: {
     link: {
       color: DesignToken;
       "font-family": DesignToken;
+      "font-size": DesignToken;
       "font-weight": DesignToken;
+      "line-height": DesignToken;
       "outline-offset": DesignToken;
+      "text-decoration-thickness": DesignToken;
+      "text-underline-offset": DesignToken;
       hover: {
         color: DesignToken;
-      };
-      inline: {
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "line-height": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
-      };
-      standalone: {
-        "font-size": DesignToken;
-        "line-height": DesignToken;
         "text-decoration-thickness": DesignToken;
         "text-underline-offset": DesignToken;
-        hover: {
-          "text-decoration-thickness": DesignToken;
-          "text-underline-offset": DesignToken;
-        };
       };
       contrast: {
         color: DesignToken;
@@ -1024,14 +956,6 @@ declare const tokens: {
     mark: {
       "background-color": DesignToken;
     };
-    "mega-menu": {
-      "list-category": {
-        "column-gap": DesignToken;
-        "column-width": DesignToken;
-        "padding-block-start": DesignToken;
-        "padding-block-end": DesignToken;
-      };
-    };
     "ordered-list": {
       color: DesignToken;
       "font-family": DesignToken;
@@ -1062,35 +986,112 @@ declare const tokens: {
         };
       };
     };
+    "page-footer": {
+      menu: {
+        "column-gap": DesignToken;
+        "padding-block": DesignToken;
+        "padding-inline": DesignToken;
+        "row-gap": DesignToken;
+        medium: {
+          "padding-inline": DesignToken;
+        };
+        wide: {
+          "padding-inline": DesignToken;
+        };
+        link: {
+          color: DesignToken;
+          "font-family": DesignToken;
+          "font-size": DesignToken;
+          "font-weight": DesignToken;
+          "line-height": DesignToken;
+          "outline-offset": DesignToken;
+          "text-decoration-line": DesignToken;
+          "text-decoration-thickness": DesignToken;
+          "text-underline-offset": DesignToken;
+          hover: {
+            color: DesignToken;
+            "text-decoration-line": DesignToken;
+          };
+        };
+      };
+      spotlight: {
+        "background-color": DesignToken;
+      };
+    };
+    "page-header": {
+      "font-family": DesignToken;
+      "padding-block": DesignToken;
+      "padding-inline": DesignToken;
+      medium: {
+        "padding-inline": DesignToken;
+      };
+      wide: {
+        "padding-inline": DesignToken;
+      };
+      "logo-link": {
+        "column-gap": DesignToken;
+        "outline-offset": DesignToken;
+      };
+      "brand-name": {
+        color: DesignToken;
+        "font-size": DesignToken;
+        "font-weight": DesignToken;
+        "text-wrap": DesignToken;
+      };
+      "mega-menu": {
+        button: {
+          cursor: DesignToken;
+          label: {
+            open: {
+              "font-weight": DesignToken;
+            };
+          };
+        };
+      };
+      menu: {
+        "column-gap": DesignToken;
+        "row-gap": DesignToken;
+        item: {
+          color: DesignToken;
+          "column-gap": DesignToken;
+          "font-family": DesignToken;
+          "font-size": DesignToken;
+          "font-weight": DesignToken;
+          "line-height": DesignToken;
+          "outline-offset": DesignToken;
+          "padding-block": DesignToken;
+          hover: {
+            color: DesignToken;
+          };
+        };
+        link: {
+          "text-decoration-line": DesignToken;
+          "text-decoration-thickness": DesignToken;
+          "text-underline-offset": DesignToken;
+          hover: {
+            "text-decoration-line": DesignToken;
+          };
+        };
+      };
+      navigation: {
+        "column-gap": DesignToken;
+        "row-gap": DesignToken;
+      };
+    };
     "page-heading": {
       color: DesignToken;
       "font-family": DesignToken;
       "font-size": DesignToken;
       "font-weight": DesignToken;
       "line-height": DesignToken;
+      "text-wrap": DesignToken;
       inverse: {
         color: DesignToken;
       };
     };
-    "page-menu": {
-      "column-gap": DesignToken;
-      "row-gap": DesignToken;
-      item: {
-        color: DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "font-weight": DesignToken;
-        gap: DesignToken;
-        "line-height": DesignToken;
-        "outline-offset": DesignToken;
-        "text-decoration-line": DesignToken;
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        hover: {
-          color: DesignToken;
-          "text-decoration-line": DesignToken;
-        };
-      };
+    page: {
+      "background-color": DesignToken;
+      "max-inline-size": DesignToken;
     };
     pagination: {
       "font-family": DesignToken;
@@ -1250,15 +1251,6 @@ declare const tokens: {
         "x-large": DesignToken;
       };
     };
-    screen: {
-      "background-color": DesignToken;
-      wide: {
-        "max-inline-size": DesignToken;
-      };
-      "x-wide": {
-        "max-inline-size": DesignToken;
-      };
-    };
     "search-field": {
       input: {
         "background-color": DesignToken;
@@ -1361,6 +1353,40 @@ declare const tokens: {
         "background-color": DesignToken;
       };
     };
+    "standalone-link": {
+      color: DesignToken;
+      "column-gap": DesignToken;
+      "font-family": DesignToken;
+      "font-size": DesignToken;
+      "font-weight": DesignToken;
+      "line-height": DesignToken;
+      "outline-offset": DesignToken;
+      "text-decoration-thickness": DesignToken;
+      "text-underline-offset": DesignToken;
+      contrast: {
+        color: DesignToken;
+        hover: {
+          color: DesignToken;
+        };
+      };
+      hover: {
+        color: DesignToken;
+        "text-decoration-thickness": DesignToken;
+        "text-underline-offset": DesignToken;
+      };
+      inverse: {
+        color: DesignToken;
+        hover: {
+          color: DesignToken;
+        };
+      };
+      "with-icon": {
+        "text-decoration-line": DesignToken;
+        hover: {
+          "text-decoration-line": DesignToken;
+        };
+      };
+    };
     switch: {
       "background-color": DesignToken;
       cursor: DesignToken;
@@ -1558,31 +1584,6 @@ declare const tokens: {
         };
       };
     };
-    "top-task-link": {
-      gap: DesignToken;
-      description: {
-        color: DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "font-weight": DesignToken;
-        "line-height": DesignToken;
-      };
-      label: {
-        color: DesignToken;
-        "font-family": DesignToken;
-        "font-size": DesignToken;
-        "font-weight": DesignToken;
-        "line-height": DesignToken;
-        "text-decoration-line": DesignToken;
-        "text-decoration-thickness": DesignToken;
-        "text-underline-offset": DesignToken;
-        hover: {
-          color: DesignToken;
-          "text-decoration-line": DesignToken;
-        };
-      };
-      "outline-offset": DesignToken;
-    };
     "unordered-list": {
       color: DesignToken;
       "font-family": DesignToken;