@amsterdam/design-system-tokens 2.2.0 → 3.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 (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +8 -7
  3. package/dist/compact.css +1 -0
  4. package/dist/compact.d.ts +3 -0
  5. package/dist/compact.json +3 -0
  6. package/dist/compact.mjs +1 -0
  7. package/dist/compact.scss +1 -0
  8. package/dist/compact.theme.css +1 -0
  9. package/dist/index.css +19 -11
  10. package/dist/index.d.ts +25 -5
  11. package/dist/index.json +83 -63
  12. package/dist/index.mjs +77 -62
  13. package/dist/index.scss +19 -11
  14. package/dist/index.theme.css +19 -11
  15. package/package.json +2 -3
  16. package/src/brand/ams/color.deprecated.tokens.json +1 -1
  17. package/src/brand/ams/color.tokens.json +4 -4
  18. package/src/components/ams/call-to-action-link.tokens.json +2 -2
  19. package/src/components/ams/field-set.deprecated.tokens.json +9 -0
  20. package/src/components/ams/field-set.tokens.json +12 -1
  21. package/src/components/ams/field.deprecated.tokens.json +7 -0
  22. package/src/components/ams/field.tokens.json +6 -1
  23. package/src/components/ams/page-header.compact.tokens.json +3 -0
  24. package/src/components/ams/page-header.tokens.json +2 -1
  25. package/src/components/ams/paragraph.tokens.json +2 -1
package/src/brand/ams/color.deprecated.tokens.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "interactive": {
5
5
  "secondary": {
6
6
  "comment": "Use `currentColor` instead",
7
- "value": "#181818"
7
+ "value": "#202020"
8
8
  }
9
9
  }
10
10
  }
package/src/brand/ams/color.tokens.json CHANGED
@@ -5,12 +5,12 @@
5
5
  "feedback": {
6
6
  "error": { "value": "#ec0000" },
7
7
  "info": { "value": "#009de6" },
8
- "success": { "value": "#00a03c" },
8
+ "success": { "value": "#00893c" },
9
9
  "warning": { "value": "#ff9100" }
10
10
  },
11
11
  "highlight": {
12
12
  "azure": { "value": "#009de6" },
13
- "green": { "value": "#00a03c" },
13
+ "green": { "value": "#00893c" },
14
14
  "lime": { "value": "#bed200" },
15
15
  "magenta": { "value": "#e50082" },
16
16
  "orange": { "value": "#ff9100" },
@@ -18,7 +18,7 @@
18
18
  "yellow": { "value": "#ffe600" }
19
19
  },
20
20
  "interactive": {
21
- "contrast": { "value": "#181818" },
21
+ "contrast": { "value": "#202020" },
22
22
  "default": { "value": "#004699" },
23
23
  "disabled": { "value": "#767676" },
24
24
  "hover": { "value": "#003677" },
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "separator": { "value": "#d1d1d1" },
32
32
  "text": {
33
- "default": { "value": "#181818" },
33
+ "default": { "value": "#202020" },
34
34
  "inverse": { "value": "#ffffff" },
35
35
  "secondary": { "value": "#767676" }
36
36
  }
package/src/components/ams/call-to-action-link.tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "ams": {
3
3
  "call-to-action-link": {
4
- "background-color": { "value": "#00a03c" },
4
+ "background-color": { "value": "#00893c" },
5
5
  "color": { "value": "{ams.color.text.inverse}" },
6
6
  "font-family": { "value": "{ams.typography.font-family}" },
7
7
  "font-size": { "value": "{ams.typography.body-text.font-size}" },
@@ -13,7 +13,7 @@
13
13
  "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
14
14
  "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
15
15
  "hover": {
16
- "background-color": { "value": "#007c2e" },
16
+ "background-color": { "value": "#10552b" },
17
17
  "text-decoration-thickness": {
18
18
  "value": "{ams.links.hover.text-decoration-thickness}"
19
19
  },
package/src/components/ams/field-set.deprecated.tokens.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "ams": {
3
+ "field-set": {
4
+ "legend": {
5
+ "margin-block-end": { "value": "{ams.space.s}" }
6
+ }
7
+ }
8
+ }
9
+ }
package/src/components/ams/field-set.tokens.json CHANGED
@@ -1,6 +1,18 @@
1
1
  {
2
2
  "ams": {
3
3
  "field-set": {
4
+ "child": {
5
+ "margin-block-end": { "value": "{ams.space.xs}" },
6
+ "before-error-message": {
7
+ "margin-block-end": { "value": "{ams.space.s}" }
8
+ },
9
+ "before-field-or-field-set": {
10
+ "margin-block-end": { "value": "{ams.space.m}" }
11
+ },
12
+ "between-fields-and-field-sets": {
13
+ "margin-block-end": { "value": "{ams.space.l}" }
14
+ }
15
+ },
4
16
  "invalid": {
5
17
  "border-inline-start": { "value": "{ams.border.width.l} solid {ams.color.feedback.error}" },
6
18
  "padding-inline-start": { "value": "{ams.space.m}" }
@@ -11,7 +23,6 @@
11
23
  "font-size": { "value": "{ams.typography.heading.3.font-size}" },
12
24
  "font-weight": { "value": "{ams.typography.heading.font-weight}" },
13
25
  "line-height": { "value": "{ams.typography.heading.3.line-height}" },
14
- "margin-block-end": { "value": "{ams.space.s}" },
15
26
  "text-wrap": { "value": "{ams.typography.heading.text-wrap}" },
16
27
  "in-fieldset": {
17
28
  "font-weight": { "value": "{ams.typography.body-text.font-weight}" }
package/src/components/ams/field.deprecated.tokens.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "ams": {
3
+ "field": {
4
+ "gap": { "value": "{ams.space.s}" }
5
+ }
6
+ }
7
+ }
package/src/components/ams/field.tokens.json CHANGED
@@ -1,7 +1,12 @@
1
1
  {
2
2
  "ams": {
3
3
  "field": {
4
- "gap": { "value": "{ams.space.s}" },
4
+ "child": {
5
+ "margin-block-end": { "value": "{ams.space.xs}" },
6
+ "before-error-message": {
7
+ "margin-block-end": { "value": "{ams.space.s}" }
8
+ }
9
+ },
5
10
  "invalid": {
6
11
  "border-inline-start": { "value": "{ams.border.width.l} solid {ams.color.feedback.error}" },
7
12
  "padding-inline-start": { "value": "{ams.space.m}" }
package/src/components/ams/page-header.compact.tokens.json CHANGED
@@ -4,6 +4,9 @@
4
4
  "brand-name": {
5
5
  "font-size": { "value": "{ams.typography.heading.2.font-size}" },
6
6
  "line-height": { "value": "{ams.typography.heading.2.line-height}" }
7
+ },
8
+ "mega-menu": {
9
+ "padding-block": { "value": "0" }
7
10
  }
8
11
  }
9
12
  }
package/src/components/ams/page-header.tokens.json CHANGED
@@ -25,6 +25,7 @@
25
25
  "text-wrap": { "value": "{ams.typography.heading.text-wrap}" }
26
26
  },
27
27
  "mega-menu": {
28
+ "padding-block": { "value": "{ams.space.l}" },
28
29
  "button": {
29
30
  "cursor": { "value": "{ams.cursor.interactive}" },
30
31
  "label": {
@@ -62,7 +63,7 @@
62
63
  },
63
64
  "navigation": {
64
65
  "column-gap": { "value": "{ams.space.l}" },
65
- "row-gap": { "value": "{ams.space.s}" }
66
+ "row-gap": { "value": "{ams.space.l}" }
66
67
  }
67
68
  }
68
69
  }
package/src/components/ams/paragraph.tokens.json CHANGED
@@ -15,7 +15,8 @@
15
15
  },
16
16
  "large": {
17
17
  "font-size": { "value": "{ams.typography.body-text.large.font-size}" },
18
- "line-height": { "value": "{ams.typography.body-text.large.line-height}" }
18
+ "line-height": { "value": "{ams.typography.body-text.large.line-height}" },
19
+ "text-wrap": { "value": "balance" }
19
20
  }
20
21
  }
21
22
  }