@amsterdam/design-system-tokens 3.4.0 → 4.0.1

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 (97) hide show
  1. package/AGENTS.md +71 -0
  2. package/CHANGELOG.md +57 -3
  3. package/CONTRIBUTING.md +18 -0
  4. package/README.md +131 -22
  5. package/build.js +11 -1
  6. package/dist/compact.css +10 -3
  7. package/dist/compact.d.ts +23 -6
  8. package/dist/compact.json +34 -17
  9. package/dist/compact.mjs +23 -13
  10. package/dist/compact.scss +10 -3
  11. package/dist/compact.theme.css +10 -3
  12. package/dist/index.css +108 -110
  13. package/dist/index.d.ts +112 -110
  14. package/dist/index.json +218 -216
  15. package/dist/index.mjs +218 -208
  16. package/dist/index.scss +108 -110
  17. package/dist/index.theme.css +108 -110
  18. package/package.json +2 -2
  19. package/src/brand/ams/aspect-ratio.tokens.json +24 -6
  20. package/src/brand/ams/border.tokens.json +5 -0
  21. package/src/brand/ams/color.compact.tokens.json +15 -0
  22. package/src/brand/ams/color.tokens.json +37 -54
  23. package/src/brand/ams/cursor.tokens.json +9 -2
  24. package/src/brand/ams/focus.tokens.json +1 -0
  25. package/src/brand/ams/space.compact.tokens.json +16 -4
  26. package/src/brand/ams/space.tokens.json +31 -6
  27. package/src/brand/ams/typography.compact.tokens.json +36 -45
  28. package/src/brand/ams/typography.tokens.json +59 -63
  29. package/src/common/ams/inputs.tokens.json +41 -19
  30. package/src/common/ams/links.tokens.json +35 -10
  31. package/src/components/ams/accordion.tokens.json +17 -48
  32. package/src/components/ams/action-group.tokens.json +2 -2
  33. package/src/components/ams/alert.tokens.json +38 -20
  34. package/src/components/ams/avatar.tokens.json +79 -29
  35. package/src/components/ams/badge.tokens.json +60 -23
  36. package/src/components/ams/blockquote.tokens.json +14 -5
  37. package/src/components/ams/body.compact.tokens.json +12 -0
  38. package/src/components/ams/body.tokens.json +12 -0
  39. package/src/components/ams/breadcrumb.tokens.json +36 -15
  40. package/src/components/ams/button.tokens.json +74 -33
  41. package/src/components/ams/call-to-action-link.tokens.json +29 -16
  42. package/src/components/ams/card.tokens.json +30 -17
  43. package/src/components/ams/character-count.tokens.json +14 -5
  44. package/src/components/ams/checkbox.tokens.json +101 -74
  45. package/src/components/ams/column.tokens.json +10 -10
  46. package/src/components/ams/date-input.tokens.json +55 -50
  47. package/src/components/ams/description-list.tokens.json +85 -24
  48. package/src/components/ams/dialog.tokens.json +104 -28
  49. package/src/components/ams/error-message.tokens.json +13 -6
  50. package/src/components/ams/field-set.tokens.json +35 -20
  51. package/src/components/ams/field.tokens.json +13 -10
  52. package/src/components/ams/figure.tokens.json +16 -7
  53. package/src/components/ams/file-input.tokens.json +69 -31
  54. package/src/components/ams/file-list.tokens.json +20 -11
  55. package/src/components/ams/grid.compact.tokens.json +43 -3
  56. package/src/components/ams/grid.tokens.json +77 -24
  57. package/src/components/ams/heading.tokens.json +38 -36
  58. package/src/components/ams/hint.tokens.json +6 -2
  59. package/src/components/ams/icon-button.tokens.json +46 -16
  60. package/src/components/ams/icon.tokens.json +19 -39
  61. package/src/components/ams/image-slider.tokens.json +28 -16
  62. package/src/components/ams/image.tokens.json +4 -1
  63. package/src/components/ams/invalid-form-alert.tokens.json +2 -2
  64. package/src/components/ams/label.tokens.json +18 -6
  65. package/src/components/ams/link-list.tokens.json +50 -22
  66. package/src/components/ams/link.tokens.json +38 -25
  67. package/src/components/ams/logo.tokens.json +6 -2
  68. package/src/components/ams/mark.tokens.json +3 -1
  69. package/src/components/ams/menu.tokens.json +80 -55
  70. package/src/components/ams/ordered-list.tokens.json +39 -25
  71. package/src/components/ams/page-footer.tokens.json +70 -26
  72. package/src/components/ams/page-header.compact.tokens.json +2 -1
  73. package/src/components/ams/page-header.tokens.json +128 -59
  74. package/src/components/ams/page.compact.tokens.json +12 -0
  75. package/src/components/ams/page.tokens.json +5 -3
  76. package/src/components/ams/pagination.tokens.json +37 -17
  77. package/src/components/ams/paragraph.tokens.json +22 -8
  78. package/src/components/ams/password-input.tokens.json +47 -21
  79. package/src/components/ams/progress-list.tokens.json +152 -61
  80. package/src/components/ams/radio.tokens.json +97 -36
  81. package/src/components/ams/row.tokens.json +10 -10
  82. package/src/components/ams/search-field.tokens.json +57 -24
  83. package/src/components/ams/select.tokens.json +63 -25
  84. package/src/components/ams/skip-link.tokens.json +23 -12
  85. package/src/components/ams/spotlight.tokens.json +21 -7
  86. package/src/components/ams/standalone-link.tokens.json +42 -46
  87. package/src/components/ams/switch.tokens.json +23 -9
  88. package/src/components/ams/tab-navigation.tokens.json +205 -0
  89. package/src/components/ams/table-of-contents.tokens.json +38 -41
  90. package/src/components/ams/table.tokens.json +29 -10
  91. package/src/components/ams/tabs.tokens.json +36 -17
  92. package/src/components/ams/text-area.tokens.json +49 -23
  93. package/src/components/ams/text-input.tokens.json +47 -21
  94. package/src/components/ams/time-input.tokens.json +55 -50
  95. package/src/components/ams/unordered-list.tokens.json +37 -25
  96. package/style-dictionary/transforms/dtcg-font-family.js +32 -0
  97. package/src/components/ams/page-heading.tokens.json +0 -46
package/src/components/ams/hint.tokens.json CHANGED
@@ -3,12 +3,16 @@
3
3
  "hint": {
4
4
  "font-weight": {
5
5
  "$value": "{ams.typography.body-text.font-weight}",
6
- "$type": "fontWeight"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "fontWeight"
8
+ }
7
9
  },
8
10
  "in-fieldset": {
9
11
  "color": {
10
12
  "$value": "{ams.color.text.secondary}",
11
- "$type": "color"
13
+ "$extensions": {
14
+ "nl.amsterdam.type": "color"
15
+ }
12
16
  }
13
17
  }
14
18
  }
package/src/components/ams/icon-button.tokens.json CHANGED
@@ -3,16 +3,21 @@
3
3
  "icon-button": {
4
4
  "color": {
5
5
  "$value": "{ams.color.interactive.default}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "cursor": {
9
- "$value": "{ams.cursor.interactive}"
11
+ "$value": "{ams.cursor.interactive}",
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "cursor"
14
+ }
10
15
  },
11
16
  "outline-offset": {
12
17
  "$value": "{ams.focus.outline-offset}",
13
- "$type": "dimension",
14
18
  "$extensions": {
15
- "nl.amsterdam.subtype": "space"
19
+ "nl.amsterdam.subtype": "space",
20
+ "nl.amsterdam.type": "dimension"
16
21
  }
17
22
  },
18
23
  "hover": {
@@ -22,22 +27,31 @@
22
27
  },
23
28
  "color": {
24
29
  "$value": "{ams.color.interactive.hover}",
25
- "$type": "color"
30
+ "$extensions": {
31
+ "nl.amsterdam.type": "color"
32
+ }
26
33
  }
27
34
  },
28
35
  "disabled": {
29
36
  "color": {
30
37
  "$value": "{ams.color.interactive.disabled}",
31
- "$type": "color"
38
+ "$extensions": {
39
+ "nl.amsterdam.type": "color"
40
+ }
32
41
  },
33
42
  "cursor": {
34
- "$value": "{ams.cursor.disabled}"
43
+ "$value": "{ams.cursor.disabled}",
44
+ "$extensions": {
45
+ "nl.amsterdam.type": "cursor"
46
+ }
35
47
  }
36
48
  },
37
49
  "contrast": {
38
50
  "color": {
39
51
  "$value": "{ams.color.interactive.contrast}",
40
- "$type": "color"
52
+ "$extensions": {
53
+ "nl.amsterdam.type": "color"
54
+ }
41
55
  },
42
56
  "hover": {
43
57
  "background-color": {
@@ -46,43 +60,59 @@
46
60
  },
47
61
  "color": {
48
62
  "$value": "{ams.color.interactive.contrast}",
49
- "$type": "color"
63
+ "$extensions": {
64
+ "nl.amsterdam.type": "color"
65
+ }
50
66
  }
51
67
  },
52
68
  "disabled": {
53
69
  "color": {
54
70
  "$value": "{ams.color.interactive.disabled}",
55
- "$type": "color"
71
+ "$extensions": {
72
+ "nl.amsterdam.type": "color"
73
+ }
56
74
  }
57
75
  }
58
76
  },
59
77
  "inverse": {
60
78
  "background-color": {
61
79
  "$value": "{ams.color.interactive.default}",
62
- "$type": "color"
80
+ "$extensions": {
81
+ "nl.amsterdam.type": "color"
82
+ }
63
83
  },
64
84
  "color": {
65
85
  "$value": "{ams.color.interactive.inverse}",
66
- "$type": "color"
86
+ "$extensions": {
87
+ "nl.amsterdam.type": "color"
88
+ }
67
89
  },
68
90
  "hover": {
69
91
  "background-color": {
70
92
  "$value": "{ams.color.interactive.hover}",
71
- "$type": "color"
93
+ "$extensions": {
94
+ "nl.amsterdam.type": "color"
95
+ }
72
96
  },
73
97
  "color": {
74
98
  "$value": "{ams.color.interactive.inverse}",
75
- "$type": "color"
99
+ "$extensions": {
100
+ "nl.amsterdam.type": "color"
101
+ }
76
102
  }
77
103
  },
78
104
  "disabled": {
79
105
  "color": {
80
106
  "$value": "{ams.color.interactive.inverse}",
81
- "$type": "color"
107
+ "$extensions": {
108
+ "nl.amsterdam.type": "color"
109
+ }
82
110
  },
83
111
  "background-color": {
84
112
  "$value": "{ams.color.interactive.disabled}",
85
- "$type": "color"
113
+ "$extensions": {
114
+ "nl.amsterdam.type": "color"
115
+ }
86
116
  }
87
117
  }
88
118
  }
package/src/components/ams/icon.tokens.json CHANGED
@@ -10,7 +10,8 @@
10
10
  "line-height": {
11
11
  "$value": "{ams.typography.body-text.line-height}",
12
12
  "$extensions": {
13
- "nl.amsterdam.type": "lineHeight"
13
+ "nl.amsterdam.subtype": "lineHeight",
14
+ "nl.amsterdam.type": "number"
14
15
  }
15
16
  },
16
17
  "small": {
@@ -23,7 +24,8 @@
23
24
  "line-height": {
24
25
  "$value": "{ams.typography.body-text.small.line-height}",
25
26
  "$extensions": {
26
- "nl.amsterdam.type": "lineHeight"
27
+ "nl.amsterdam.subtype": "lineHeight",
28
+ "nl.amsterdam.type": "number"
27
29
  }
28
30
  }
29
31
  },
@@ -37,23 +39,8 @@
37
39
  "line-height": {
38
40
  "$value": "{ams.typography.body-text.large.line-height}",
39
41
  "$extensions": {
40
- "nl.amsterdam.type": "lineHeight"
41
- }
42
- }
43
- },
44
- "heading-0": {
45
- "font-size": {
46
- "$deprecated": "Use `ams.typography.heading.1.font-size` instead. Will be removed in release 4.0.0.",
47
- "$value": "{ams.typography.heading.0.font-size}",
48
- "$extensions": {
49
- "nl.amsterdam.type": "fontSize"
50
- }
51
- },
52
- "line-height": {
53
- "$deprecated": "Use `ams.typography.heading.1.line-height` instead. Will be removed in release 4.0.0.",
54
- "$value": "{ams.typography.heading.0.line-height}",
55
- "$extensions": {
56
- "nl.amsterdam.type": "lineHeight"
42
+ "nl.amsterdam.subtype": "lineHeight",
43
+ "nl.amsterdam.type": "number"
57
44
  }
58
45
  }
59
46
  },
@@ -67,7 +54,8 @@
67
54
  "line-height": {
68
55
  "$value": "{ams.typography.heading.1.line-height}",
69
56
  "$extensions": {
70
- "nl.amsterdam.type": "lineHeight"
57
+ "nl.amsterdam.subtype": "lineHeight",
58
+ "nl.amsterdam.type": "number"
71
59
  }
72
60
  }
73
61
  },
@@ -81,7 +69,8 @@
81
69
  "line-height": {
82
70
  "$value": "{ams.typography.heading.2.line-height}",
83
71
  "$extensions": {
84
- "nl.amsterdam.type": "lineHeight"
72
+ "nl.amsterdam.subtype": "lineHeight",
73
+ "nl.amsterdam.type": "number"
85
74
  }
86
75
  }
87
76
  },
@@ -95,7 +84,8 @@
95
84
  "line-height": {
96
85
  "$value": "{ams.typography.heading.3.line-height}",
97
86
  "$extensions": {
98
- "nl.amsterdam.type": "lineHeight"
87
+ "nl.amsterdam.subtype": "lineHeight",
88
+ "nl.amsterdam.type": "number"
99
89
  }
100
90
  }
101
91
  },
@@ -109,7 +99,8 @@
109
99
  "line-height": {
110
100
  "$value": "{ams.typography.heading.4.line-height}",
111
101
  "$extensions": {
112
- "nl.amsterdam.type": "lineHeight"
102
+ "nl.amsterdam.subtype": "lineHeight",
103
+ "nl.amsterdam.type": "number"
113
104
  }
114
105
  }
115
106
  },
@@ -123,28 +114,17 @@
123
114
  "line-height": {
124
115
  "$value": "{ams.typography.heading.5.line-height}",
125
116
  "$extensions": {
126
- "nl.amsterdam.type": "lineHeight"
127
- }
128
- }
129
- },
130
- "heading-6": {
131
- "font-size": {
132
- "$value": "{ams.typography.heading.6.font-size}",
133
- "$extensions": {
134
- "nl.amsterdam.type": "fontSize"
135
- }
136
- },
137
- "line-height": {
138
- "$value": "{ams.typography.heading.6.line-height}",
139
- "$extensions": {
140
- "nl.amsterdam.type": "lineHeight"
117
+ "nl.amsterdam.subtype": "lineHeight",
118
+ "nl.amsterdam.type": "number"
141
119
  }
142
120
  }
143
121
  },
144
122
  "inverse": {
145
123
  "color": {
146
124
  "$value": "{ams.color.text.inverse}",
147
- "$type": "color"
125
+ "$extensions": {
126
+ "nl.amsterdam.type": "color"
127
+ }
148
128
  }
149
129
  }
150
130
  }
package/src/components/ams/image-slider.tokens.json CHANGED
@@ -3,33 +3,33 @@
3
3
  "image-slider": {
4
4
  "gap": {
5
5
  "$value": "{ams.space.xs}",
6
- "$type": "dimension",
7
6
  "$extensions": {
8
- "nl.amsterdam.subtype": "space"
7
+ "nl.amsterdam.subtype": "space",
8
+ "nl.amsterdam.type": "dimension"
9
9
  }
10
10
  },
11
11
  "scroller": {
12
12
  "gap": {
13
13
  "$value": "{ams.space.xs}",
14
- "$type": "dimension",
15
14
  "$extensions": {
16
- "nl.amsterdam.subtype": "space"
15
+ "nl.amsterdam.subtype": "space",
16
+ "nl.amsterdam.type": "dimension"
17
17
  }
18
18
  },
19
19
  "outline-offset": {
20
20
  "$value": "{ams.focus.outline-offset}",
21
- "$type": "dimension",
22
21
  "$extensions": {
23
- "nl.amsterdam.subtype": "space"
22
+ "nl.amsterdam.subtype": "space",
23
+ "nl.amsterdam.type": "dimension"
24
24
  }
25
25
  }
26
26
  },
27
27
  "thumbnails": {
28
28
  "gap": {
29
29
  "$value": "{ams.space.xs}",
30
- "$type": "dimension",
31
30
  "$extensions": {
32
- "nl.amsterdam.subtype": "space"
31
+ "nl.amsterdam.subtype": "space",
32
+ "nl.amsterdam.type": "dimension"
33
33
  }
34
34
  },
35
35
  "thumbnail": {
@@ -38,26 +38,38 @@
38
38
  "$type": "color"
39
39
  },
40
40
  "cursor": {
41
- "$value": "{ams.cursor.interactive}"
41
+ "$value": "{ams.cursor.interactive}",
42
+ "$extensions": {
43
+ "nl.amsterdam.type": "cursor"
44
+ }
42
45
  },
43
46
  "opacity": {
44
- "$value": "40%"
47
+ "$value": "40%",
48
+ "$extensions": {
49
+ "nl.amsterdam.type": "opacity"
50
+ }
45
51
  },
46
52
  "outline-offset": {
47
53
  "$value": "{ams.focus.outline-offset}",
48
- "$type": "dimension",
49
54
  "$extensions": {
50
- "nl.amsterdam.subtype": "space"
55
+ "nl.amsterdam.subtype": "space",
56
+ "nl.amsterdam.type": "dimension"
51
57
  }
52
58
  },
53
59
  "in-view": {
54
60
  "opacity": {
55
- "$value": "100%"
61
+ "$value": "100%",
62
+ "$extensions": {
63
+ "nl.amsterdam.type": "opacity"
64
+ }
56
65
  }
57
66
  },
58
67
  "hover": {
59
68
  "opacity": {
60
- "$value": "100%"
69
+ "$value": "100%",
70
+ "$extensions": {
71
+ "nl.amsterdam.type": "opacity"
72
+ }
61
73
  }
62
74
  }
63
75
  }
@@ -65,9 +77,9 @@
65
77
  "figure": {
66
78
  "margin-block-end": {
67
79
  "$value": "{ams.space.m}",
68
- "$type": "dimension",
69
80
  "$extensions": {
70
- "nl.amsterdam.subtype": "space"
81
+ "nl.amsterdam.subtype": "space",
82
+ "nl.amsterdam.type": "dimension"
71
83
  }
72
84
  }
73
85
  }
package/src/components/ams/image.tokens.json CHANGED
@@ -2,7 +2,10 @@
2
2
  "ams": {
3
3
  "image": {
4
4
  "aspect-ratio": {
5
- "$value": "{ams.aspect-ratio.16-9}"
5
+ "$value": "{ams.aspect-ratio.16-9}",
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "aspectRatio"
8
+ }
6
9
  }
7
10
  }
8
11
  }
package/src/components/ams/invalid-form-alert.tokens.json CHANGED
@@ -3,9 +3,9 @@
3
3
  "invalid-form-alert": {
4
4
  "outline-offset": {
5
5
  "$value": "{ams.focus.outline-offset}",
6
- "$type": "dimension",
7
6
  "$extensions": {
8
- "nl.amsterdam.subtype": "space"
7
+ "nl.amsterdam.subtype": "space",
8
+ "nl.amsterdam.type": "dimension"
9
9
  }
10
10
  }
11
11
  }
package/src/components/ams/label.tokens.json CHANGED
@@ -3,11 +3,15 @@
3
3
  "label": {
4
4
  "color": {
5
5
  "$value": "{ams.color.text.default}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "font-family": {
9
11
  "$value": "{ams.typography.font-family}",
10
- "$type": "fontFamily"
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "fontFamily"
14
+ }
11
15
  },
12
16
  "font-size": {
13
17
  "$value": "{ams.typography.heading.3.font-size}",
@@ -17,21 +21,29 @@
17
21
  },
18
22
  "font-weight": {
19
23
  "$value": "{ams.typography.heading.font-weight}",
20
- "$type": "fontWeight"
24
+ "$extensions": {
25
+ "nl.amsterdam.type": "fontWeight"
26
+ }
21
27
  },
22
28
  "line-height": {
23
29
  "$value": "{ams.typography.heading.3.line-height}",
24
30
  "$extensions": {
25
- "nl.amsterdam.type": "lineHeight"
31
+ "nl.amsterdam.subtype": "lineHeight",
32
+ "nl.amsterdam.type": "number"
26
33
  }
27
34
  },
28
35
  "text-wrap": {
29
- "$value": "{ams.typography.heading.text-wrap}"
36
+ "$value": "{ams.typography.heading.text-wrap}",
37
+ "$extensions": {
38
+ "nl.amsterdam.type": "textWrap"
39
+ }
30
40
  },
31
41
  "in-fieldset": {
32
42
  "font-weight": {
33
43
  "$value": "{ams.typography.body-text.font-weight}",
34
- "$type": "fontWeight"
44
+ "$extensions": {
45
+ "nl.amsterdam.type": "fontWeight"
46
+ }
35
47
  }
36
48
  }
37
49
  }
package/src/components/ams/link-list.tokens.json CHANGED
@@ -3,19 +3,23 @@
3
3
  "link-list": {
4
4
  "gap": {
5
5
  "$value": "{ams.space.s}",
6
- "$type": "dimension",
7
6
  "$extensions": {
8
- "nl.amsterdam.subtype": "space"
7
+ "nl.amsterdam.subtype": "space",
8
+ "nl.amsterdam.type": "dimension"
9
9
  }
10
10
  },
11
11
  "link": {
12
12
  "color": {
13
13
  "$value": "{ams.links.color}",
14
- "$type": "color"
14
+ "$extensions": {
15
+ "nl.amsterdam.type": "color"
16
+ }
15
17
  },
16
18
  "font-family": {
17
19
  "$value": "{ams.typography.font-family}",
18
- "$type": "fontFamily"
20
+ "$extensions": {
21
+ "nl.amsterdam.type": "fontFamily"
22
+ }
19
23
  },
20
24
  "font-size": {
21
25
  "$value": "{ams.typography.body-text.font-size}",
@@ -25,40 +29,49 @@
25
29
  },
26
30
  "font-weight": {
27
31
  "$value": "{ams.typography.body-text.font-weight}",
28
- "$type": "fontWeight"
32
+ "$extensions": {
33
+ "nl.amsterdam.type": "fontWeight"
34
+ }
29
35
  },
30
36
  "gap": {
31
37
  "$value": "{ams.space.s}",
32
- "$type": "dimension",
33
38
  "$extensions": {
34
- "nl.amsterdam.subtype": "space"
39
+ "nl.amsterdam.subtype": "space",
40
+ "nl.amsterdam.type": "dimension"
35
41
  }
36
42
  },
37
43
  "line-height": {
38
44
  "$value": "{ams.typography.body-text.line-height}",
39
45
  "$extensions": {
40
- "nl.amsterdam.type": "lineHeight"
46
+ "nl.amsterdam.subtype": "lineHeight",
47
+ "nl.amsterdam.type": "number"
41
48
  }
42
49
  },
43
50
  "outline-offset": {
44
51
  "$value": "{ams.focus.outline-offset}",
45
- "$type": "dimension",
46
52
  "$extensions": {
47
- "nl.amsterdam.subtype": "space"
53
+ "nl.amsterdam.subtype": "space",
54
+ "nl.amsterdam.type": "dimension"
48
55
  }
49
56
  },
50
57
  "text-decoration-line": {
51
- "$value": "{ams.links.subtle.text-decoration-line}"
58
+ "$value": "{ams.links.subtle.text-decoration-line}",
59
+ "$extensions": {
60
+ "nl.amsterdam.type": "textDecorationLine"
61
+ }
52
62
  },
53
63
  "text-decoration-thickness": {
54
64
  "$value": "{ams.links.text-decoration-thickness}",
55
- "$type": "dimension"
65
+ "$extensions": {
66
+ "nl.amsterdam.subtype": "space",
67
+ "nl.amsterdam.type": "dimension"
68
+ }
56
69
  },
57
70
  "text-underline-offset": {
58
71
  "$value": "{ams.links.text-underline-offset}",
59
- "$type": "dimension",
60
72
  "$extensions": {
61
- "nl.amsterdam.subtype": "space"
73
+ "nl.amsterdam.subtype": "space",
74
+ "nl.amsterdam.type": "dimension"
62
75
  }
63
76
  },
64
77
  "small": {
@@ -71,7 +84,8 @@
71
84
  "line-height": {
72
85
  "$value": "{ams.typography.body-text.small.line-height}",
73
86
  "$extensions": {
74
- "nl.amsterdam.type": "lineHeight"
87
+ "nl.amsterdam.subtype": "lineHeight",
88
+ "nl.amsterdam.type": "number"
75
89
  }
76
90
  }
77
91
  },
@@ -85,40 +99,54 @@
85
99
  "line-height": {
86
100
  "$value": "{ams.typography.body-text.large.line-height}",
87
101
  "$extensions": {
88
- "nl.amsterdam.type": "lineHeight"
102
+ "nl.amsterdam.subtype": "lineHeight",
103
+ "nl.amsterdam.type": "number"
89
104
  }
90
105
  }
91
106
  },
92
107
  "hover": {
93
108
  "color": {
94
109
  "$value": "{ams.links.hover.color}",
95
- "$type": "color"
110
+ "$extensions": {
111
+ "nl.amsterdam.type": "color"
112
+ }
96
113
  },
97
114
  "text-decoration-line": {
98
- "$value": "{ams.links.subtle.hover.text-decoration-line}"
115
+ "$value": "{ams.links.subtle.hover.text-decoration-line}",
116
+ "$extensions": {
117
+ "nl.amsterdam.type": "textDecorationLine"
118
+ }
99
119
  }
100
120
  },
101
121
  "contrast": {
102
122
  "color": {
103
123
  "$value": "{ams.links.contrast.color}",
104
- "$type": "color"
124
+ "$extensions": {
125
+ "nl.amsterdam.type": "color"
126
+ }
105
127
  },
106
128
  "hover": {
107
129
  "color": {
108
130
  "$value": "{ams.links.contrast.hover.color}",
109
- "$type": "color"
131
+ "$extensions": {
132
+ "nl.amsterdam.type": "color"
133
+ }
110
134
  }
111
135
  }
112
136
  },
113
137
  "inverse": {
114
138
  "color": {
115
139
  "$value": "{ams.links.inverse.color}",
116
- "$type": "color"
140
+ "$extensions": {
141
+ "nl.amsterdam.type": "color"
142
+ }
117
143
  },
118
144
  "hover": {
119
145
  "color": {
120
146
  "$value": "{ams.links.inverse.hover.color}",
121
- "$type": "color"
147
+ "$extensions": {
148
+ "nl.amsterdam.type": "color"
149
+ }
122
150
  }
123
151
  }
124
152
  }