@amsterdam/design-system-tokens 0.15.0 → 0.16.0

package/src/components/ams/{footer.tokens.json → page-footer.tokens.json}

@@ -1,11 +1,17 @@
 {
   "ams": {
-    "footer": {
+    "page-footer": {
       "menu": {
         "column-gap": { "value": "{ams.space.l}" },
         "padding-block": { "value": "{ams.space.l}" },
         "padding-inline": { "value": "{ams.grid.padding-inline}" },
         "row-gap": { "value": "{ams.space.xs}" },
+        "medium": {
+          "padding-inline": { "value": "{ams.grid.medium.padding-inline}" }
+        },
+        "wide": {
+          "padding-inline": { "value": "{ams.grid.wide.padding-inline}" }
+        },
         "link": {
           "color": { "value": "{ams.links.color}" },
           "font-family": { "value": "{ams.typography.font-family}" },

package/src/components/ams/{header.tokens.json → page-header.tokens.json}

@@ -1,12 +1,18 @@
 {
   "ams": {
-    "header": {
+    "page-header": {
       "font-family": { "value": "{ams.typography.font-family}" },
       "padding-block": { "value": "{ams.space.l}" },
       "padding-inline": {
         "value": "{ams.grid.padding-inline}",
         "comment": "Must be the Grid inline padding, to make sure Header and Grid line up"
       },
+      "medium": {
+        "padding-inline": { "value": "{ams.grid.medium.padding-inline}" }
+      },
+      "wide": {
+        "padding-inline": { "value": "{ams.grid.wide.padding-inline}" }
+      },
       "logo-link": {
         "column-gap": { "value": "{ams.space.m}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" }
@@ -14,7 +20,8 @@
       "brand-name": {
         "color": { "value": "{ams.color.text.default}" },
         "font-size": { "value": "{ams.typography.heading.4.font-size}" },
-        "font-weight": { "value": "{ams.typography.heading.font-weight}" }
+        "font-weight": { "value": "{ams.typography.heading.font-weight}" },
+        "text-wrap": { "value": "{ams.typography.heading.text-wrap}" }
       },
       "mega-menu": {
         "button": {

package/src/components/ams/page-heading.tokens.json

@@ -6,6 +6,7 @@
       "font-size": { "value": "{ams.typography.heading.0.font-size}" },
       "font-weight": { "value": "{ams.typography.heading.font-weight}" },
       "line-height": { "value": "{ams.typography.heading.0.line-height}" },
+      "text-wrap": { "value": "{ams.typography.heading.text-wrap}" },
       "inverse": {
         "color": { "value": "{ams.color.text.inverse}" }
       }

package/src/components/ams/page.tokens.json

@@ -0,0 +1,8 @@
+{
+  "ams": {
+    "page": {
+      "background-color": { "value": "{ams.color.background}" },
+      "max-inline-size": { "value": "100rem" }
+    }
+  }
+}

package/src/components/ams/standalone-link.tokens.json

@@ -0,0 +1,40 @@
+{
+  "ams": {
+    "standalone-link": {
+      "color": { "value": "{ams.links.color}" },
+      "column-gap": { "value": "{ams.space.s}" },
+      "font-family": { "value": "{ams.typography.font-family}" },
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
+      "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
+      "outline-offset": { "value": "{ams.focus.outline-offset}" },
+      "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+      "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
+      "contrast": {
+        "color": { "value": "{ams.links.contrast.color}" },
+        "hover": {
+          "color": { "value": "{ams.links.contrast.hover.color}" }
+        }
+      },
+      "hover": {
+        "color": { "value": "{ams.links.hover.color}" },
+        "text-decoration-thickness": {
+          "value": "{ams.links.hover.text-decoration-thickness}"
+        },
+        "text-underline-offset": { "value": "{ams.links.hover.text-underline-offset}" }
+      },
+      "inverse": {
+        "color": { "value": "{ams.links.inverse.color}" },
+        "hover": {
+          "color": { "value": "{ams.links.inverse.hover.color}" }
+        }
+      },
+      "with-icon": {
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "hover": {
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
+        }
+      }
+    }
+  }
+}

package/src/components/ams/mega-menu.tokens.json

@@ -1,18 +0,0 @@
-{
-  "ams": {
-    "mega-menu": {
-      "list-category": {
-        "column-gap": {
-          "value": "{ams.space.xl}",
-          "comment": "Must have the same value as `ams.grid.column-gap`."
-        },
-        "column-width": { "value": "20rem" },
-        "padding-block-start": { "value": "{ams.space.m}" },
-        "padding-block-end": {
-          "value": "{ams.space.xl}",
-          "comment": "Must have the same value as `ams.grid.row-gap.md`."
-        }
-      }
-    }
-  }
-}

package/src/components/ams/page-menu.tokens.json

@@ -1,24 +0,0 @@
-{
-  "ams": {
-    "page-menu": {
-      "column-gap": { "value": "{ams.space.xl}" },
-      "row-gap": { "value": "{ams.space.m}" },
-      "item": {
-        "color": { "value": "{ams.links.color}" },
-        "font-family": { "value": "{ams.typography.font-family}" },
-        "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
-        "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
-        "gap": { "value": "{ams.space.s}" },
-        "line-height": { "value": "{ams.typography.body-text.small.line-height}" },
-        "outline-offset": { "value": "{ams.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
-        "hover": {
-          "color": { "value": "{ams.links.hover.color}" },
-          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
-        }
-      }
-    }
-  }
-}

package/src/components/ams/screen.tokens.json

@@ -1,13 +0,0 @@
-{
-  "ams": {
-    "screen": {
-      "background-color": { "value": "{ams.color.background}" },
-      "wide": {
-        "max-inline-size": { "value": "100rem" }
-      },
-      "x-wide": {
-        "max-inline-size": { "value": "132rem" }
-      }
-    }
-  }
-}

package/src/components/ams/top-task-link.tokens.json

@@ -1,29 +0,0 @@
-{
-  "ams": {
-    "top-task-link": {
-      "gap": { "value": "{ams.space.s}" },
-      "description": {
-        "color": { "value": "{ams.color.text.default}" },
-        "font-family": { "value": "{ams.typography.font-family}" },
-        "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
-        "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
-        "line-height": { "value": "{ams.typography.body-text.small.line-height}" }
-      },
-      "label": {
-        "color": { "value": "{ams.links.color}" },
-        "font-family": { "value": "{ams.typography.font-family}" },
-        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
-        "font-weight": { "value": "{ams.typography.heading.font-weight}" },
-        "line-height": { "value": "{ams.typography.heading.4.line-height}" },
-        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
-        "hover": {
-          "color": { "value": "{ams.links.hover.color}" },
-          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
-        }
-      },
-      "outline-offset": { "value": "{ams.focus.outline-offset}" }
-    }
-  }
-}