@amsterdam/design-system-tokens 1.0.1 → 2.1.0

package/src/components/ams/date-input.tokens.json

@@ -1,47 +1,47 @@
 {
   "ams": {
     "date-input": {
-      "background-color": { "value": "{ams.color.background}" },
-      "border-color": { "value": "currentColor" },
-      "border-style": { "value": "solid" },
-      "border-width": { "value": "{ams.border.width.m}" },
-      "color": { "value": "{ams.color.text.default}" },
-      "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}" },
-      "padding-block": { "value": "{ams.space.s}" },
-      "padding-inline": { "value": "{ams.space.m}" },
-      "calender-picker-indicator": {
-        "background-image": {
-          "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
-        },
-        "cursor": { "value": "{ams.cursor.interactive}" }
-      },
+      "background-color": { "value": "{ams.inputs.background-color}" },
+      "border-color": { "value": "{ams.inputs.border-color}" },
+      "border-style": { "value": "{ams.inputs.border-style}" },
+      "border-width": { "value": "{ams.inputs.border-width}" },
+      "color": { "value": "{ams.inputs.color}" },
+      "font-family": { "value": "{ams.inputs.font-family}" },
+      "font-size": { "value": "{ams.inputs.font-size}" },
+      "font-weight": { "value": "{ams.inputs.font-weight}" },
+      "line-height": { "value": "{ams.inputs.line-height}" },
+      "outline-offset": { "value": "{ams.inputs.outline-offset}" },
+      "padding-block": { "value": "{ams.inputs.padding-block}" },
+      "padding-inline": { "value": "{ams.inputs.padding-inline}" },
       "disabled": {
-        "color": { "value": "{ams.color.interactive.disabled}" },
+        "color": { "value": "{ams.inputs.disabled.color}" },
         "cursor": { "value": "{ams.cursor.disabled}" },
-        "calender-picker-indicator": {
+        "calendar-picker-indicator": {
           "background-image": {
             "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
           }
         }
       },
       "hover": {
-        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" },
-        "calender-picker-indicator": {
+        "box-shadow": { "value": "{ams.inputs.hover.box-shadow}" },
+        "calendar-picker-indicator": {
           "background-image": {
             "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
           }
         }
       },
       "invalid": {
-        "border-color": { "value": "{ams.color.interactive.invalid.default}" },
+        "border-color": { "value": "{ams.inputs.invalid.border-color}" },
         "hover": {
-          "border-color": { "value": "{ams.color.interactive.invalid.hover}" },
-          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s} {ams.color.interactive.invalid.hover}" }
+          "border-color": { "value": "{ams.inputs.invalid.hover.border-color}" },
+          "box-shadow": { "value": "{ams.inputs.invalid.hover.box-shadow}" }
         }
+      },
+      "calendar-picker-indicator": {
+        "background-image": {
+          "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>\")"
+        },
+        "cursor": { "value": "{ams.cursor.interactive}" }
       }
     }
   }

package/src/components/ams/error-message.tokens.json

@@ -3,10 +3,10 @@
     "error-message": {
       "color": { "value": "{ams.color.feedback.error}" },
       "font-family": { "value": "{ams.typography.font-family}" },
-      "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
       "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
       "gap": { "value": "{ams.space.xs}" },
-      "line-height": { "value": "{ams.typography.body-text.small.line-height}" }
+      "line-height": { "value": "{ams.typography.body-text.line-height}" }
     }
   }
 }

package/src/components/ams/field-set.tokens.json

@@ -8,10 +8,10 @@
       "legend": {
         "color": { "value": "{ams.color.text.default}" },
         "font-family": { "value": "{ams.typography.font-family}" },
-        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
+        "font-size": { "value": "{ams.typography.heading.3.font-size}" },
         "font-weight": { "value": "{ams.typography.heading.font-weight}" },
-        "line-height": { "value": "{ams.typography.heading.4.line-height}" },
-        "margin-block-end": { "value": "{ams.space.m}" },
+        "line-height": { "value": "{ams.typography.heading.3.line-height}" },
+        "margin-block-end": { "value": "{ams.space.s}" },
         "text-wrap": { "value": "{ams.typography.heading.text-wrap}" }
       }
     }

package/src/components/ams/file-input.tokens.json

@@ -1,40 +1,41 @@
 {
   "ams": {
     "file-input": {
-      "background-color": { "value": "{ams.color.background}" },
-      "border-color": { "value": "currentColor" },
+      "background-color": { "value": "{ams.inputs.background-color}" },
+      "border-color": { "value": "{ams.inputs.border-color}" },
       "border-style": { "value": "dashed" },
-      "border-width": { "value": "{ams.border.width.m}" },
-      "color": { "value": "{ams.color.text.default}" },
+      "border-width": { "value": "{ams.inputs.border-width}" },
+      "color": { "value": "{ams.inputs.color}" },
       "cursor": { "value": "{ams.cursor.interactive}" },
-      "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}" },
+      "font-family": { "value": "{ams.inputs.font-family}" },
+      "font-size": { "value": "{ams.inputs.font-size}" },
+      "font-weight": { "value": "{ams.inputs.font-weight}" },
+      "line-height": { "value": "{ams.inputs.line-height}" },
+      "outline-offset": { "value": "{ams.inputs.outline-offset}" },
       "padding-block": { "value": "{ams.space.m}" },
       "padding-inline": { "value": "{ams.space.m}" },
       "disabled": {
-        "color": { "value": "{ams.color.interactive.disabled}" },
+        "color": { "value": "{ams.inputs.disabled.color}" },
         "cursor": { "value": "{ams.cursor.disabled}" }
       },
       "file-selector-button": {
-        "background-color": { "value": "{ams.color.background}" },
-        "border-color": { "value": "currentColor" },
-        "border-style": { "value": "solid" },
-        "border-width": { "value": "{ams.border.width.m}" },
-        "color": { "value": "{ams.color.interactive.default}" },
-        "cursor": { "value": "{ams.cursor.interactive}" },
+        "background-color": { "value": "{ams.button.secondary.background-color}" },
+        "border-color": { "value": "{ams.button.secondary.border-color}" },
+        "border-style": { "value": "{ams.button.border-style}" },
+        "border-width": { "value": "{ams.button.border-width}" },
+        "color": { "value": "{ams.button.secondary.color}" },
+        "cursor": { "value": "{ams.button.cursor}" },
+        "line-height": { "value": "{ams.button.line-height}" },
         "margin-inline-end": { "value": "{ams.space.m}" },
-        "padding-block": { "value": "{ams.space.s}" },
-        "padding-inline": { "value": "{ams.space.m}" },
-        "hover": {
-          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" },
-          "color": { "value": "{ams.color.interactive.hover}" }
-        },
+        "padding-block": { "value": "{ams.button.padding-block}" },
+        "padding-inline": { "value": "{ams.button.padding-inline}" },
         "disabled": {
-          "color": { "value": "{ams.color.interactive.disabled}" },
-          "cursor": { "value": "{ams.cursor.disabled}" }
+          "color": { "value": "{ams.button.secondary.disabled.color}" },
+          "cursor": { "value": "{ams.button.disabled.cursor}" }
+        },
+        "hover": {
+          "box-shadow": { "value": "{ams.button.secondary.hover.box-shadow}" },
+          "color": { "value": "{ams.button.secondary.hover.color}" }
         }
       }
     }

package/src/components/ams/icon.deprecated.tokens.json

@@ -0,0 +1,16 @@
+{
+  "ams": {
+    "icon": {
+      "heading-0": {
+        "font-size": {
+          "comment": "Deprecated. Use ‘heading 1’ instead.",
+          "value": "{ams.typography.heading.0.font-size}"
+        },
+        "line-height": {
+          "comment": "Deprecated. Use ‘heading 1’ instead.",
+          "value": "{ams.typography.heading.0.line-height}"
+        }
+      }
+    }
+  }
+}

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

@@ -11,6 +11,14 @@
         "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
         "line-height": { "value": "{ams.typography.body-text.large.line-height}" }
       },
+      "heading-1": {
+        "font-size": { "value": "{ams.typography.heading.1.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.1.line-height}" }
+      },
+      "heading-2": {
+        "font-size": { "value": "{ams.typography.heading.2.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.2.line-height}" }
+      },
       "heading-3": {
         "font-size": { "value": "{ams.typography.heading.3.font-size}" },
         "line-height": { "value": "{ams.typography.heading.3.line-height}" }

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

@@ -3,9 +3,9 @@
     "label": {
       "color": { "value": "{ams.color.text.default}" },
       "font-family": { "value": "{ams.typography.font-family}" },
-      "font-size": { "value": "{ams.typography.heading.4.font-size}" },
+      "font-size": { "value": "{ams.typography.heading.3.font-size}" },
       "font-weight": { "value": "{ams.typography.heading.font-weight}" },
-      "line-height": { "value": "{ams.typography.heading.4.line-height}" },
+      "line-height": { "value": "{ams.typography.heading.3.line-height}" },
       "text-wrap": { "value": "{ams.typography.heading.text-wrap}" }
     }
   }

package/src/components/ams/menu.deprecated.tokens.json

@@ -0,0 +1,32 @@
+{
+  "ams": {
+    "menu": {
+      "link": {
+        "contrast": {
+          "color": {
+            "comment": "The menu has a dark background now, so this is no longer needed.",
+            "value": "{ams.links.contrast.color}"
+          },
+          "hover": {
+            "color": {
+              "comment": "The menu has a dark background now, so this is no longer needed.",
+              "value": "{ams.links.contrast.hover.color}"
+            }
+          }
+        },
+        "inverse": {
+          "color": {
+            "comment": "The menu has a dark background now, so this is no longer needed.",
+            "value": "{ams.links.inverse.color}"
+          },
+          "hover": {
+            "color": {
+              "comment": "The menu has a dark background now, so this is no longer needed.",
+              "value": "{ams.links.inverse.hover.color}"
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+{
+  "ams": {
+    "menu": {
+      "background-color": { "value": "{ams.color.interactive.default}" },
+      "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}" },
+      "padding-block": { "value": "{ams.space.m}" },
+      "wide": {
+        "max-inline-size": { "value": "8rem" },
+        "padding-block": { "value": "calc({ams.logo.block-size} + 2 * {ams.page-header.padding-block}) {ams.space.m}" },
+        "padding-inline": { "value": "{ams.space.s}" }
+      },
+      "link": {
+        "color": { "value": "{ams.links.inverse.color}" },
+        "gap": { "value": "{ams.space.s}" },
+        "outline-offset": { "value": "{ams.focus.outline-offset}" },
+        "padding-block": { "value": "{ams.space.s}" },
+        "padding-inline": { "value": "{ams.space.s}" },
+        "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.inverse.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
+        },
+        "wide": {
+          "gap": { "value": "{ams.space.xs}" }
+        }
+      },
+      "list": {
+        "gap": { "value": "{ams.space.m}" }
+      }
+    }
+  }
+}

package/src/components/ams/ordered-list.tokens.json

@@ -5,7 +5,7 @@
       "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}" },
-      "gap": { "value": "{ams.space.m}" },
+      "gap": { "value": "{ams.space.s}" },
       "line-height": { "value": "{ams.typography.body-text.line-height}" },
       "list-style-type": { "value": "decimal" },
       "small": {
@@ -28,7 +28,7 @@
       "ordered-list": {
         "gap": { "value": "{ams.space.s}" },
         "list-style-type": { "value": "lower-alpha" },
-        "padding-block-end": { "value": "0" },
+        "padding-block-end": { "value": "{ams.space.s}" },
         "padding-block-start": { "value": "{ams.space.s}" },
         "item": {
           "margin-inline-start": {

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

@@ -15,9 +15,9 @@
         "link": {
           "color": { "value": "{ams.links.color}" },
           "font-family": { "value": "{ams.typography.font-family}" },
-          "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+          "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.small.line-height}" },
+          "line-height": { "value": "{ams.typography.body-text.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}" },

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

@@ -19,9 +19,9 @@
       },
       "brand-name": {
         "color": { "value": "{ams.color.text.default}" },
-        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
+        "font-size": { "value": "{ams.typography.heading.3.font-size}" },
         "font-weight": { "value": "{ams.typography.heading.font-weight}" },
-        "line-height": { "value": "{ams.typography.heading.4.line-height}" },
+        "line-height": { "value": "{ams.typography.heading.3.line-height}" },
         "text-wrap": { "value": "{ams.typography.heading.text-wrap}" }
       },
       "mega-menu": {

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

@@ -1,6 +1,7 @@
 {
   "ams": {
     "page-heading": {
+      "comment": "We no longer use this size of headings. Use the Heading component with level 1 instead.",
       "color": { "value": "{ams.color.text.default}" },
       "font-family": { "value": "{ams.typography.font-family}" },
       "font-size": { "value": "{ams.typography.heading.0.font-size}" },

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

@@ -2,7 +2,7 @@
   "ams": {
     "page": {
       "background-color": { "value": "{ams.color.background}" },
-      "max-inline-size": { "value": "100rem" }
+      "max-inline-size": { "value": "90rem" }
     }
   }
 }

package/src/components/ams/password-input.tokens.json

@@ -1,34 +1,34 @@
 {
   "ams": {
     "password-input": {
-      "background-color": { "value": "{ams.color.background}" },
-      "border-color": { "value": "currentColor" },
-      "border-style": { "value": "solid" },
-      "border-width": { "value": "{ams.border.width.m}" },
-      "color": { "value": "{ams.color.text.default}" },
-      "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}" },
-      "padding-block": { "value": "{ams.space.s}" },
-      "padding-inline": { "value": "{ams.space.m}" },
+      "background-color": { "value": "{ams.inputs.background-color}" },
+      "border-color": { "value": "{ams.inputs.border-color}" },
+      "border-style": { "value": "{ams.inputs.border-style}" },
+      "border-width": { "value": "{ams.inputs.border-width}" },
+      "color": { "value": "{ams.inputs.color}" },
+      "font-family": { "value": "{ams.inputs.font-family}" },
+      "font-size": { "value": "{ams.inputs.font-size}" },
+      "font-weight": { "value": "{ams.inputs.font-weight}" },
+      "line-height": { "value": "{ams.inputs.line-height}" },
+      "outline-offset": { "value": "{ams.inputs.outline-offset}" },
+      "padding-block": { "value": "{ams.inputs.padding-block}" },
+      "padding-inline": { "value": "{ams.inputs.padding-inline}" },
       "disabled": {
-        "color": { "value": "{ams.color.interactive.disabled}" },
+        "color": { "value": "{ams.inputs.disabled.color}" },
         "cursor": { "value": "{ams.cursor.disabled}" }
       },
       "hover": {
-        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" }
+        "box-shadow": { "value": "{ams.inputs.hover.box-shadow}" }
       },
       "invalid": {
-        "border-color": { "value": "{ams.color.interactive.invalid.default}" },
+        "border-color": { "value": "{ams.inputs.invalid.border-color}" },
         "hover": {
-          "border-color": { "value": "{ams.color.interactive.invalid.hover}" },
-          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s} {ams.color.interactive.invalid.hover}" }
+          "border-color": { "value": "{ams.inputs.invalid.hover.border-color}" },
+          "box-shadow": { "value": "{ams.inputs.invalid.hover.box-shadow}" }
         }
       },
       "placeholder": {
-        "color": { "value": "{ams.color.text.secondary}" }
+        "color": { "value": "{ams.inputs.placeholder.color}" }
       }
     }
   }

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

@@ -74,7 +74,7 @@
       },
       "icon-container": {
         "block-size": { "value": "calc({ams.radio.font-size} * {ams.radio.line-height})" },
-        "inline-size": { "value": "1.5rem" }
+        "inline-size": { "value": "{ams.radio.font-size}" }
       }
     }
   }

package/src/components/ams/search-field.tokens.json

@@ -2,18 +2,28 @@
   "ams": {
     "search-field": {
       "input": {
-        "background-color": { "value": "{ams.color.background}" },
-        "border-color": { "value": "currentColor" },
-        "border-style": { "value": "solid" },
-        "border-width": { "value": "{ams.border.width.m}" },
-        "color": { "value": "{ams.color.text.default}" },
-        "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}" },
-        "padding-block": { "value": "{ams.space.s}" },
-        "padding-inline": { "value": "{ams.space.m}" },
+        "background-color": { "value": "{ams.inputs.background-color}" },
+        "border-color": { "value": "{ams.inputs.border-color}" },
+        "border-style": { "value": "{ams.inputs.border-style}" },
+        "border-width": { "value": "{ams.inputs.border-width}" },
+        "color": { "value": "{ams.inputs.color}" },
+        "font-family": { "value": "{ams.inputs.font-family}" },
+        "font-size": { "value": "{ams.inputs.font-size}" },
+        "font-weight": { "value": "{ams.inputs.font-weight}" },
+        "line-height": { "value": "{ams.inputs.line-height}" },
+        "outline-offset": { "value": "{ams.inputs.outline-offset}" },
+        "padding-block": { "value": "{ams.inputs.padding-block}" },
+        "padding-inline": { "value": "{ams.inputs.padding-inline}" },
+        "hover": {
+          "box-shadow": { "value": "{ams.inputs.hover.box-shadow}" }
+        },
+        "invalid": {
+          "border-color": { "value": "{ams.inputs.invalid.border-color}" },
+          "hover": {
+            "border-color": { "value": "{ams.inputs.invalid.hover.border-color}" },
+            "box-shadow": { "value": "{ams.inputs.invalid.hover.box-shadow}" }
+          }
+        },
         "cancel-button": {
           "background-image": {
             "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z'/></svg>\")"
@@ -23,18 +33,8 @@
           "cursor": { "value": "{ams.cursor.interactive}" },
           "inline-size": { "value": "{ams.typography.body-text.font-size}" }
         },
-        "hover": {
-          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" }
-        },
-        "invalid": {
-          "border-color": { "value": "{ams.color.interactive.invalid.default}" },
-          "hover": {
-            "border-color": { "value": "{ams.color.interactive.invalid.hover}" },
-            "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s} {ams.color.interactive.invalid.hover}" }
-          }
-        },
         "placeholder": {
-          "color": { "value": "{ams.color.text.secondary}" }
+          "color": { "value": "{ams.inputs.placeholder.color}" }
         }
       }
     }

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

@@ -1,40 +1,40 @@
 {
   "ams": {
     "select": {
-      "background-color": { "value": "{ams.color.background}" },
+      "background-color": { "value": "{ams.inputs.background-color}" },
       "background-image": {
         "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"
       },
       "background-position": { "value": "right {ams.space.m} center" },
-      "border-color": { "value": "currentColor" },
-      "border-style": { "value": "solid" },
-      "border-width": { "value": "{ams.border.width.m}" },
-      "color": { "value": "{ams.color.text.default}" },
-      "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}" },
-      "padding-block": { "value": "{ams.space.s}" },
-      "padding-inline": { "value": "{ams.space.m} calc(2 * {ams.space.m} + 1em)" },
+      "border-color": { "value": "{ams.inputs.border-color}" },
+      "border-style": { "value": "{ams.inputs.border-style}" },
+      "border-width": { "value": "{ams.inputs.border-width}" },
+      "color": { "value": "{ams.inputs.color}" },
+      "font-family": { "value": "{ams.inputs.font-family}" },
+      "font-size": { "value": "{ams.inputs.font-size}" },
+      "font-weight": { "value": "{ams.inputs.font-weight}" },
+      "line-height": { "value": "{ams.inputs.line-height}" },
+      "outline-offset": { "value": "{ams.inputs.outline-offset}" },
+      "padding-block": { "value": "{ams.inputs.padding-block}" },
+      "padding-inline": { "value": "{ams.inputs.padding-inline} calc(2 * {ams.inputs.padding-inline} + 1em)" },
       "disabled": {
         "background-image": {
           "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23767676' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"
         },
-        "color": { "value": "{ams.color.interactive.disabled}" },
+        "color": { "value": "{ams.inputs.disabled.color}" },
         "cursor": { "value": "{ams.cursor.disabled}" }
       },
       "hover": {
-        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s}" },
+        "box-shadow": { "value": "{ams.inputs.hover.box-shadow}" },
         "background-image": {
           "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23003677' fill-rule='evenodd' d='m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z'/></svg>\")"
         }
       },
       "invalid": {
-        "border-color": { "value": "{ams.color.interactive.invalid.default}" },
+        "border-color": { "value": "{ams.inputs.invalid.border-color}" },
         "hover": {
-          "border-color": { "value": "{ams.color.interactive.invalid.hover}" },
-          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.s} {ams.color.interactive.invalid.hover}" }
+          "border-color": { "value": "{ams.inputs.invalid.hover.border-color}" },
+          "box-shadow": { "value": "{ams.inputs.invalid.hover.box-shadow}" }
         }
       },
       "option": {

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

@@ -4,9 +4,9 @@
       "background-color": { "value": "{ams.color.interactive.default}" },
       "color": { "value": "{ams.color.text.inverse}" },
       "font-family": { "value": "{ams.typography.font-family}" },
-      "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+      "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.small.line-height}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
       "outline-offset": { "value": "{ams.focus.outline-offset}" },
       "padding-block": { "value": "{ams.space.s}" },
       "padding-inline": { "value": "{ams.space.m}" },

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

@@ -0,0 +1,32 @@
+{
+  "ams": {
+    "standalone-link": {
+      "hover": {
+        "text-decoration-thickness": {
+          "comment": "Use `ams.standalone-link.text-decoration-thickness` instead",
+          "value": "{ams.links.hover.text-decoration-thickness}"
+        },
+        "text-underline-offset": {
+          "comment": "Use `ams.standalone-link.text-underline-offset` instead",
+          "value": "{ams.links.hover.text-underline-offset}"
+        }
+      },
+      "with-icon": {
+        "text-decoration-line": {
+          "comment": "Use `ams.standalone-link.text-decoration-line` instead",
+          "value": "{ams.links.subtle.text-decoration-line}"
+        },
+        "text-decoration-thickness": {
+          "comment": "Use `ams.standalone-link.text-decoration-thickness` instead",
+          "value": "{ams.links.text-decoration-thickness}"
+        },
+        "hover": {
+          "text-decoration-line": {
+            "comment": "Use `ams.standalone-link.hover.text-decoration-line` instead",
+            "value": "{ams.links.subtle.hover.text-decoration-line}"
+          }
+        }
+      }
+    }
+  }
+}