@amsterdam/design-system-tokens 0.16.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/compact.css +3 -0
  3. package/dist/compact.d.ts +7 -0
  4. package/dist/compact.json +8 -1
  5. package/dist/compact.mjs +4 -0
  6. package/dist/compact.scss +3 -0
  7. package/dist/compact.theme.css +3 -0
  8. package/dist/index.css +132 -105
  9. package/dist/index.d.ts +127 -86
  10. package/dist/index.json +180 -139
  11. package/dist/index.mjs +154 -134
  12. package/dist/index.scss +123 -96
  13. package/dist/index.theme.css +132 -105
  14. package/package.json +2 -2
  15. package/src/brand/ams/focus.tokens.json +1 -1
  16. package/src/brand/ams/typography.compact.tokens.json +2 -1
  17. package/src/components/ams/alert.tokens.json +6 -7
  18. package/src/components/ams/avatar.tokens.json +9 -0
  19. package/src/components/ams/button.tokens.json +8 -12
  20. package/src/components/ams/checkbox.tokens.json +57 -36
  21. package/src/components/ams/date-input.tokens.json +9 -8
  22. package/src/components/ams/dialog.tokens.json +3 -1
  23. package/src/components/ams/file-input.tokens.json +8 -11
  24. package/src/components/ams/hint.tokens.json +1 -1
  25. package/src/components/ams/page-header.compact.tokens.json +10 -0
  26. package/src/components/ams/page-header.tokens.json +1 -0
  27. package/src/components/ams/password-input.tokens.json +7 -6
  28. package/src/components/ams/radio.tokens.json +0 -2
  29. package/src/components/ams/search-field.tokens.json +7 -4
  30. package/src/components/ams/select.tokens.json +11 -6
  31. package/src/components/ams/switch.tokens.json +2 -2
  32. package/src/components/ams/tabs.tokens.json +3 -3
  33. package/src/components/ams/text-area.tokens.json +7 -6
  34. package/src/components/ams/text-input.tokens.json +7 -6
  35. package/src/components/ams/time-input.tokens.json +9 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,32 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+
9
+ ### ⚠ BREAKING CHANGES
10
+
11
+ * **Checkbox:** Use SVG for icon ([#2039](https://github.com/Amsterdam/design-system/issues/2039))
12
+ * Use border property for borders and box shadows only for hovers ([#1998](https://github.com/Amsterdam/design-system/issues/1998))
13
+
14
+ ### Features
15
+
16
+ * **Checkbox:** Use SVG for icon ([#2039](https://github.com/Amsterdam/design-system/issues/2039)) ([713ec04](https://github.com/Amsterdam/design-system/commit/713ec04575e9bbcc59aedad1f93e2ea25c2996ed))
17
+ * **Label:** Change design for (optional) hint ([#2048](https://github.com/Amsterdam/design-system/issues/2048)) ([971757c](https://github.com/Amsterdam/design-system/commit/971757c1ba3f5aef401c0f589ea40815907ab7ac))
18
+ * **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))
19
+ * 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))
20
+ * 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))
21
+
22
+
23
+ ### Bug Fixes
24
+
25
+ * **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))
26
+
27
+
28
+ ### Miscellaneous Chores
29
+
30
+ * Release 1.0.0 ([247375d](https://github.com/Amsterdam/design-system/commit/247375df3a0dfd5109726aaf2bb71b56ef62fdd1))
31
+
6
32
  ## [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)
7
33
 
8
34
 
package/dist/compact.css CHANGED
@@ -16,9 +16,12 @@
16
16
  --ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
17
17
  --ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
18
18
  --ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
19
+ --ams-typography-heading-2-line-height: 1.2133;
19
20
  --ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
20
21
  --ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
21
22
  --ams-typography-heading-5-font-size: 1rem;
22
23
  --ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
23
24
  --ams-grid-padding-inline: var(--ams-space-xl);
25
+ --ams-page-header-brand-name-font-size: var(--ams-typography-heading-2-font-size);
26
+ --ams-page-header-brand-name-line-height: var(--ams-typography-heading-2-line-height);
24
27
  }
package/dist/compact.d.ts CHANGED
@@ -46,6 +46,7 @@ declare const tokens: {
46
46
  };
47
47
  "2": {
48
48
  "font-size": DesignToken;
49
+ "line-height": DesignToken;
49
50
  };
50
51
  "3": {
51
52
  "font-size": DesignToken;
@@ -64,5 +65,11 @@ declare const tokens: {
64
65
  grid: {
65
66
  "padding-inline": DesignToken;
66
67
  };
68
+ "page-header": {
69
+ "brand-name": {
70
+ "font-size": DesignToken;
71
+ "line-height": DesignToken;
72
+ };
73
+ };
67
74
  };
68
75
  };
package/dist/compact.json CHANGED
@@ -29,7 +29,8 @@
29
29
  "font-size": "clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem)"
30
30
  },
31
31
  "2": {
32
- "font-size": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)"
32
+ "font-size": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)",
33
+ "line-height": "1.2133"
33
34
  },
34
35
  "3": {
35
36
  "font-size": "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)"
@@ -47,6 +48,12 @@
47
48
  },
48
49
  "grid": {
49
50
  "padding-inline": "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)"
51
+ },
52
+ "page-header": {
53
+ "brand-name": {
54
+ "font-size": "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)",
55
+ "line-height": "1.2133"
56
+ }
50
57
  }
51
58
  }
52
59
  }
package/dist/compact.mjs CHANGED
@@ -21,6 +21,7 @@ export const amsTypographyHeading_1FontSize =
21
21
  "clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem)";
22
22
  export const amsTypographyHeading_2FontSize =
23
23
  "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)";
24
+ export const amsTypographyHeading_2LineHeight = "1.2133";
24
25
  export const amsTypographyHeading_3FontSize =
25
26
  "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)";
26
27
  export const amsTypographyHeading_4FontSize =
@@ -29,3 +30,6 @@ export const amsTypographyHeading_5FontSize = "1rem";
29
30
  export const amsTypographyHeading_6FontSize =
30
31
  "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)";
31
32
  export const amsGridPaddingInline = "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)";
33
+ export const amsPageHeaderBrandNameFontSize =
34
+ "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)";
35
+ export const amsPageHeaderBrandNameLineHeight = "1.2133";
package/dist/compact.scss CHANGED
@@ -14,8 +14,11 @@ $ams-typography-body-text-x-large-font-size: clamp(1.21rem, calc(1.1961rem + 0.0
14
14
  $ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
15
15
  $ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
16
16
  $ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
17
+ $ams-typography-heading-2-line-height: 1.2133;
17
18
  $ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
18
19
  $ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
19
20
  $ams-typography-heading-5-font-size: 1rem;
20
21
  $ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
21
22
  $ams-grid-padding-inline: $ams-space-xl;
23
+ $ams-page-header-brand-name-font-size: $ams-typography-heading-2-font-size;
24
+ $ams-page-header-brand-name-line-height: $ams-typography-heading-2-line-height;
package/dist/compact.theme.css CHANGED
@@ -16,9 +16,12 @@
16
16
  --ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
17
17
  --ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
18
18
  --ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
19
+ --ams-typography-heading-2-line-height: 1.2133;
19
20
  --ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
20
21
  --ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
21
22
  --ams-typography-heading-5-font-size: 1rem;
22
23
  --ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
23
24
  --ams-grid-padding-inline: var(--ams-space-xl);
25
+ --ams-page-header-brand-name-font-size: var(--ams-typography-heading-2-font-size);
26
+ --ams-page-header-brand-name-line-height: var(--ams-typography-heading-2-line-height);
24
27
  }