@amsterdam/design-system-tokens 0.3.0 → 0.5.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.3.0",
+  "version": "0.5.0",
   "author": "Community for NL Design System",
   "description": "Design tokens for components for the City of Amsterdam based on the NL Design System architecture",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -16,17 +16,14 @@
     "url": "https://github.com/Amsterdam/design-system.git",
     "directory": "proprietary/tokens"
   },
-  "scripts": {
-    "clean": "rimraf dist/",
-    "build": "npm-run-all build:**",
-    "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.json",
-    "watch": "npm-run-all watch:**",
-    "watch:style-dictionary": "chokidar --follow-symlinks --initial --command \"npm run build\" \"src/**/*.tokens.json\""
-  },
   "devDependencies": {
     "chokidar-cli": "3.0.0",
     "npm-run-all": "4.1.5",
-    "style-dictionary": "3.9.1"
+    "style-dictionary": "3.9.2"
   },
-  "gitHead": "0201bd289e2eec2297f23d93959718f7235d76c4"
-}
+  "scripts": {
+    "clean": "rimraf dist/",
+    "build": "node build.js",
+    "watch": "chokidar --follow-symlinks --initial --command \"npm run build\" \"src/**/*.tokens.json\""
+  }
+}

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

@@ -2,7 +2,7 @@
   "amsterdam": {
     "color": {
       "primary-black": { "value": "#000000" },
-      "primary-white": { "value": "#ffffff" },
+      "primary-white": { "value": "#FFFFFF" },
       "primary-blue": { "value": "#004699" },
       "primary-red": { "value": "#EC0000" },
       "dark-blue": { "value": "#102E62" },
@@ -10,13 +10,12 @@
       "yellow": { "value": "#FFE600" },
       "green": { "value": "#BED200" },
       "dark-green": { "value": "#00A03C" },
-      "blue": { "value": "#009DEC" },
+      "blue": { "value": "#009DE6" },
       "purple": { "value": "#A00078" },
       "magenta": { "value": "#E50082" },
-      "neutral-grey1": { "value": "#E6E6E6" },
-      "neutral-grey2": { "value": "#B4B4B4" },
-      "neutral-grey3": { "value": "#767676" },
-      "neutral-grey4": { "value": "#323232" }
+      "neutral-grey1": { "value": "#E8E8E8" },
+      "neutral-grey2": { "value": "#BEBEBE" },
+      "neutral-grey3": { "value": "#767676" }
     }
   }
 }

package/src/brand/amsterdam/typography.compact.tokens.json

@@ -0,0 +1,29 @@
+{
+  "amsterdam": {
+    "typography": {
+      "text-level": {
+        "0": {
+          "font-size": { "value": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)" }
+        },
+        "1": {
+          "font-size": { "value": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)" }
+        },
+        "2": {
+          "font-size": { "value": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)" }
+        },
+        "3": {
+          "font-size": { "value": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)" }
+        },
+        "4": {
+          "font-size": { "value": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)" }
+        },
+        "5": {
+          "font-size": { "value": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)" }
+        },
+        "6": {
+          "font-size": { "value": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)" }
+        }
+      }
+    }
+  }
+}

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

@@ -6,68 +6,34 @@
         "normal": { "value": 400 },
         "bold": { "value": 800 }
       },
-      "spacious": {
-        "text-level": {
-          "0": {
-            "font-size": { "value": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)" },
-            "line-height": { "value": "1.15" }
-          },
-          "1": {
-            "font-size": { "value": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)" },
-            "line-height": { "value": "1.2" }
-          },
-          "2": {
-            "font-size": { "value": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)" },
-            "line-height": { "value": "1.25" }
-          },
-          "3": {
-            "font-size": { "value": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)" },
-            "line-height": { "value": "1.3" }
-          },
-          "4": {
-            "font-size": { "value": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)" },
-            "line-height": { "value": "1.5" }
-          },
-          "5": {
-            "font-size": { "value": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)" },
-            "line-height": { "value": "1.6" }
-          },
-          "6": {
-            "font-size": { "value": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)" },
-            "line-height": { "value": "1.6" }
-          }
-        }
-      },
-      "compact": {
-        "text-level": {
-          "0": {
-            "font-size": { "value": "clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem)" },
-            "line-height": { "value": "1.15" }
-          },
-          "1": {
-            "font-size": { "value": "clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem)" },
-            "line-height": { "value": "1.2" }
-          },
-          "2": {
-            "font-size": { "value": "clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem)" },
-            "line-height": { "value": "1.25" }
-          },
-          "3": {
-            "font-size": { "value": "clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem)" },
-            "line-height": { "value": "1.3" }
-          },
-          "4": {
-            "font-size": { "value": "clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem)" },
-            "line-height": { "value": "1.5" }
-          },
-          "5": {
-            "font-size": { "value": "clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem)" },
-            "line-height": { "value": "1.6" }
-          },
-          "6": {
-            "font-size": { "value": "clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem)" },
-            "line-height": { "value": "1.6" }
-          }
+      "text-level": {
+        "0": {
+          "font-size": { "value": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)" },
+          "line-height": { "value": "1.15" }
+        },
+        "1": {
+          "font-size": { "value": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)" },
+          "line-height": { "value": "1.2" }
+        },
+        "2": {
+          "font-size": { "value": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)" },
+          "line-height": { "value": "1.25" }
+        },
+        "3": {
+          "font-size": { "value": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)" },
+          "line-height": { "value": "1.3" }
+        },
+        "4": {
+          "font-size": { "value": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)" },
+          "line-height": { "value": "1.5" }
+        },
+        "5": {
+          "font-size": { "value": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)" },
+          "line-height": { "value": "1.6" }
+        },
+        "6": {
+          "font-size": { "value": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)" },
+          "line-height": { "value": "1.6" }
         }
       }
     }

package/src/common/amsterdam/hyphenation.tokens.json

@@ -0,0 +1,9 @@
+{
+  "amsterdam": {
+    "hyphenation": {
+      "hyphenate-limit-chars": { "value": "12 8 4" },
+      "hyphens": { "value": "auto" },
+      "overflow-wrap": { "value": "break-word" }
+    }
+  }
+}

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

@@ -3,21 +3,15 @@
     "accordion": {
       "button": {
         "color": { "value": "{amsterdam.color.primary-blue}" },
+        "font-family": { "value": "{amsterdam.typography.font-family}" },
+        "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
+        "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
         "focus": {
           "outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
         },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
         "hover": {
           "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey3}" }
-        },
-        "spacious": {
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
-        },
-        "compact": {
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
         }
       }
     }

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

@@ -1,36 +1,26 @@
 {
   "amsterdam": {
     "alert": {
-      "background-color": { "value": "{amsterdam.color.yellow}" },
-      "border": { "value": "4px solid {amsterdam.color.yellow}" },
+      "border-width": { "value": "4px" },
+      "border-style": { "value": "solid" },
       "gap": { "value": "1rem" },
       "padding-block-start": { "value": "{amsterdam.spacing.inset.md}" },
       "padding-block-end": { "value": "{amsterdam.spacing.inset.md}" },
       "padding-inline-start": { "value": "{amsterdam.spacing.inset.lg}" },
       "padding-inline-end": { "value": "{amsterdam.spacing.inset.lg}" },
-      "title": {
-        "color": { "value": "{amsterdam.color.primary-black}" },
-        "font-family": { "value": "{amsterdam.typography.font-family}" },
-        "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
-        "spacious": {
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
-        },
-        "compact": {
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
-        }
-      },
       "error": {
-        "background-color": { "value": "{amsterdam.color.primary-white}" },
         "border-color": { "value": "{amsterdam.color.primary-red}" }
       },
+      "info": {
+        "border-color": { "value": "{amsterdam.color.primary-blue}" }
+      },
       "success": {
-        "background-color": { "value": "{amsterdam.color.primary-white}" },
         "border-color": { "value": "{amsterdam.color.dark-green}" }
       },
+      "warning": {
+        "border-color": { "value": "{amsterdam.color.orange}" }
+      },
       "close": {
-        "background-color": { "value": "transparent" },
         "fill": { "value": "{amsterdam.color.primary-black}" },
         "hover": {
           "fill": { "value": "{amsterdam.color.primary-blue}" }

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

@@ -0,0 +1,43 @@
+{
+  "amsterdam": {
+    "badge": {
+      "font-family": { "value": "{amsterdam.typography.font-family}" },
+      "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
+      "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
+      "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
+      "padding-inline": { "value": "0.5rem" },
+      "blue": {
+        "background-color": { "value": "{amsterdam.color.blue}" },
+        "color": { "value": "{amsterdam.color.primary-black}" }
+      },
+      "dark-blue": {
+        "background-color": { "value": "{amsterdam.color.primary-blue}" },
+        "color": { "value": "{amsterdam.color.primary-white}" }
+      },
+      "dark-green": {
+        "background-color": { "value": "{amsterdam.color.dark-green}" },
+        "color": { "value": "{amsterdam.color.primary-white}" }
+      },
+      "green": {
+        "background-color": { "value": "{amsterdam.color.green}" },
+        "color": { "value": "{amsterdam.color.primary-black}" }
+      },
+      "magenta": {
+        "background-color": { "value": "{amsterdam.color.magenta}" },
+        "color": { "value": "{amsterdam.color.primary-white}" }
+      },
+      "orange": {
+        "background-color": { "value": "{amsterdam.color.orange}" },
+        "color": { "value": "{amsterdam.color.primary-black}" }
+      },
+      "purple": {
+        "background-color": { "value": "{amsterdam.color.purple}" },
+        "color": { "value": "{amsterdam.color.primary-white}" }
+      },
+      "yellow": {
+        "background-color": { "value": "{amsterdam.color.yellow}" },
+        "color": { "value": "{amsterdam.color.primary-black}" }
+      }
+    }
+  }
+}

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

@@ -3,16 +3,10 @@
     "blockquote": {
       "color": { "value": "{amsterdam.color.primary-black}" },
       "font-family": { "value": "{amsterdam.typography.font-family}" },
+      "font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
       "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
-      "inverse-color": { "value": "{amsterdam.color.primary-white}" },
-      "spacious": {
-        "font-size": { "value": "{amsterdam.typography.spacious.text-level.3.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.spacious.text-level.3.line-height}" }
-      },
-      "compact": {
-        "font-size": { "value": "{amsterdam.typography.compact.text-level.3.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.compact.text-level.3.line-height}" }
-      }
+      "line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" },
+      "inverse-color": { "value": "{amsterdam.color.primary-white}" }
     }
   }
 }

package/src/components/amsterdam/breadcrumb.tokens.json

@@ -2,7 +2,9 @@
   "amsterdam": {
     "breadcrumb": {
       "font-family": { "value": "{amsterdam.typography.font-family}" },
+      "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
       "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
+      "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
       "separator": {
         "background-image": {
           "value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")"
@@ -18,14 +20,6 @@
           "color": { "value": "{amsterdam.color.dark-blue}" },
           "text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
         }
-      },
-      "spacious": {
-        "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" }
-      },
-      "compact": {
-        "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" }
       }
     }
   }

package/src/components/amsterdam/button.tokens.json

@@ -1,14 +1,8 @@
 {
   "amsterdam": {
     "button": {
-      "spacious": {
-        "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
-      },
-      "compact": {
-        "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
-      },
+      "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
+      "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
       "secondary": {
         "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" },
         "hover": {

package/src/components/amsterdam/checkbox.tokens.json

@@ -2,6 +2,11 @@
   "amsterdam": {
     "checkbox": {
       "color": { "value": "{amsterdam.color.primary-black}" },
+      "font-family": { "value": "{amsterdam.typography.font-family}" },
+      "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
+      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
+      "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
+      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
       "checkmark": {
         "border-color": { "value": "{amsterdam.color.primary-blue}" },
         "checked": {
@@ -56,19 +61,8 @@
       "disabled": {
         "color": { "value": "{amsterdam.color.neutral-grey3}" }
       },
-      "font-family": { "value": "{amsterdam.typography.font-family}" },
-      "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
       "hover": {
         "color": { "value": "{amsterdam.color.dark-blue}" }
-      },
-      "outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
-      "spacious": {
-        "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
-      },
-      "compact": {
-        "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
       }
     }
   }

package/src/components/amsterdam/dialog.tokens.json

@@ -7,26 +7,13 @@
       "title": {
         "color": { "value": "{amsterdam.color.primary-black}" },
         "font-family": { "value": "{amsterdam.typography.font-family}" },
+        "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
         "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
-        "spacious": {
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" },
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" }
-        },
-        "compact": {
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" },
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" }
-        }
+        "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
       },
       "backdrop": {
         "background": { "value": "#0006" }
       },
-      "close": {
-        "background-color": { "value": "transparent" },
-        "fill": { "value": "{amsterdam.color.primary-black}" },
-        "hover": {
-          "fill": { "value": "{amsterdam.color.primary-blue}" }
-        }
-      },
       "form": {
         "gap": { "value": "1.5rem" },
         "padding-block": { "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)" },

package/src/components/amsterdam/form-label.tokens.json

@@ -3,15 +3,9 @@
     "form-label": {
       "color": { "value": "{amsterdam.color.primary-black}" },
       "font-family": { "value": "{amsterdam.typography.font-family}" },
+      "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
       "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
-      "spacious": {
-        "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" }
-      },
-      "compact": {
-        "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" },
-        "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" }
-      }
+      "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
     }
   }
 }

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

@@ -0,0 +1,14 @@
+{
+  "amsterdam": {
+    "grid": {
+      "gap": {
+        "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
+        "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide."
+      },
+      "padding-inline": {
+        "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
+        "comment": "Equals the gap."
+      }
+    }
+  }
+}

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

@@ -2,25 +2,13 @@
   "amsterdam": {
     "grid": {
       "column-count": { "value": "4" },
-      "spacious": {
-        "gap": {
-          "value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
-          "comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
-        },
-        "padding-inline": {
-          "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
-          "comment": "Equals 1.5 times the gap."
-        }
+      "gap": {
+        "value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
+        "comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
       },
-      "compact": {
-        "gap": {
-          "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
-          "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide."
-        },
-        "padding-inline": {
-          "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
-          "comment": "Equals the gap."
-        }
+      "padding-inline": {
+        "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
+        "comment": "Equals 1.5 times the gap."
       },
       "medium": {
         "column-count": { "value": "8" }

package/src/components/amsterdam/header.tokens.json

@@ -1,7 +1,7 @@
 {
   "amsterdam": {
     "header": {
-      "column-gap": { "value": "{amsterdam.grid.spacious.gap}" }
+      "column-gap": { "value": "{amsterdam.grid.gap}" }
     }
   }
 }

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

@@ -5,57 +5,29 @@
       "font-family": { "value": "{amsterdam.typography.font-family}" },
       "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
       "inverse-color": { "value": "{amsterdam.color.primary-white}" },
-      "spacious": {
-        "level-1": {
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.1.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.1.font-size}" }
-        },
-        "level-2": {
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.2.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.2.font-size}" }
-        },
-        "level-3": {
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.3.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.3.font-size}" }
-        },
-        "level-4": {
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.4.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.4.font-size}" }
-        },
-        "level-5": {
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.5.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.5.font-size}" }
-        },
-        "level-6": {
-          "line-height": { "value": "{amsterdam.typography.spacious.text-level.6.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.spacious.text-level.6.font-size}" }
-        }
+      "level-1": {
+        "font-size": { "value": "{amsterdam.typography.text-level.1.font-size}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.1.line-height}" }
       },
-      "compact": {
-        "level-1": {
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.1.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.1.font-size}" }
-        },
-        "level-2": {
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.2.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.2.font-size}" }
-        },
-        "level-3": {
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.3.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.3.font-size}" }
-        },
-        "level-4": {
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.4.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.4.font-size}" }
-        },
-        "level-5": {
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.5.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.5.font-size}" }
-        },
-        "level-6": {
-          "line-height": { "value": "{amsterdam.typography.compact.text-level.6.line-height}" },
-          "font-size": { "value": "{amsterdam.typography.compact.text-level.6.font-size}" }
-        }
+      "level-2": {
+        "font-size": { "value": "{amsterdam.typography.text-level.2.font-size}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.2.line-height}" }
+      },
+      "level-3": {
+        "font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" }
+      },
+      "level-4": {
+        "font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
+      },
+      "level-5": {
+        "font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
+      },
+      "level-6": {
+        "font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
+        "line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
       }
     }
   }