@amsterdam/design-system-tokens 0.14.0 → 0.16.0

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

@@ -1,40 +1,43 @@
 {
   "ams": {
     "file-input": {
-      "background-color": { "value": "{ams.color.primary-white}" },
-      "border": { "value": "{ams.border.width.sm} dashed {ams.color.neutral-grey3}" },
-      "color": { "value": "{ams.color.primary-black}" },
-      "cursor": { "value": "{ams.action.activate.cursor}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-size": { "value": "{ams.text.level.5.font-size}" },
-      "font-weight": { "value": "{ams.text.font-weight.normal}" },
-      "line-height": { "value": "{ams.text.level.5.line-height}" },
-      "outline-offset": { "value": "{ams.focus.outline-offset}" },
-      "padding-block": { "value": "{ams.space.md}" },
-      "padding-inline": { "value": "{ams.space.md}" },
+      "background-color": { "value": "{ams.color.background}" },
+      "border": { "value": "{ams.border.width.s} dashed {ams.color.interactive.secondary}" },
+      "color": { "value": "{ams.color.text.default}" },
+      "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": {
+        "comment": "Compensate for the dashed border",
+        "value": "calc({ams.focus.outline-offset} * 2)"
+      },
+      "padding-block": { "value": "{ams.space.m}" },
+      "padding-inline": { "value": "{ams.space.m}" },
       "disabled": {
-        "color": { "value": "{ams.color.neutral-grey3}" },
-        "cursor": { "value": "{ams.action.disabled.cursor}" }
+        "color": { "value": "{ams.color.interactive.disabled}" },
+        "cursor": { "value": "{ams.cursor.disabled}" }
       },
       "file-selector-button": {
-        "background-color": { "value": "{ams.color.primary-white}" },
-        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.md} {ams.color.primary-blue}" },
-        "color": { "value": "{ams.color.primary-blue}" },
-        "cursor": { "value": "{ams.action.activate.cursor}" },
-        "margin-inline-end": { "value": "{ams.space.md}" },
-        "padding-block": { "value": "{ams.space.sm}" },
-        "padding-inline": { "value": "{ams.space.md}" },
+        "background-color": { "value": "{ams.color.background}" },
+        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.m} {ams.color.interactive.default}" },
+        "color": { "value": "{ams.color.interactive.default}" },
+        "cursor": { "value": "{ams.cursor.interactive}" },
+        "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.lg} {ams.color.dark-blue}" },
-          "color": { "value": "{ams.color.dark-blue}" }
+          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.l} {ams.color.interactive.hover}" },
+          "color": { "value": "{ams.color.interactive.hover}" }
         },
         "disabled": {
-          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.md} {ams.color.neutral-grey3}" },
-          "color": { "value": "{ams.color.neutral-grey3}" },
-          "cursor": { "value": "{ams.action.disabled.cursor}" }
+          "box-shadow": { "value": "inset 0 0 0 {ams.border.width.m} {ams.color.interactive.disabled}" },
+          "color": { "value": "{ams.color.interactive.disabled}" },
+          "cursor": { "value": "{ams.cursor.disabled}" }
         },
         "forced-color-mode": {
-          "border": { "value": "{ams.border.width.md} solid" }
+          "border": { "value": "{ams.border.width.m} solid" }
         }
       }
     }

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

@@ -1,16 +1,16 @@
 {
   "ams": {
     "file-list": {
-      "gap": { "value": "{ams.space.md}" },
-      "padding-block": { "value": "{ams.space.md}" },
+      "gap": { "value": "{ams.space.m}" },
+      "padding-block": { "value": "{ams.space.m}" },
       "file": {
-        "font-family": { "value": "{ams.text.font-family}" },
-        "font-size": { "value": "{ams.text.level.6.font-size}" },
-        "font-weight": { "value": "{ams.text.font-weight.normal}" },
-        "gap": { "value": "{ams.space.sm}" },
-        "line-height": { "value": "{ams.text.level.6.line-height}" },
+        "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}" },
         "details": {
-          "color": { "value": "{ams.color.neutral-grey3}" }
+          "color": { "value": "{ams.color.text.secondary}" }
         },
         "preview": {
           "width": { "value": "clamp(2.5rem, 10vw, 5rem)" }

package/src/components/ams/grid.compact.tokens.json

@@ -1,7 +1,7 @@
 {
   "ams": {
     "grid": {
-      "padding-inline": { "value": "{ams.space.grid.md}" }
+      "padding-inline": { "value": "{ams.space.xl}" }
     }
   }
 }

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

@@ -2,23 +2,25 @@
   "ams": {
     "grid": {
       "column-count": { "value": "4" },
-      "column-gap": { "value": "{ams.space.grid.md}" },
+      "column-gap": { "value": "{ams.space.xl}" },
       "padding-block": {
-        "sm": { "value": "{ams.space.grid.sm}" },
-        "md": { "value": "{ams.space.grid.md}" },
-        "lg": { "value": "{ams.space.grid.lg}" }
+        "l": { "value": "{ams.space.l}" },
+        "xl": { "value": "{ams.space.xl}" },
+        "2xl": { "value": "{ams.space.2xl}" }
       },
-      "padding-inline": { "value": "{ams.space.grid.lg}" },
+      "padding-inline": { "value": "{ams.space.l}" },
       "row-gap": {
-        "sm": { "value": "{ams.space.grid.sm}" },
-        "md": { "value": "{ams.space.grid.md}" },
-        "lg": { "value": "{ams.space.grid.lg}" }
+        "l": { "value": "{ams.space.l}" },
+        "xl": { "value": "{ams.space.xl}" },
+        "2xl": { "value": "{ams.space.2xl}" }
       },
       "medium": {
-        "column-count": { "value": "8" }
+        "column-count": { "value": "8" },
+        "padding-inline": { "value": "{ams.space.xl}" }
       },
       "wide": {
-        "column-count": { "value": "12" }
+        "column-count": { "value": "12" },
+        "padding-inline": { "value": "{ams.space.2xl}" }
       }
     }
   }

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

@@ -1,35 +1,36 @@
 {
   "ams": {
     "heading": {
-      "color": { "value": "{ams.color.primary-black}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-weight": { "value": "{ams.text.font-weight.bold}" },
-      "inverse-color": { "value": "{ams.color.primary-white}" },
-      "level": {
-        "1": {
-          "font-size": { "value": "{ams.text.level.1.font-size}" },
-          "line-height": { "value": "{ams.text.level.1.line-height}" }
-        },
-        "2": {
-          "font-size": { "value": "{ams.text.level.2.font-size}" },
-          "line-height": { "value": "{ams.text.level.2.line-height}" }
-        },
-        "3": {
-          "font-size": { "value": "{ams.text.level.3.font-size}" },
-          "line-height": { "value": "{ams.text.level.3.line-height}" }
-        },
-        "4": {
-          "font-size": { "value": "{ams.text.level.4.font-size}" },
-          "line-height": { "value": "{ams.text.level.4.line-height}" }
-        },
-        "5": {
-          "font-size": { "value": "{ams.text.level.5.font-size}" },
-          "line-height": { "value": "{ams.text.level.5.line-height}" }
-        },
-        "6": {
-          "font-size": { "value": "{ams.text.level.6.font-size}" },
-          "line-height": { "value": "{ams.text.level.6.line-height}" }
-        }
+      "color": { "value": "{ams.color.text.default}" },
+      "font-family": { "value": "{ams.typography.font-family}" },
+      "font-weight": { "value": "{ams.typography.heading.font-weight}" },
+      "text-wrap": { "value": "{ams.typography.heading.text-wrap}" },
+      "inverse": {
+        "color": { "value": "{ams.color.text.inverse}" }
+      },
+      "1": {
+        "font-size": { "value": "{ams.typography.heading.1.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.1.line-height}" }
+      },
+      "2": {
+        "font-size": { "value": "{ams.typography.heading.2.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.2.line-height}" }
+      },
+      "3": {
+        "font-size": { "value": "{ams.typography.heading.3.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.3.line-height}" }
+      },
+      "4": {
+        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.4.line-height}" }
+      },
+      "5": {
+        "font-size": { "value": "{ams.typography.heading.5.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.5.line-height}" }
+      },
+      "6": {
+        "font-size": { "value": "{ams.typography.heading.6.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.6.line-height}" }
       }
     }
   }

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

@@ -1,7 +1,7 @@
 {
   "ams": {
     "hint": {
-      "color": { "value": "{ams.color.neutral-grey3}" }
+      "color": { "value": "{ams.color.text.secondary}" }
     }
   }
 }

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

@@ -1,35 +1,37 @@
 {
   "ams": {
     "icon-button": {
-      "color": { "value": "{ams.color.primary-blue}" },
+      "color": { "value": "{ams.color.interactive.default}" },
+      "cursor": { "value": "{ams.cursor.interactive}" },
       "outline-offset": { "value": "{ams.focus.outline-offset}" },
       "hover": {
-        "background-color": { "value": "rgba(0, 70, 153, 0.125)" },
-        "color": { "value": "{ams.color.dark-blue}" }
+        "background-color": { "value": "rgb(0 70 153 / 12.5%)" },
+        "color": { "value": "{ams.color.interactive.hover}" }
       },
       "disabled": {
-        "color": { "value": "{ams.color.neutral-grey3}" }
+        "color": { "value": "{ams.color.interactive.disabled}" },
+        "cursor": { "value": "{ams.cursor.disabled}" }
       },
-      "contrast-color": {
-        "color": { "value": "{ams.color.primary-black}" },
+      "contrast": {
+        "color": { "value": "{ams.color.interactive.contrast}" },
         "hover": {
-          "background-color": { "value": "rgba(0, 0, 0, 0.125)" },
-          "color": { "value": "{ams.color.primary-black}" }
+          "background-color": { "value": "rgb(0 0 0 / 12.5%)" },
+          "color": { "value": "{ams.color.interactive.contrast}" }
         },
         "disabled": {
-          "color": { "value": "{ams.color.neutral-grey3}" }
+          "color": { "value": "{ams.color.interactive.disabled}" }
         }
       },
-      "inverse-color": {
-        "background-color": { "value": "{ams.color.primary-blue}" },
-        "color": { "value": "{ams.color.primary-white}" },
+      "inverse": {
+        "background-color": { "value": "{ams.color.interactive.default}" },
+        "color": { "value": "{ams.color.interactive.inverse}" },
         "hover": {
-          "background-color": { "value": "{ams.color.dark-blue}" },
-          "color": { "value": "{ams.color.primary-white}" }
+          "background-color": { "value": "{ams.color.interactive.hover}" },
+          "color": { "value": "{ams.color.interactive.inverse}" }
         },
         "disabled": {
-          "color": { "value": "{ams.color.primary-white}" },
-          "background-color": { "value": "{ams.color.neutral-grey3}" }
+          "color": { "value": "{ams.color.interactive.inverse}" },
+          "background-color": { "value": "{ams.color.interactive.disabled}" }
         }
       }
     }

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

@@ -1,24 +1,34 @@
 {
   "ams": {
     "icon": {
-      "inverse": {
-        "color": { "value": "{ams.color.primary-white}" }
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
+      "small": {
+        "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+        "line-height": { "value": "{ams.typography.body-text.small.line-height}" }
+      },
+      "large": {
+        "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
+        "line-height": { "value": "{ams.typography.body-text.large.line-height}" }
       },
-      "size-3": {
-        "font-size": { "value": "{ams.text.level.3.font-size}" },
-        "line-height": { "value": "{ams.text.level.3.line-height}" }
+      "heading-3": {
+        "font-size": { "value": "{ams.typography.heading.3.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.3.line-height}" }
       },
-      "size-4": {
-        "font-size": { "value": "{ams.text.level.4.font-size}" },
-        "line-height": { "value": "{ams.text.level.4.line-height}" }
+      "heading-4": {
+        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.4.line-height}" }
       },
-      "size-5": {
-        "font-size": { "value": "{ams.text.level.5.font-size}" },
-        "line-height": { "value": "{ams.text.level.5.line-height}" }
+      "heading-5": {
+        "font-size": { "value": "{ams.typography.heading.5.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.5.line-height}" }
       },
-      "size-6": {
-        "font-size": { "value": "{ams.text.level.6.font-size}" },
-        "line-height": { "value": "{ams.text.level.6.line-height}" }
+      "heading-6": {
+        "font-size": { "value": "{ams.typography.heading.6.font-size}" },
+        "line-height": { "value": "{ams.typography.heading.6.line-height}" }
+      },
+      "inverse": {
+        "color": { "value": "{ams.color.text.inverse}" }
       }
     }
   }

package/src/components/ams/image-slider.tokens.json

@@ -10,7 +10,7 @@
         "gap": { "value": "{ams.space.xs}" },
         "thumbnail": {
           "background-color": { "value": "transparent" },
-          "cursor": { "value": "{ams.action.activate.cursor}" },
+          "cursor": { "value": "{ams.cursor.interactive}" },
           "opacity": { "value": "40%" },
           "outline-offset": { "value": "{ams.focus.outline-offset}" },
           "in-view": {

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

@@ -1,7 +1,7 @@
 {
   "ams": {
     "image": {
-      "aspect-ratio": { "value": "{ams.aspect-ratio.x-wide}" }
+      "aspect-ratio": { "value": "{ams.aspect-ratio.16-9}" }
     }
   }
 }

package/src/components/ams/{form-error-list.tokens.json → invalid-form-alert.tokens.json}

@@ -1,6 +1,6 @@
 {
   "ams": {
-    "form-error-list": {
+    "invalid-form-alert": {
       "outline-offset": { "value": "{ams.focus.outline-offset}" }
     }
   }

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

@@ -1,11 +1,12 @@
 {
   "ams": {
     "label": {
-      "color": { "value": "{ams.color.primary-black}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-size": { "value": "{ams.text.level.4.font-size}" },
-      "font-weight": { "value": "{ams.text.font-weight.bold}" },
-      "line-height": { "value": "{ams.text.level.4.line-height}" }
+      "color": { "value": "{ams.color.text.default}" },
+      "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-wrap": { "value": "{ams.typography.heading.text-wrap}" }
     }
   }
 }

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

@@ -1,40 +1,40 @@
 {
   "ams": {
     "link-list": {
-      "gap": { "value": "{ams.space.sm}" },
+      "gap": { "value": "{ams.space.s}" },
       "link": {
-        "color": { "value": "{ams.link-appearance.color}" },
-        "font-family": { "value": "{ams.text.font-family}" },
-        "font-size": { "value": "{ams.text.level.5.font-size}" },
-        "font-weight": { "value": "{ams.text.font-weight.normal}" },
-        "gap": { "value": "{ams.space.sm}" },
-        "line-height": { "value": "{ams.text.level.5.line-height}" },
+        "color": { "value": "{ams.links.color}" },
+        "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.s}" },
+        "line-height": { "value": "{ams.typography.body-text.line-height}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-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}" },
         "small": {
-          "font-size": { "value": "{ams.text.level.6.font-size}" },
-          "line-height": { "value": "{ams.text.level.6.line-height}" }
+          "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+          "line-height": { "value": "{ams.typography.body-text.small.line-height}" }
         },
         "large": {
-          "font-size": { "value": "{ams.text.level.4.font-size}" },
-          "line-height": { "value": "{ams.text.level.4.line-height}" }
+          "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
+          "line-height": { "value": "{ams.typography.body-text.large.line-height}" }
         },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         },
-        "contrast-color": {
-          "color": { "value": "{ams.link-appearance.contrast.color}" },
+        "contrast": {
+          "color": { "value": "{ams.links.contrast.color}" },
           "hover": {
-            "color": { "value": "{ams.link-appearance.contrast.hover.color}" }
+            "color": { "value": "{ams.links.contrast.hover.color}" }
           }
         },
-        "inverse-color": {
-          "color": { "value": "{ams.link-appearance.inverse.color}" },
+        "inverse": {
+          "color": { "value": "{ams.links.inverse.color}" },
           "hover": {
-            "color": { "value": "{ams.link-appearance.inverse.hover.color}" }
+            "color": { "value": "{ams.links.inverse.hover.color}" }
           }
         }
       }

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

@@ -1,59 +1,29 @@
 {
   "ams": {
     "link": {
-      "color": { "value": "{ams.link-appearance.color}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-weight": { "value": "{ams.text.font-weight.normal}" },
+      "color": { "value": "{ams.links.color}" },
+      "font-family": { "value": "inherit" },
+      "font-size": { "value": "inherit" },
+      "font-weight": { "value": "{ams.typography.body-text.font-weight}" },
+      "line-height": { "value": "inherit" },
       "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}" },
       "hover": {
-        "color": { "value": "{ams.link-appearance.hover.color}" }
+        "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}" }
       },
-      "inline": {
-        "text-decoration-line": { "value": "{ams.link-appearance.regular.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
-        "font-family": { "value": "inherit" },
-        "font-size": { "value": "inherit" },
-        "line-height": { "value": "inherit" },
+      "contrast": {
+        "color": { "value": "{ams.links.contrast.color}" },
         "hover": {
-          "text-decoration-thickness": {
-            "value": "{ams.link-appearance.regular.hover.text-decoration-thickness}"
-          },
-          "text-underline-offset": { "value": "{ams.link-appearance.regular.hover.text-underline-offset}" }
-        },
-        "visited": {
-          "color": { "value": "{ams.color.purple}" }
+          "color": { "value": "{ams.links.contrast.hover.color}" }
         }
       },
-      "standalone": {
-        "font-size": { "value": "{ams.text.level.5.font-size}" },
-        "line-height": { "value": "{ams.text.level.5.line-height}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.regular.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+      "inverse": {
+        "color": { "value": "{ams.links.inverse.color}" },
         "hover": {
-          "text-decoration-thickness": {
-            "value": "{ams.link-appearance.regular.hover.text-decoration-thickness}"
-          },
-          "text-underline-offset": { "value": "{ams.link-appearance.regular.hover.text-underline-offset}" }
-        }
-      },
-      "contrast-color": {
-        "color": { "value": "{ams.link-appearance.contrast.color}" },
-        "hover": {
-          "color": { "value": "{ams.link-appearance.contrast.hover.color}" }
-        },
-        "visited": {
-          "color": { "value": "{ams.link-appearance.contrast.visited.color}" }
-        }
-      },
-      "inverse-color": {
-        "color": { "value": "{ams.link-appearance.inverse.color}" },
-        "hover": {
-          "color": { "value": "{ams.link-appearance.inverse.hover.color}" }
-        },
-        "visited": {
-          "color": { "value": "{ams.link-appearance.inverse.visited.color}" }
+          "color": { "value": "{ams.links.inverse.hover.color}" }
         }
       }
     }

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

@@ -1,14 +1,17 @@
 {
   "ams": {
     "logo": {
-      "block-size": {
-        "value": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
-        "comment": "This is the same size as Grid space medium"
-      },
-      "emblem": { "color": { "value": "{ams.color.primary-red}" } },
+      "block-size": { "value": "{ams.space.xl}" },
       "min-block-size": { "value": "2.5rem" },
-      "subsite": { "color": { "value": "{ams.color.primary-black}" } },
-      "title": { "color": { "value": "{ams.color.primary-red}" } }
+      "emblem": {
+        "color": { "value": "#ec0000" }
+      },
+      "subsite": {
+        "color": { "value": "{ams.color.text.default}" }
+      },
+      "title": {
+        "color": { "value": "#ec0000" }
+      }
     }
   }
 }

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

@@ -1,7 +1,7 @@
 {
   "ams": {
     "mark": {
-      "background-color": { "value": "{ams.color.yellow}" }
+      "background-color": { "value": "{ams.color.highlight.yellow}" }
     }
   }
 }

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

@@ -1,17 +1,19 @@
 {
   "ams": {
     "ordered-list": {
-      "color": { "value": "{ams.color.primary-black}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-size": { "value": "{ams.text.level.5.font-size}" },
-      "font-weight": { "value": "{ams.text.font-weight.normal}" },
-      "gap": { "value": "{ams.space.md}" },
-      "inverse-color": { "value": "{ams.color.primary-white}" },
-      "line-height": { "value": "{ams.text.level.5.line-height}" },
+      "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}" },
+      "gap": { "value": "{ams.space.m}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
       "list-style-type": { "value": "decimal" },
       "small": {
-        "font-size": { "value": "{ams.text.level.6.font-size}" },
-        "line-height": { "value": "{ams.text.level.6.line-height}" }
+        "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+        "line-height": { "value": "{ams.typography.body-text.small.line-height}" }
+      },
+      "inverse": {
+        "color": { "value": "{ams.color.text.inverse}" }
       },
       "item": {
         "margin-inline-start": {
@@ -24,10 +26,10 @@
         }
       },
       "ordered-list": {
-        "gap": { "value": "{ams.space.sm}" },
+        "gap": { "value": "{ams.space.s}" },
         "list-style-type": { "value": "lower-alpha" },
         "padding-block-end": { "value": "0" },
-        "padding-block-start": { "value": "{ams.space.sm}" },
+        "padding-block-start": { "value": "{ams.space.s}" },
         "item": {
           "margin-inline-start": {
             "value": "1.5rem",