@amsterdam/design-system-tokens 0.1.3 → 0.1.5
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.
- package/dist/_variables.scss +189 -93
- package/dist/index.css +189 -93
- package/dist/index.d.ts +184 -80
- package/dist/index.js +189 -93
- package/dist/index.json +188 -92
- package/dist/index.tokens.json +426 -192
- package/dist/root.css +189 -93
- package/dist/tokens.d.ts +412 -129
- package/dist/tokens.js +4121 -1910
- package/dist/variables.less +189 -93
- package/package.json +2 -2
- package/src/brand/amsterdam/typography.tokens.json +52 -24
- package/src/common/utrecht/action.tokens.json +12 -0
- package/src/common/utrecht/focus.tokens.json +7 -0
- package/src/components/amsterdam/accordion.tokens.json +6 -4
- package/src/components/amsterdam/blockquote.tokens.json +17 -0
- package/src/components/amsterdam/breadcrumb.tokens.json +42 -0
- package/src/components/amsterdam/button.tokens.json +34 -4
- package/src/components/amsterdam/checkbox.tokens.json +121 -0
- package/src/components/amsterdam/footer.tokens.json +11 -0
- package/src/components/amsterdam/form-label.tokens.json +7 -5
- package/src/components/amsterdam/heading.tokens.json +25 -16
- package/src/components/amsterdam/icon.tokens.json +10 -10
- package/src/components/amsterdam/link.tokens.json +38 -51
- package/src/components/amsterdam/ordered-list.tokens.json +41 -0
- package/src/components/amsterdam/page-grid.tokens.json +20 -0
- package/src/components/amsterdam/page-heading.tokens.json +17 -0
- package/src/components/amsterdam/page-menu.tokens.json +26 -0
- package/src/components/amsterdam/paragraph.tokens.json +19 -12
- package/src/components/amsterdam/top-task-link.tokens.json +34 -0
- package/src/components/amsterdam/unordered-list.tokens.json +25 -11
- package/src/components/utrecht/button.tokens.json +17 -27
|
@@ -3,23 +3,37 @@
|
|
|
3
3
|
"unordered-list": {
|
|
4
4
|
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
5
5
|
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
6
|
-
"font-size": {
|
|
7
|
-
"narrow": { "value": "{amsterdam.typography.text-level.6.font-size.narrow}" },
|
|
8
|
-
"wide": { "value": "{amsterdam.typography.text-level.6.font-size.wide}" }
|
|
9
|
-
},
|
|
10
6
|
"font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
|
|
11
|
-
"gap": { "value": "0.
|
|
7
|
+
"gap": { "value": "0.75rem" },
|
|
12
8
|
"line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
|
|
13
|
-
"list-style": { "value": "
|
|
9
|
+
"list-style-type": { "value": "'\\2022'" },
|
|
10
|
+
"narrow": {
|
|
11
|
+
"font-size": { "value": "{amsterdam.typography.text-level.6.narrow.font-size}" }
|
|
12
|
+
},
|
|
13
|
+
"wide": {
|
|
14
|
+
"font-size": { "value": "{amsterdam.typography.text-level.6.wide.font-size}" }
|
|
15
|
+
},
|
|
14
16
|
"item": {
|
|
15
|
-
"
|
|
17
|
+
"margin-inline-start": {
|
|
18
|
+
"value": "1.625rem",
|
|
19
|
+
"comment": "Divide your total indentation width over margin and padding to position the marker."
|
|
20
|
+
},
|
|
21
|
+
"padding-inline-start": {
|
|
22
|
+
"value": "0.875rem",
|
|
23
|
+
"comment": "The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem."
|
|
24
|
+
}
|
|
16
25
|
},
|
|
17
26
|
"unordered-list": {
|
|
18
|
-
"
|
|
19
|
-
"padding-inline": { "value": "14px 0" },
|
|
20
|
-
"list-style-type": { "value": "'–'" },
|
|
27
|
+
"list-style-type": { "value": "'\\2013'" },
|
|
21
28
|
"item": {
|
|
22
|
-
"
|
|
29
|
+
"margin-inline-start": {
|
|
30
|
+
"value": "0.875rem",
|
|
31
|
+
"comment": "Indent less than the parent to start-align the child’s marker with the parent text."
|
|
32
|
+
},
|
|
33
|
+
"padding-inline-start": {
|
|
34
|
+
"value": "0.875rem",
|
|
35
|
+
"comment": "The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem."
|
|
36
|
+
}
|
|
23
37
|
}
|
|
24
38
|
}
|
|
25
39
|
}
|
|
@@ -43,14 +43,10 @@
|
|
|
43
43
|
"color": {
|
|
44
44
|
"value": "{amsterdam.color.primary-white}"
|
|
45
45
|
},
|
|
46
|
-
"border-color": {
|
|
47
|
-
"value": "transparent"
|
|
48
|
-
}
|
|
46
|
+
"border-color": {}
|
|
49
47
|
},
|
|
50
48
|
"hover": {
|
|
51
|
-
"background-color": {
|
|
52
|
-
"value": "{amsterdam.color.dark-blue}"
|
|
53
|
-
}
|
|
49
|
+
"background-color": {}
|
|
54
50
|
},
|
|
55
51
|
"focus": {
|
|
56
52
|
"scale": {}
|
|
@@ -79,7 +75,9 @@
|
|
|
79
75
|
"color": {}
|
|
80
76
|
},
|
|
81
77
|
"focus": {
|
|
82
|
-
"background-color": {
|
|
78
|
+
"background-color": {
|
|
79
|
+
"value": "{amsterdam.color.dark-blue}"
|
|
80
|
+
},
|
|
83
81
|
"border-color": {},
|
|
84
82
|
"border-width": {}
|
|
85
83
|
},
|
|
@@ -142,20 +140,14 @@
|
|
|
142
140
|
"color": {
|
|
143
141
|
"value": "{amsterdam.color.primary-blue}"
|
|
144
142
|
},
|
|
145
|
-
"border-color": {
|
|
146
|
-
|
|
147
|
-
},
|
|
148
|
-
"border-width": {
|
|
149
|
-
"value": "{amsterdam.border-width.md}"
|
|
150
|
-
},
|
|
143
|
+
"border-color": {},
|
|
144
|
+
"border-width": {},
|
|
151
145
|
"hover": {
|
|
152
146
|
"background-color": {},
|
|
153
147
|
"color": {
|
|
154
148
|
"value": "{amsterdam.color.dark-blue}"
|
|
155
149
|
},
|
|
156
|
-
"border-color": {
|
|
157
|
-
"value": "{amsterdam.color.dark-blue}"
|
|
158
|
-
}
|
|
150
|
+
"border-color": {}
|
|
159
151
|
},
|
|
160
152
|
"disabled": {
|
|
161
153
|
"background-color": {
|
|
@@ -164,9 +156,7 @@
|
|
|
164
156
|
"color": {
|
|
165
157
|
"value": "{amsterdam.color.neutral-grey2}"
|
|
166
158
|
},
|
|
167
|
-
"border-color": {
|
|
168
|
-
"value": "{amsterdam.color.neutral-grey2}"
|
|
169
|
-
}
|
|
159
|
+
"border-color": {}
|
|
170
160
|
},
|
|
171
161
|
"danger": {
|
|
172
162
|
"background-color": {},
|
|
@@ -225,23 +215,23 @@
|
|
|
225
215
|
"value": "transparent"
|
|
226
216
|
},
|
|
227
217
|
"border-color": {},
|
|
228
|
-
"border-width": {
|
|
229
|
-
"value": "{amsterdam.border-width.md}"
|
|
230
|
-
},
|
|
218
|
+
"border-width": {},
|
|
231
219
|
"color": {
|
|
232
220
|
"value": "{amsterdam.color.primary-blue}"
|
|
233
221
|
},
|
|
234
222
|
"font-weight": {},
|
|
235
223
|
"hover": {
|
|
236
224
|
"background-color": {},
|
|
237
|
-
"color": {
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
}
|
|
225
|
+
"color": {
|
|
226
|
+
"value": "{amsterdam.color.dark-blue}"
|
|
227
|
+
},
|
|
228
|
+
"border-color": {}
|
|
241
229
|
},
|
|
242
230
|
"focus": {
|
|
243
231
|
"background-color": {},
|
|
244
|
-
"color": {
|
|
232
|
+
"color": {
|
|
233
|
+
"value": "{amsterdam.color.dark-blue}"
|
|
234
|
+
},
|
|
245
235
|
"border-color": {}
|
|
246
236
|
},
|
|
247
237
|
"disabled": {
|