@amsterdam/design-system-tokens 0.15.0 → 1.0.0

package/CHANGELOG.md

@@ -3,6 +3,67 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0](https://github.com/Amsterdam/design-system/compare/design-system-tokens-v0.16.0...design-system-tokens-v1.0.0) (2025-05-28)
+
+
+### ⚠ BREAKING CHANGES
+
+* **Checkbox:** Use SVG for icon ([#2039](https://github.com/Amsterdam/design-system/issues/2039))
+* Use border property for borders and box shadows only for hovers ([#1998](https://github.com/Amsterdam/design-system/issues/1998))
+
+### Features
+
+* **Checkbox:** Use SVG for icon ([#2039](https://github.com/Amsterdam/design-system/issues/2039)) ([713ec04](https://github.com/Amsterdam/design-system/commit/713ec04575e9bbcc59aedad1f93e2ea25c2996ed))
+* **Label:** Change design for (optional) hint ([#2048](https://github.com/Amsterdam/design-system/issues/2048)) ([971757c](https://github.com/Amsterdam/design-system/commit/971757c1ba3f5aef401c0f589ea40815907ab7ac))
+* **Page Header:** Use heading level 2 for brandname in compact theme ([#2044](https://github.com/Amsterdam/design-system/issues/2044)) ([c5530df](https://github.com/Amsterdam/design-system/commit/c5530df647c84578aba9b8f258f84cd36d1b81e6))
+* Use border property for borders and box shadows only for hovers ([#1998](https://github.com/Amsterdam/design-system/issues/1998)) ([f91c2e3](https://github.com/Amsterdam/design-system/commit/f91c2e39294c4b1e48f443ccbba5605c5d2dcfa2))
+* Use medium border width for Inputs, Select and Switch thumb ([#2054](https://github.com/Amsterdam/design-system/issues/2054)) ([8cedce5](https://github.com/Amsterdam/design-system/commit/8cedce5728cbfc47df01d000f7a349ad946cee17))
+
+
+### Bug Fixes
+
+* **Date Input, Select, Time Input:** Use correct colors for icons ([#2020](https://github.com/Amsterdam/design-system/issues/2020)) ([a49c3d2](https://github.com/Amsterdam/design-system/commit/a49c3d2b5d4337fab812a274dceff1ce926b34ea))
+
+
+### Miscellaneous Chores
+
+* Release 1.0.0 ([247375d](https://github.com/Amsterdam/design-system/commit/247375df3a0dfd5109726aaf2bb71b56ef62fdd1))
+
+## [0.16.0](https://github.com/Amsterdam/design-system/compare/design-system-tokens-v0.15.0...design-system-tokens-v0.16.0) (2025-04-25)
+
+
+### ⚠ BREAKING CHANGES
+
+* **Screen:** Delete component (use Page instead) ([#2018](https://github.com/Amsterdam/design-system/issues/2018))
+* **Grid:** Match values for padding and gap with Space sizes ([#1993](https://github.com/Amsterdam/design-system/issues/1993))
+* **Link:** Remove ‘variant’ prop, make inline the default ([#1994](https://github.com/Amsterdam/design-system/issues/1994))
+* **Card:** Replace gap with margins and introduce subcomponents ([#1972](https://github.com/Amsterdam/design-system/issues/1972))
+* **Top Task Link:** Remove component ([#1988](https://github.com/Amsterdam/design-system/issues/1988))
+* **Footer:** Rename component to Page Footer ([#1971](https://github.com/Amsterdam/design-system/issues/1971))
+* **Header:** Rename component to Page Header ([#1970](https://github.com/Amsterdam/design-system/issues/1970))
+
+### Features
+
+* Add Standalone Link ([#1979](https://github.com/Amsterdam/design-system/issues/1979)) ([b5d57bb](https://github.com/Amsterdam/design-system/commit/b5d57bbd34c7817e436f7b28d5dc675213394bfb))
+* **Alert:** Increase horizontal spacing around icon ([#1974](https://github.com/Amsterdam/design-system/issues/1974)) ([a71e1ba](https://github.com/Amsterdam/design-system/commit/a71e1ba779590fb7d7c8bd6c60e69309f268824c))
+* **Avatar, Badge, Spotlight:** Use inverse text on azure background, add guidelines to pair colours ([#1965](https://github.com/Amsterdam/design-system/issues/1965)) ([772b0dd](https://github.com/Amsterdam/design-system/commit/772b0dd0828fc492108bd19ab9726da1d42b67d9))
+* Balance text wrapping in all kinds of Headings ([#1968](https://github.com/Amsterdam/design-system/issues/1968)) ([ecc87a0](https://github.com/Amsterdam/design-system/commit/ecc87a091b356aaffaa8d0a11f1e7014c4f48f41))
+* **Card:** Replace gap with margins and introduce subcomponents ([#1972](https://github.com/Amsterdam/design-system/issues/1972)) ([85e34d4](https://github.com/Amsterdam/design-system/commit/85e34d4ec3da1589c95925a677e5800fb071dc32))
+* **Dialog:** Decrease amounts of inner and outer whitespace ([#1975](https://github.com/Amsterdam/design-system/issues/1975)) ([b47526f](https://github.com/Amsterdam/design-system/commit/b47526f24e5c6c9ce94f8280f93e6273d16a8640))
+* **Footer:** Rename component to Page Footer ([#1971](https://github.com/Amsterdam/design-system/issues/1971)) ([d0f7edc](https://github.com/Amsterdam/design-system/commit/d0f7edc1bd3dcbba0973d4494fd6c9e90a158cd2))
+* **Grid:** Match values for padding and gap with Space sizes ([#1993](https://github.com/Amsterdam/design-system/issues/1993)) ([f161152](https://github.com/Amsterdam/design-system/commit/f161152292f86770ffda0d60c3448f8d20b7b775))
+* **Header:** Rename component to Page Header ([#1970](https://github.com/Amsterdam/design-system/issues/1970)) ([17172e4](https://github.com/Amsterdam/design-system/commit/17172e4fd89c630be6eb604d12058214a075a82b))
+* **Link:** Remove ‘variant’ prop, make inline the default ([#1994](https://github.com/Amsterdam/design-system/issues/1994)) ([75b07b8](https://github.com/Amsterdam/design-system/commit/75b07b8bbdc758da26ce0319e2b989d079744065))
+* **Page:** Add Page component ([#1982](https://github.com/Amsterdam/design-system/issues/1982)) ([813033c](https://github.com/Amsterdam/design-system/commit/813033c93be66dabccae3ff5f32484487dffc1aa))
+* **Screen:** Delete component (use Page instead) ([#2018](https://github.com/Amsterdam/design-system/issues/2018)) ([0c59f6d](https://github.com/Amsterdam/design-system/commit/0c59f6dccffa7eda745a3b34554c86b646d514ba))
+* **Top Task Link:** Remove component ([#1988](https://github.com/Amsterdam/design-system/issues/1988)) ([6da8a9b](https://github.com/Amsterdam/design-system/commit/6da8a9bdf47648a3ff0e18f89ed722092d0dad18))
+
+
+### Bug Fixes
+
+* **Page Footer:** Set correct inline padding ([#2004](https://github.com/Amsterdam/design-system/issues/2004)) ([cb2e70c](https://github.com/Amsterdam/design-system/commit/cb2e70ce04e05aed64299e1df8c40b9d8873ca83))
+* **Page Header:** Restore alignment with edges of Grid ([#1976](https://github.com/Amsterdam/design-system/issues/1976)) ([723a757](https://github.com/Amsterdam/design-system/commit/723a757511c921e8e5a4181c348ebd2077527a44))
+
 ## [0.15.0](https://github.com/Amsterdam/design-system/compare/design-system-tokens-v0.14.0...design-system-tokens-v0.15.0) (2025-03-28)
 
 

package/LICENSE.md

@@ -2,6 +2,6 @@
 
 # License
 
-The open source license does NOT apply to files in this directory.
+The open-source licence does NOT apply to files in this directory.
 
-These are properietary assets to the City of Amsterdam.
+These are proprietary assets to the City of Amsterdam.

package/README.md

@@ -87,7 +87,7 @@ Examples:
 }
 ```
 
-Find the [list of brand tokens](https://github.com/Amsterdam/design-system/tree/main/proprietary/tokens/src/brand/ams) on GitHub.
+Find the [list of brand tokens](https://github.com/Amsterdam/design-system/tree/main/packages-proprietary/tokens/src/brand/ams) on GitHub.
 
 ##### Removing ‘default’ keys
 
@@ -116,7 +116,7 @@ The same goes for custom components that you may create in your application.
 }
 ```
 
-Find the [list of common tokens](https://github.com/Amsterdam/design-system/tree/main/proprietary/tokens/src/common/ams) on GitHub.
+Find the [list of common tokens](https://github.com/Amsterdam/design-system/tree/main/packages-proprietary/tokens/src/common/ams) on GitHub.
 
 #### Component tokens
 
@@ -136,7 +136,7 @@ Do not apply these tokens to other components – components must be independent
 }
 ```
 
-Find the [list of component tokens](https://github.com/Amsterdam/design-system/tree/main/proprietary/tokens/src/component/ams) on GitHub.
+Find the [list of component tokens](https://github.com/Amsterdam/design-system/tree/main/packages-proprietary/tokens/src/component/ams) on GitHub.
 
 ### Overriding tokens
 
@@ -202,7 +202,7 @@ The tokens are used in our [Figma Library](https://www.figma.com/file/9IGm6IdPUY
 
 ## Updating
 
-We follow semantic versioning and publish a [change log](https://github.com/Amsterdam/design-system/blob/main/proprietary/tokens/CHANGELOG.md) to guide you through updates.
+We follow semantic versioning and publish a [change log](https://github.com/Amsterdam/design-system/blob/main/packages-proprietary/tokens/CHANGELOG.md) to guide you through updates.
 The tokens are a public API of the design system.
 Note that detecting changed or deleted tokens is still a manual process.
 

package/dist/compact.css

@@ -16,9 +16,12 @@
   --ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
   --ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
   --ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
+  --ams-typography-heading-2-line-height: 1.2133;
   --ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
   --ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
   --ams-typography-heading-5-font-size: 1rem;
   --ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
   --ams-grid-padding-inline: var(--ams-space-xl);
+  --ams-page-header-brand-name-font-size: var(--ams-typography-heading-2-font-size);
+  --ams-page-header-brand-name-line-height: var(--ams-typography-heading-2-line-height);
 }

package/dist/compact.d.ts

@@ -46,6 +46,7 @@ declare const tokens: {
         };
         "2": {
           "font-size": DesignToken;
+          "line-height": DesignToken;
         };
         "3": {
           "font-size": DesignToken;
@@ -64,5 +65,11 @@ declare const tokens: {
     grid: {
       "padding-inline": DesignToken;
     };
+    "page-header": {
+      "brand-name": {
+        "font-size": DesignToken;
+        "line-height": DesignToken;
+      };
+    };
   };
 };

package/dist/compact.json

@@ -29,7 +29,8 @@
           "font-size": "clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem)"
         },
         "2": {
-          "font-size": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)"
+          "font-size": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)",
+          "line-height": "1.2133"
         },
         "3": {
           "font-size": "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)"
@@ -47,6 +48,12 @@
     },
     "grid": {
       "padding-inline": "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)"
+    },
+    "page-header": {
+      "brand-name": {
+        "font-size": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)",
+        "line-height": "1.2133"
+      }
     }
   }
 }

package/dist/compact.mjs

@@ -21,6 +21,7 @@ export const amsTypographyHeading_1FontSize =
   "clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem)";
 export const amsTypographyHeading_2FontSize =
   "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)";
+export const amsTypographyHeading_2LineHeight = "1.2133";
 export const amsTypographyHeading_3FontSize =
   "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)";
 export const amsTypographyHeading_4FontSize =
@@ -29,3 +30,6 @@ export const amsTypographyHeading_5FontSize = "1rem";
 export const amsTypographyHeading_6FontSize =
   "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)";
 export const amsGridPaddingInline = "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)";
+export const amsPageHeaderBrandNameFontSize =
+  "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)";
+export const amsPageHeaderBrandNameLineHeight = "1.2133";

package/dist/compact.scss

@@ -14,8 +14,11 @@ $ams-typography-body-text-x-large-font-size: clamp(1.21rem, calc(1.1961rem + 0.0
 $ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
 $ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
 $ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
+$ams-typography-heading-2-line-height: 1.2133;
 $ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
 $ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
 $ams-typography-heading-5-font-size: 1rem;
 $ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
 $ams-grid-padding-inline: $ams-space-xl;
+$ams-page-header-brand-name-font-size: $ams-typography-heading-2-font-size;
+$ams-page-header-brand-name-line-height: $ams-typography-heading-2-line-height;

package/dist/compact.theme.css

@@ -16,9 +16,12 @@
   --ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
   --ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
   --ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
+  --ams-typography-heading-2-line-height: 1.2133;
   --ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
   --ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
   --ams-typography-heading-5-font-size: 1rem;
   --ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
   --ams-grid-padding-inline: var(--ams-space-xl);
+  --ams-page-header-brand-name-font-size: var(--ams-typography-heading-2-font-size);
+  --ams-page-header-brand-name-line-height: var(--ams-typography-heading-2-line-height);
 }