@amsterdam/design-system-tokens 0.14.0 → 0.15.0

package/package.json

@@ -1,8 +1,8 @@
 {
-  "version": "0.14.0",
+  "version": "0.15.0",
   "author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
   "description": "All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.",
-  "homepage": "https://designsystem.amsterdam/",
+  "homepage": "https://designsystem.amsterdam",
   "license": "SEE LICENSE IN LICENSE.md",
   "name": "@amsterdam/design-system-tokens",
   "type": "module",
@@ -23,9 +23,10 @@
     "directory": "proprietary/tokens"
   },
   "devDependencies": {
+    "change-case": "5.4.4",
     "chokidar-cli": "3.0.0",
     "npm-run-all": "4.1.5",
-    "style-dictionary": "4.3.0"
+    "style-dictionary": "4.3.3"
   },
   "scripts": {
     "clean": "rimraf dist/",

package/src/brand/ams/aspect-ratio.tokens.json

@@ -1,12 +1,12 @@
 {
   "ams": {
     "aspect-ratio": {
-      "x-tall": { "value": "9 / 16" },
-      "tall": { "value": "3 / 4" },
-      "square": { "value": "1 / 1" },
-      "wide": { "value": "4 / 3" },
-      "x-wide": { "value": "16 / 9" },
-      "2x-wide": { "value": "16 / 5" }
+      "9-16": { "value": "9 / 16" },
+      "3-4": { "value": "3 / 4" },
+      "1-1": { "value": "1 / 1" },
+      "4-3": { "value": "4 / 3" },
+      "16-9": { "value": "16 / 9" },
+      "16-5": { "value": "16 / 5" }
     }
   }
 }

package/src/brand/ams/border.tokens.json

@@ -2,9 +2,9 @@
   "ams": {
     "border": {
       "width": {
-        "sm": { "value": "0.0625rem" },
-        "md": { "value": "0.125rem" },
-        "lg": { "value": "0.1875rem" },
+        "s": { "value": "0.0625rem" },
+        "m": { "value": "0.125rem" },
+        "l": { "value": "0.1875rem" },
         "xl": { "value": "0.25rem" }
       }
     }

package/src/brand/ams/color.tokens.json

@@ -1,21 +1,40 @@
 {
   "ams": {
     "color": {
-      "primary-black": { "value": "#000000" },
-      "primary-white": { "value": "#FFFFFF" },
-      "primary-blue": { "value": "#004699" },
-      "primary-red": { "value": "#EC0000" },
-      "dark-blue": { "value": "#102E62" },
-      "orange": { "value": "#FF9100" },
-      "yellow": { "value": "#FFE600" },
-      "green": { "value": "#BED200" },
-      "dark-green": { "value": "#00A03C" },
-      "blue": { "value": "#009DE6" },
-      "purple": { "value": "#A00078" },
-      "magenta": { "value": "#E50082" },
-      "neutral-grey1": { "value": "#E8E8E8" },
-      "neutral-grey2": { "value": "#BEBEBE" },
-      "neutral-grey3": { "value": "#767676" }
+      "background": { "value": "#ffffff" },
+      "feedback": {
+        "error": { "value": "#ec0000" },
+        "info": { "value": "#009de6" },
+        "success": { "value": "#00a03c" },
+        "warning": { "value": "#ff9100" }
+      },
+      "highlight": {
+        "azure": { "value": "#009de6" },
+        "green": { "value": "#00a03c" },
+        "lime": { "value": "#bed200" },
+        "magenta": { "value": "#e50082" },
+        "orange": { "value": "#ff9100" },
+        "purple": { "value": "#a00078" },
+        "yellow": { "value": "#ffe600" }
+      },
+      "interactive": {
+        "contrast": { "value": "#000000" },
+        "default": { "value": "#004699" },
+        "disabled": { "value": "#767676" },
+        "hover": { "value": "#003677" },
+        "invalid": {
+          "default": { "value": "#ec0000" },
+          "hover": { "value": "#b70000" }
+        },
+        "inverse": { "value": "#ffffff" },
+        "secondary": { "value": "#181818" }
+      },
+      "separator": { "value": "#d1d1d1" },
+      "text": {
+        "default": { "value": "#181818" },
+        "inverse": { "value": "#ffffff" },
+        "secondary": { "value": "#767676" }
+      }
     }
   }
 }

package/src/brand/ams/cursor.tokens.json

@@ -0,0 +1,8 @@
+{
+  "ams": {
+    "cursor": {
+      "disabled": { "value": "not-allowed" },
+      "interactive": { "value": "pointer" }
+    }
+  }
+}

package/src/brand/ams/space.compact.tokens.json

@@ -1,21 +1,12 @@
 {
   "ams": {
     "space": {
-      "xs": { "value": "0.25rem" },
-      "sm": { "value": "0.5rem" },
-      "md": { "value": "1rem" },
-      "lg": { "value": "1.5rem" },
-      "xl": { "value": "2rem" },
-      "grid": {
-        "xs": { "value": "clamp(0.25rem, calc(0.390625vw - 0.015625rem), 0.625rem)" },
-        "sm": { "value": "clamp(0.5rem, calc(0.78125vw - 0.03125rem), 1.25rem)" },
-        "md": {
-          "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
-          "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide."
-        },
-        "lg": { "value": "clamp(1.5rem, calc(2.34375vw - 0.09375rem), 3.75rem)" },
-        "xl": { "value": "clamp(2rem, calc(3.125vw - 0.125rem), 5rem)" }
-      }
+      "xs": { "value": "clamp(0.1875rem, 0.1719rem + 0.0781vw, 0.25rem)" },
+      "s": { "value": "clamp(0.375rem, 0.3438rem + 0.1563vw, 0.5rem)" },
+      "m": { "value": "clamp(0.75rem, 0.6875rem + 0.3125vw, 1rem)" },
+      "l": { "value": "clamp(1rem, 0.875rem + 0.625vw, 1.5rem)" },
+      "xl": { "value": "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)" },
+      "2xl": { "value": "clamp(1.5rem, 1.125rem + 1.875vw, 3rem)" }
     }
   }
 }

package/src/brand/ams/space.tokens.json

@@ -2,20 +2,11 @@
   "ams": {
     "space": {
       "xs": { "value": "clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)" },
-      "sm": { "value": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)" },
-      "md": { "value": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)" },
-      "lg": { "value": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)" },
-      "xl": { "value": "clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)" },
-      "grid": {
-        "xs": { "value": "clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)" },
-        "sm": { "value": "clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)" },
-        "md": {
-          "value": "clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)",
-          "comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
-        },
-        "lg": { "value": "clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)" },
-        "xl": { "value": "clamp(2rem, calc(0.75rem + 6.25vw), 7rem)" }
-      }
+      "s": { "value": "clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)" },
+      "m": { "value": "clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)" },
+      "l": { "value": "clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)" },
+      "xl": { "value": "clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem)" },
+      "2xl": { "value": "clamp(2.8125rem, 2.2031rem + 3.0469vw, 5.25rem)" }
     }
   }
 }

package/src/brand/ams/{text.compact.tokens.json → typography.compact.tokens.json}

@@ -1,7 +1,19 @@
 {
   "ams": {
-    "text": {
-      "level": {
+    "typography": {
+      "body-text": {
+        "font-size": { "value": "1rem" },
+        "small": {
+          "font-size": { "value": "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)" }
+        },
+        "large": {
+          "font-size": { "value": "clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem)" }
+        },
+        "x-large": {
+          "font-size": { "value": "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)" }
+        }
+      },
+      "heading": {
         "0": {
           "font-size": { "value": "clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem)" }
         },

package/src/brand/ams/typography.tokens.json

@@ -0,0 +1,59 @@
+{
+  "ams": {
+    "typography": {
+      "font-family": { "value": "'Amsterdam Sans', Arial, sans-serif" },
+      "hyphenate-limit-chars": { "value": "12 8 4" },
+      "body-text": {
+        "font-size": { "value": "clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)" },
+        "font-weight": { "value": "400" },
+        "line-height": { "value": "1.6667" },
+        "bold": {
+          "font-weight": { "value": "800" }
+        },
+        "small": {
+          "font-size": { "value": "clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)" },
+          "line-height": { "value": "1.5152" }
+        },
+        "large": {
+          "font-size": { "value": "clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)" },
+          "line-height": { "value": "1.5152" }
+        },
+        "x-large": {
+          "font-size": { "value": "clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)" },
+          "line-height": { "value": "1.3776" }
+        }
+      },
+      "heading": {
+        "font-weight": { "value": "800" },
+        "0": {
+          "font-size": { "value": "clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)" },
+          "line-height": { "value": "1.1386" }
+        },
+        "1": {
+          "font-size": { "value": "clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)" },
+          "line-height": { "value": "1.1754" }
+        },
+        "2": {
+          "font-size": { "value": "clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)" },
+          "line-height": { "value": "1.2133" }
+        },
+        "3": {
+          "font-size": { "value": "{ams.typography.body-text.x-large.font-size}" },
+          "line-height": { "value": "1.2524" }
+        },
+        "4": {
+          "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
+          "line-height": { "value": "1.2928" }
+        },
+        "5": {
+          "font-size": { "value": "{ams.typography.body-text.font-size}" },
+          "line-height": { "value": "1.3345" }
+        },
+        "6": {
+          "font-size": { "value": "{ams.typography.body-text.small.font-size}" },
+          "line-height": { "value": "1.3776" }
+        }
+      }
+    }
+  }
+}

package/src/common/ams/links.tokens.json

@@ -0,0 +1,32 @@
+{
+  "ams": {
+    "links": {
+      "color": { "value": "{ams.color.interactive.default}" },
+      "text-decoration-thickness": { "value": "{ams.border.width.m}" },
+      "text-underline-offset": { "value": "0.3333em" },
+      "hover": {
+        "color": { "value": "{ams.color.interactive.hover}" },
+        "text-decoration-thickness": { "value": "{ams.border.width.l}" },
+        "text-underline-offset": { "value": "0.2778em" }
+      },
+      "subtle": {
+        "text-decoration-line": { "value": "none" },
+        "hover": {
+          "text-decoration-line": { "value": "underline" }
+        }
+      },
+      "contrast": {
+        "color": { "value": "{ams.color.interactive.contrast}" },
+        "hover": {
+          "color": { "value": "{ams.color.interactive.contrast}" }
+        }
+      },
+      "inverse": {
+        "color": { "value": "{ams.color.interactive.inverse}" },
+        "hover": {
+          "color": { "value": "{ams.color.interactive.inverse}" }
+        }
+      }
+    }
+  }
+}

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

@@ -1,21 +1,20 @@
 {
   "ams": {
     "accordion": {
-      "gap": { "value": "{ams.space.md}" },
+      "gap": { "value": "{ams.space.m}" },
       "button": {
-        "color": { "value": "{ams.color.primary-blue}" },
-        "font-family": { "value": "{ams.text.font-family}" },
-        "font-size": { "value": "{ams.text.level.5.font-size}" },
-        "font-weight": { "value": "{ams.text.font-weight.bold}" },
-        "gap": { "value": "{ams.space.sm}" },
-        "line-height": { "value": "{ams.text.level.5.line-height}" },
-        "padding-block": { "value": "{ams.space.sm}" },
+        "color": { "value": "{ams.color.interactive.default}" },
+        "cursor": { "value": "{ams.cursor.interactive}" },
+        "font-family": { "value": "{ams.typography.font-family}" },
+        "font-size": { "value": "{ams.typography.heading.4.font-size}" },
+        "font-weight": { "value": "{ams.typography.heading.font-weight}" },
+        "gap": { "value": "{ams.space.s}" },
+        "line-height": { "value": "{ams.typography.heading.4.line-height}" },
+        "outline-offset": { "value": "{ams.focus.outline-offset}" },
+        "padding-block": { "value": "{ams.space.s}" },
         "padding-inline": { "value": "0" },
-        "focus": {
-          "outline-offset": { "value": "{ams.focus.outline-offset}" }
-        },
         "hover": {
-          "color": { "value": "{ams.color.dark-blue}" }
+          "color": { "value": "{ams.color.interactive.hover}" }
         }
       },
       "panel": {

package/src/components/ams/action-group.tokens.json

@@ -1,7 +1,7 @@
 {
   "ams": {
     "action-group": {
-      "gap": { "value": "{ams.space.md}" }
+      "gap": { "value": "{ams.space.m}" }
     }
   }
 }

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

@@ -1,26 +1,38 @@
 {
   "ams": {
     "alert": {
-      "background-color": { "value": "{ams.color.primary-white}" },
-      "border-width": { "value": "{ams.border.width.xl}" },
-      "border-style": { "value": "solid" },
-      "gap": { "value": "{ams.space.sm}" },
-      "padding-block": { "value": "{ams.space.md}" },
-      "padding-inline": { "value": "{ams.space.lg}" },
-      "error": {
-        "border-color": { "value": "{ams.color.primary-red}" }
+      "background-color": { "value": "{ams.color.background}" },
+      "box-shadow": { "value": "inset 0 0 0 {ams.border.width.xl} {ams.color.feedback.info}" },
+      "forced-colors": {
+        "border-width": { "value": "{ams.border.width.xl}" }
+      },
+      "severity-indicator": {
+        "background-color": { "value": "{ams.color.feedback.info}" },
+        "padding-block": { "value": "{ams.space.m}" },
+        "padding-inline": { "value": "{ams.space.xs}" }
       },
-      "info": {
-        "border-color": { "value": "{ams.color.blue}" }
+      "content": {
+        "gap": { "value": "{ams.space.s}" },
+        "padding-block": { "value": "{ams.space.m}" },
+        "padding-inline": { "value": "{ams.space.m}" }
+      },
+      "error": {
+        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.xl} {ams.color.feedback.error}" },
+        "severity-indicator": {
+          "background-color": { "value": "{ams.color.feedback.error}" }
+        }
       },
       "success": {
-        "border-color": { "value": "{ams.color.dark-green}" }
+        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.xl} {ams.color.feedback.success}" },
+        "severity-indicator": {
+          "background-color": { "value": "{ams.color.feedback.success}" }
+        }
       },
       "warning": {
-        "border-color": { "value": "{ams.color.orange}" }
-      },
-      "content": {
-        "gap": { "value": "{ams.space.sm}" }
+        "box-shadow": { "value": "inset 0 0 0 {ams.border.width.xl} {ams.color.feedback.warning}" },
+        "severity-indicator": {
+          "background-color": { "value": "{ams.color.feedback.warning}" }
+        }
       }
     }
   }

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

@@ -1,71 +1,41 @@
 {
   "ams": {
     "avatar": {
-      "aspect-ratio": { "value": "{ams.aspect-ratio.square}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-size": { "value": "{ams.text.level.6.font-size}" },
-      "font-weight": { "value": "{ams.text.font-weight.normal}" },
-      "line-height": { "value": "{ams.text.level.6.line-height}" },
+      "aspect-ratio": { "value": "{ams.aspect-ratio.1-1}" },
+      "background-color": { "value": "{ams.color.highlight.purple}" },
+      "color": { "value": "{ams.color.text.inverse}" },
+      "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}" },
       "padding-block": { "value": "{ams.space.xs}" },
       "padding-inline": { "value": "{ams.space.xs}" },
-      "black": {
-        "background-color": { "value": "{ams.color.primary-black}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "blue": {
-        "background-color": { "value": "{ams.color.primary-blue}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "dark-green": {
-        "background-color": { "value": "{ams.color.dark-green}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
       "forced-colors": {
-        "border-width": { "value": "{ams.border.width.md}" }
-      },
-      "green": {
-        "background-color": { "value": "{ams.color.green}" },
-        "color": { "value": "{ams.color.primary-black}" }
+        "border-width": { "value": "{ams.border.width.m}" }
       },
-      "grey-1": {
-        "background-color": { "value": "{ams.color.neutral-grey1}" },
-        "color": { "value": "{ams.color.primary-black}" }
+      "azure": {
+        "background-color": { "value": "{ams.color.highlight.azure}" },
+        "color": { "value": "{ams.color.text.default}" }
       },
-      "grey-2": {
-        "background-color": { "value": "{ams.color.neutral-grey2}" },
-        "color": { "value": "{ams.color.primary-black}" }
-      },
-      "grey-3": {
-        "background-color": { "value": "{ams.color.neutral-grey3}" },
-        "color": { "value": "{ams.color.primary-white}" }
+      "green": {
+        "background-color": { "value": "{ams.color.highlight.green}" },
+        "color": { "value": "{ams.color.text.inverse}" }
       },
-      "light-blue": {
-        "background-color": { "value": "{ams.color.blue}" },
-        "color": { "value": "{ams.color.primary-black}" }
+      "lime": {
+        "background-color": { "value": "{ams.color.highlight.lime}" },
+        "color": { "value": "{ams.color.text.default}" }
       },
       "magenta": {
-        "background-color": { "value": "{ams.color.magenta}" },
-        "color": { "value": "{ams.color.primary-white}" }
+        "background-color": { "value": "{ams.color.highlight.magenta}" },
+        "color": { "value": "{ams.color.text.inverse}" }
       },
       "orange": {
-        "background-color": { "value": "{ams.color.orange}" },
-        "color": { "value": "{ams.color.primary-black}" }
-      },
-      "purple": {
-        "background-color": { "value": "{ams.color.purple}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "red": {
-        "background-color": { "value": "{ams.color.primary-red}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "white": {
-        "background-color": { "value": "{ams.color.primary-white}" },
-        "color": { "value": "{ams.color.primary-black}" }
+        "background-color": { "value": "{ams.color.highlight.orange}" },
+        "color": { "value": "{ams.color.text.default}" }
       },
       "yellow": {
-        "background-color": { "value": "{ams.color.yellow}" },
-        "color": { "value": "{ams.color.primary-black}" }
+        "background-color": { "value": "{ams.color.highlight.yellow}" },
+        "color": { "value": "{ams.color.text.default}" }
       }
     }
   }

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

@@ -1,66 +1,40 @@
 {
   "ams": {
     "badge": {
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-size": { "value": "{ams.text.level.5.font-size}" },
-      "font-weight": { "value": "{ams.text.font-weight.bold}" },
-      "line-height": { "value": "{ams.text.level.5.line-height}" },
+      "background-color": { "value": "{ams.color.feedback.success}" },
+      "color": { "value": "{ams.color.text.inverse}" },
+      "font-family": { "value": "{ams.typography.font-family}" },
+      "font-size": { "value": "{ams.typography.body-text.font-size}" },
+      "font-weight": { "value": "{ams.typography.body-text.bold.font-weight}" },
+      "line-height": { "value": "{ams.typography.body-text.line-height}" },
       "padding-inline": { "value": "{ams.space.xs}" },
-      "black": {
-        "background-color": { "value": "{ams.color.primary-black}" },
-        "color": { "value": "{ams.color.primary-white}" }
+      "azure": {
+        "background-color": { "value": "{ams.color.feedback.info}" },
+        "color": { "value": "{ams.color.text.default}" }
       },
-      "blue": {
-        "background-color": { "value": "{ams.color.primary-blue}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "dark-green": {
-        "background-color": { "value": "{ams.color.dark-green}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "green": {
-        "background-color": { "value": "{ams.color.green}" },
-        "color": { "value": "{ams.color.primary-black}" }
-      },
-      "grey-1": {
-        "background-color": { "value": "{ams.color.neutral-grey1}" },
-        "color": { "value": "{ams.color.primary-black}" }
-      },
-      "grey-2": {
-        "background-color": { "value": "{ams.color.neutral-grey2}" },
-        "color": { "value": "{ams.color.primary-black}" }
-      },
-      "grey-3": {
-        "background-color": { "value": "{ams.color.neutral-grey3}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "light-blue": {
-        "background-color": { "value": "{ams.color.blue}" },
-        "color": { "value": "{ams.color.primary-black}" }
+      "lime": {
+        "background-color": { "value": "{ams.color.highlight.lime}" },
+        "color": { "value": "{ams.color.text.default}" }
       },
       "magenta": {
-        "background-color": { "value": "{ams.color.magenta}" },
-        "color": { "value": "{ams.color.primary-white}" }
+        "background-color": { "value": "{ams.color.highlight.magenta}" },
+        "color": { "value": "{ams.color.text.inverse}" }
       },
       "orange": {
-        "background-color": { "value": "{ams.color.orange}" },
-        "color": { "value": "{ams.color.primary-black}" }
+        "background-color": { "value": "{ams.color.feedback.warning}" },
+        "color": { "value": "{ams.color.text.default}" }
       },
       "purple": {
-        "background-color": { "value": "{ams.color.purple}" },
-        "color": { "value": "{ams.color.primary-white}" }
+        "background-color": { "value": "{ams.color.highlight.purple}" },
+        "color": { "value": "{ams.color.text.inverse}" }
       },
       "red": {
-        "background-color": { "value": "{ams.color.primary-red}" },
-        "color": { "value": "{ams.color.primary-white}" }
-      },
-      "white": {
-        "background-color": { "value": "{ams.color.primary-white}" },
-        "color": { "value": "{ams.color.primary-black}" }
+        "background-color": { "value": "{ams.color.feedback.error}" },
+        "color": { "value": "{ams.color.text.inverse}" }
       },
       "yellow": {
-        "background-color": { "value": "{ams.color.yellow}" },
-        "color": { "value": "{ams.color.primary-black}" }
+        "background-color": { "value": "{ams.color.highlight.yellow}" },
+        "color": { "value": "{ams.color.text.default}" }
       }
     }
   }

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

@@ -1,12 +1,14 @@
 {
   "ams": {
     "blockquote": {
-      "color": { "value": "{ams.color.primary-black}" },
-      "font-family": { "value": "{ams.text.font-family}" },
-      "font-size": { "value": "{ams.text.level.3.font-size}" },
-      "font-weight": { "value": "{ams.text.font-weight.bold}" },
-      "line-height": { "value": "{ams.text.level.3.line-height}" },
-      "inverse-color": { "value": "{ams.color.primary-white}" }
+      "color": { "value": "{ams.color.text.default}" },
+      "font-family": { "value": "{ams.typography.font-family}" },
+      "font-size": { "value": "{ams.typography.body-text.x-large.font-size}" },
+      "font-weight": { "value": "{ams.typography.body-text.bold.font-weight}" },
+      "line-height": { "value": "{ams.typography.body-text.x-large.line-height}" },
+      "inverse": {
+        "color": { "value": "{ams.color.text.inverse}" }
+      }
     }
   }
 }