@amsterdam/design-system-tokens 0.6.1 → 0.7.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.
- package/CHANGELOG.md +11 -0
- package/build.js +1 -1
- package/dist/compact.css +14 -14
- package/dist/compact.d.ts +4 -4
- package/dist/compact.json +3 -3
- package/dist/compact.mjs +14 -14
- package/dist/compact.scss +14 -14
- package/dist/compact.theme.css +15 -15
- package/dist/index.css +581 -581
- package/dist/index.d.ts +29 -27
- package/dist/index.json +28 -26
- package/dist/index.mjs +581 -581
- package/dist/index.scss +581 -581
- package/dist/index.theme.css +582 -582
- package/package.json +1 -1
- package/src/brand/{amsterdam → ams}/color.tokens.json +1 -1
- package/src/brand/{amsterdam → ams}/proportion.tokens.json +1 -1
- package/src/brand/{amsterdam → ams}/space.compact.tokens.json +1 -1
- package/src/brand/{amsterdam → ams}/space.tokens.json +1 -1
- package/src/brand/{amsterdam/typography.compact.tokens.json → ams/text.compact.tokens.json} +3 -3
- package/src/brand/{amsterdam/typography.tokens.json → ams/text.tokens.json} +3 -3
- package/src/common/{amsterdam → ams}/action.tokens.json +1 -1
- package/src/common/{amsterdam → ams}/border.tokens.json +1 -1
- package/src/common/{amsterdam → ams}/focus.tokens.json +1 -1
- package/src/common/{amsterdam → ams}/hyphenation.tokens.json +1 -1
- package/src/common/{amsterdam → ams}/link-appearance.tokens.json +5 -5
- package/src/components/ams/accordion.tokens.json +25 -0
- package/src/components/ams/alert.tokens.json +29 -0
- package/src/components/ams/aspect-ratio.tokens.json +12 -0
- package/src/components/ams/badge.tokens.json +43 -0
- package/src/components/ams/blockquote.tokens.json +12 -0
- package/src/components/ams/breadcrumb.tokens.json +26 -0
- package/src/components/ams/button.tokens.json +59 -0
- package/src/components/ams/card.tokens.json +17 -0
- package/src/components/ams/checkbox.tokens.json +75 -0
- package/src/components/ams/column.tokens.json +13 -0
- package/src/components/{amsterdam → ams}/dialog.tokens.json +7 -7
- package/src/components/ams/fieldset.tokens.json +13 -0
- package/src/components/ams/form-label.tokens.json +11 -0
- package/src/components/ams/gap.tokens.json +11 -0
- package/src/components/ams/grid.compact.tokens.json +7 -0
- package/src/components/ams/grid.tokens.json +25 -0
- package/src/components/ams/header.tokens.json +14 -0
- package/src/components/ams/heading.tokens.json +36 -0
- package/src/components/ams/icon-button.tokens.json +37 -0
- package/src/components/ams/icon.tokens.json +22 -0
- package/src/components/ams/link-list.tokens.json +45 -0
- package/src/components/ams/link.tokens.json +61 -0
- package/src/components/ams/logo.tokens.json +10 -0
- package/src/components/ams/margin.tokens.json +11 -0
- package/src/components/ams/mark.tokens.json +7 -0
- package/src/components/ams/mega-menu.tokens.json +18 -0
- package/src/components/{amsterdam → ams}/ordered-list.tokens.json +7 -7
- package/src/components/ams/page-heading.tokens.json +12 -0
- package/src/components/ams/page-menu.tokens.json +24 -0
- package/src/components/ams/pagination.tokens.json +25 -0
- package/src/components/ams/paragraph.tokens.json +22 -0
- package/src/components/{amsterdam → ams}/radio.tokens.json +14 -14
- package/src/components/ams/row.tokens.json +13 -0
- package/src/components/{amsterdam → ams}/screen.tokens.json +1 -1
- package/src/components/ams/search-field.tokens.json +45 -0
- package/src/components/ams/skip-link.tokens.json +18 -0
- package/src/components/ams/spotlight.tokens.json +30 -0
- package/src/components/ams/switch.tokens.json +24 -0
- package/src/components/ams/table.tokens.json +22 -0
- package/src/components/ams/tabs.tokens.json +34 -0
- package/src/components/ams/text-area.tokens.json +36 -0
- package/src/components/ams/text-input.tokens.json +32 -0
- package/src/components/ams/top-task-link.tokens.json +28 -0
- package/src/components/{amsterdam → ams}/unordered-list.tokens.json +7 -7
- package/src/components/amsterdam/accordion.tokens.json +0 -25
- package/src/components/amsterdam/alert.tokens.json +0 -29
- package/src/components/amsterdam/aspect-ratio.tokens.json +0 -12
- package/src/components/amsterdam/badge.tokens.json +0 -43
- package/src/components/amsterdam/blockquote.tokens.json +0 -12
- package/src/components/amsterdam/breadcrumb.tokens.json +0 -26
- package/src/components/amsterdam/button.tokens.json +0 -59
- package/src/components/amsterdam/card.tokens.json +0 -17
- package/src/components/amsterdam/checkbox.tokens.json +0 -75
- package/src/components/amsterdam/column.tokens.json +0 -13
- package/src/components/amsterdam/fieldset.tokens.json +0 -13
- package/src/components/amsterdam/form-label.tokens.json +0 -11
- package/src/components/amsterdam/gap.tokens.json +0 -11
- package/src/components/amsterdam/grid.compact.tokens.json +0 -7
- package/src/components/amsterdam/grid.tokens.json +0 -25
- package/src/components/amsterdam/header.tokens.json +0 -14
- package/src/components/amsterdam/heading.tokens.json +0 -34
- package/src/components/amsterdam/icon-button.tokens.json +0 -37
- package/src/components/amsterdam/icon.tokens.json +0 -22
- package/src/components/amsterdam/link-list.tokens.json +0 -45
- package/src/components/amsterdam/link.tokens.json +0 -61
- package/src/components/amsterdam/logo.tokens.json +0 -10
- package/src/components/amsterdam/margin.tokens.json +0 -11
- package/src/components/amsterdam/mark.tokens.json +0 -7
- package/src/components/amsterdam/mega-menu.tokens.json +0 -18
- package/src/components/amsterdam/page-heading.tokens.json +0 -12
- package/src/components/amsterdam/page-menu.tokens.json +0 -24
- package/src/components/amsterdam/pagination.tokens.json +0 -25
- package/src/components/amsterdam/paragraph.tokens.json +0 -22
- package/src/components/amsterdam/row.tokens.json +0 -13
- package/src/components/amsterdam/search-field.tokens.json +0 -45
- package/src/components/amsterdam/skip-link.tokens.json +0 -18
- package/src/components/amsterdam/spotlight.tokens.json +0 -30
- package/src/components/amsterdam/switch.tokens.json +0 -24
- package/src/components/amsterdam/table.tokens.json +0 -22
- package/src/components/amsterdam/tabs.tokens.json +0 -34
- package/src/components/amsterdam/text-area.tokens.json +0 -36
- package/src/components/amsterdam/text-input.tokens.json +0 -32
- package/src/components/amsterdam/top-task-link.tokens.json +0 -28
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ams": {
|
|
3
|
+
"top-task-link": {
|
|
4
|
+
"description": {
|
|
5
|
+
"color": { "value": "{ams.color.primary-black}" },
|
|
6
|
+
"font-family": { "value": "{ams.text.font-family}" },
|
|
7
|
+
"font-size": { "value": "{ams.text.level.6.font-size}" },
|
|
8
|
+
"font-weight": { "value": "{ams.text.font-weight.normal}" },
|
|
9
|
+
"line-height": { "value": "{ams.text.level.6.line-height}" }
|
|
10
|
+
},
|
|
11
|
+
"label": {
|
|
12
|
+
"color": { "value": "{ams.link-appearance.color}" },
|
|
13
|
+
"font-family": { "value": "{ams.text.font-family}" },
|
|
14
|
+
"font-size": { "value": "{ams.text.level.4.font-size}" },
|
|
15
|
+
"font-weight": { "value": "{ams.text.font-weight.bold}" },
|
|
16
|
+
"line-height": { "value": "{ams.text.level.4.line-height}" },
|
|
17
|
+
"text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
|
|
18
|
+
"text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
|
|
19
|
+
"text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
|
|
20
|
+
"hover": {
|
|
21
|
+
"color": { "value": "{ams.color.dark-blue}" },
|
|
22
|
+
"text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"outline-offset": { "value": "{ams.focus.outline-offset}" }
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
2
|
+
"ams": {
|
|
3
3
|
"unordered-list": {
|
|
4
|
-
"color": { "value": "{
|
|
5
|
-
"font-family": { "value": "{
|
|
6
|
-
"font-size": { "value": "{
|
|
7
|
-
"font-weight": { "value": "{
|
|
4
|
+
"color": { "value": "{ams.color.primary-black}" },
|
|
5
|
+
"font-family": { "value": "{ams.text.font-family}" },
|
|
6
|
+
"font-size": { "value": "{ams.text.level.5.font-size}" },
|
|
7
|
+
"font-weight": { "value": "{ams.text.font-weight.normal}" },
|
|
8
8
|
"gap": { "value": "0.75rem" },
|
|
9
|
-
"inverse-color": { "value": "{
|
|
10
|
-
"line-height": { "value": "{
|
|
9
|
+
"inverse-color": { "value": "{ams.color.primary-white}" },
|
|
10
|
+
"line-height": { "value": "{ams.text.level.5.line-height}" },
|
|
11
11
|
"list-style-type": { "value": "'\\2022'" },
|
|
12
12
|
"item": {
|
|
13
13
|
"margin-inline-start": {
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"accordion": {
|
|
4
|
-
"button": {
|
|
5
|
-
"color": { "value": "{amsterdam.color.primary-blue}" },
|
|
6
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
7
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
8
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
|
|
9
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
|
|
10
|
-
"padding-block": { "value": "{amsterdam.space.inside.sm}" },
|
|
11
|
-
"padding-inline": { "value": "{amsterdam.space.inside.md}" },
|
|
12
|
-
"focus": {
|
|
13
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
|
|
14
|
-
},
|
|
15
|
-
"hover": {
|
|
16
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey3}" }
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"panel": {
|
|
20
|
-
"padding-block": { "value": "{amsterdam.space.inside.md}" },
|
|
21
|
-
"padding-inline": { "value": "{amsterdam.space.inside.md}" }
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"alert": {
|
|
4
|
-
"border-width": { "value": "4px" },
|
|
5
|
-
"border-style": { "value": "solid" },
|
|
6
|
-
"gap": { "value": "1rem" },
|
|
7
|
-
"padding-block": { "value": "{amsterdam.space.inside.md}" },
|
|
8
|
-
"padding-inline": { "value": "{amsterdam.space.inside.lg}" },
|
|
9
|
-
"error": {
|
|
10
|
-
"border-color": { "value": "{amsterdam.color.primary-red}" }
|
|
11
|
-
},
|
|
12
|
-
"info": {
|
|
13
|
-
"border-color": { "value": "{amsterdam.color.primary-blue}" }
|
|
14
|
-
},
|
|
15
|
-
"success": {
|
|
16
|
-
"border-color": { "value": "{amsterdam.color.dark-green}" }
|
|
17
|
-
},
|
|
18
|
-
"warning": {
|
|
19
|
-
"border-color": { "value": "{amsterdam.color.orange}" }
|
|
20
|
-
},
|
|
21
|
-
"close": {
|
|
22
|
-
"fill": { "value": "{amsterdam.color.primary-black}" },
|
|
23
|
-
"hover": {
|
|
24
|
-
"fill": { "value": "{amsterdam.color.primary-blue}" }
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"aspect-ratio": {
|
|
4
|
-
"x-tall": { "value": "{amsterdam.proportion.x-tall}" },
|
|
5
|
-
"tall": { "value": "{amsterdam.proportion.tall}" },
|
|
6
|
-
"square": { "value": "{amsterdam.proportion.square}" },
|
|
7
|
-
"wide": { "value": "{amsterdam.proportion.wide}" },
|
|
8
|
-
"x-wide": { "value": "{amsterdam.proportion.x-wide}" },
|
|
9
|
-
"2x-wide": { "value": "{amsterdam.proportion.2x-wide}" }
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"badge": {
|
|
4
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
5
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
6
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
|
|
7
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
|
|
8
|
-
"padding-inline": { "value": "{amsterdam.space.inside.xs}" },
|
|
9
|
-
"blue": {
|
|
10
|
-
"background-color": { "value": "{amsterdam.color.blue}" },
|
|
11
|
-
"color": { "value": "{amsterdam.color.primary-black}" }
|
|
12
|
-
},
|
|
13
|
-
"dark-blue": {
|
|
14
|
-
"background-color": { "value": "{amsterdam.color.primary-blue}" },
|
|
15
|
-
"color": { "value": "{amsterdam.color.primary-white}" }
|
|
16
|
-
},
|
|
17
|
-
"dark-green": {
|
|
18
|
-
"background-color": { "value": "{amsterdam.color.dark-green}" },
|
|
19
|
-
"color": { "value": "{amsterdam.color.primary-white}" }
|
|
20
|
-
},
|
|
21
|
-
"green": {
|
|
22
|
-
"background-color": { "value": "{amsterdam.color.green}" },
|
|
23
|
-
"color": { "value": "{amsterdam.color.primary-black}" }
|
|
24
|
-
},
|
|
25
|
-
"magenta": {
|
|
26
|
-
"background-color": { "value": "{amsterdam.color.magenta}" },
|
|
27
|
-
"color": { "value": "{amsterdam.color.primary-white}" }
|
|
28
|
-
},
|
|
29
|
-
"orange": {
|
|
30
|
-
"background-color": { "value": "{amsterdam.color.orange}" },
|
|
31
|
-
"color": { "value": "{amsterdam.color.primary-black}" }
|
|
32
|
-
},
|
|
33
|
-
"purple": {
|
|
34
|
-
"background-color": { "value": "{amsterdam.color.purple}" },
|
|
35
|
-
"color": { "value": "{amsterdam.color.primary-white}" }
|
|
36
|
-
},
|
|
37
|
-
"yellow": {
|
|
38
|
-
"background-color": { "value": "{amsterdam.color.yellow}" },
|
|
39
|
-
"color": { "value": "{amsterdam.color.primary-black}" }
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"blockquote": {
|
|
4
|
-
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
5
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
6
|
-
"font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
|
|
7
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
|
|
8
|
-
"line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" },
|
|
9
|
-
"inverse-color": { "value": "{amsterdam.color.primary-white}" }
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"breadcrumb": {
|
|
4
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
5
|
-
"font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
|
|
6
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
|
|
7
|
-
"line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" },
|
|
8
|
-
"separator": {
|
|
9
|
-
"background-image": {
|
|
10
|
-
"value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>\")"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
"item-link": {
|
|
14
|
-
"color": { "value": "{amsterdam.link-appearance.color}" },
|
|
15
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
|
|
16
|
-
"text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
|
|
17
|
-
"text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
|
|
18
|
-
"text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
|
|
19
|
-
"hover": {
|
|
20
|
-
"color": { "value": "{amsterdam.color.dark-blue}" },
|
|
21
|
-
"text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"button": {
|
|
4
|
-
"cursor": { "value": "{amsterdam.action.activate.cursor}" },
|
|
5
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
6
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
7
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
|
|
8
|
-
"gap": { "value": "1rem" },
|
|
9
|
-
"padding-block": { "value": "{amsterdam.space.inside.xs}" },
|
|
10
|
-
"padding-inline": { "value": "{amsterdam.space.inside.md}" },
|
|
11
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
|
|
12
|
-
"disabled": {
|
|
13
|
-
"cursor": { "value": "{amsterdam.action.disabled.cursor}" }
|
|
14
|
-
},
|
|
15
|
-
"primary": {
|
|
16
|
-
"background-color": { "value": "{amsterdam.color.primary-blue}" },
|
|
17
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" },
|
|
18
|
-
"color": { "value": "{amsterdam.color.primary-white}" },
|
|
19
|
-
"disabled": {
|
|
20
|
-
"background-color": { "value": "{amsterdam.color.neutral-grey2}" },
|
|
21
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey2}" }
|
|
22
|
-
},
|
|
23
|
-
"hover": {
|
|
24
|
-
"background-color": { "value": "{amsterdam.color.dark-blue}" },
|
|
25
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.dark-blue}" }
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"secondary": {
|
|
29
|
-
"background-color": { "value": "{amsterdam.color.primary-white}" },
|
|
30
|
-
"color": { "value": "{amsterdam.color.primary-blue}" },
|
|
31
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" },
|
|
32
|
-
"hover": {
|
|
33
|
-
"box-shadow": { "value": "inset 0 0 0 3px {amsterdam.color.dark-blue}" },
|
|
34
|
-
"color": { "value": "{amsterdam.color.dark-blue}" }
|
|
35
|
-
},
|
|
36
|
-
"disabled": {
|
|
37
|
-
"background-color": { "value": "{amsterdam.color.primary-white}" },
|
|
38
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey2}" },
|
|
39
|
-
"color": { "value": "{amsterdam.color.neutral-grey2}" }
|
|
40
|
-
},
|
|
41
|
-
"focus": {
|
|
42
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" }
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
"tertiary": {
|
|
46
|
-
"background-color": { "value": "transparent" },
|
|
47
|
-
"color": { "value": "{amsterdam.color.primary-blue}" },
|
|
48
|
-
"hover": {
|
|
49
|
-
"box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.dark-blue}" },
|
|
50
|
-
"color": { "value": "{amsterdam.color.dark-blue}" }
|
|
51
|
-
},
|
|
52
|
-
"disabled": {
|
|
53
|
-
"background-color": { "value": "transparent" },
|
|
54
|
-
"color": { "value": "{amsterdam.color.neutral-grey2}" }
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"card": {
|
|
4
|
-
"link": {
|
|
5
|
-
"color": { "value": "{amsterdam.link-appearance.color}" },
|
|
6
|
-
"text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
|
|
7
|
-
"text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
|
|
8
|
-
"text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
|
|
9
|
-
"hover": {
|
|
10
|
-
"color": { "value": "{amsterdam.link-appearance.hover.color}" },
|
|
11
|
-
"text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"checkbox": {
|
|
4
|
-
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
5
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
6
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
7
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
|
|
8
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
|
|
9
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
|
|
10
|
-
"checkmark": {
|
|
11
|
-
"border-color": { "value": "{amsterdam.color.primary-blue}" },
|
|
12
|
-
"checked": {
|
|
13
|
-
"background-color": { "value": "{amsterdam.color.primary-blue}" },
|
|
14
|
-
"background-image": {
|
|
15
|
-
"value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\")"
|
|
16
|
-
},
|
|
17
|
-
"hover": {
|
|
18
|
-
"background-color": { "value": "{amsterdam.color.dark-blue}" }
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"disabled": {
|
|
22
|
-
"border-color": { "value": "{amsterdam.color.neutral-grey3}" },
|
|
23
|
-
"checked": {
|
|
24
|
-
"background-color": { "value": "{amsterdam.color.neutral-grey3}" },
|
|
25
|
-
"hover": {
|
|
26
|
-
"background-color": { "value": "{amsterdam.color.neutral-grey3}" }
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
"indeterminate": {
|
|
30
|
-
"background-color": { "value": "{amsterdam.color.neutral-grey3}" },
|
|
31
|
-
"hover": {
|
|
32
|
-
"background-color": { "value": "{amsterdam.color.neutral-grey3}" }
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"hover": {
|
|
37
|
-
"border-color": { "value": "{amsterdam.color.dark-blue}" }
|
|
38
|
-
},
|
|
39
|
-
"invalid": {
|
|
40
|
-
"border-color": { "value": "{amsterdam.color.primary-red}" },
|
|
41
|
-
"checked": {
|
|
42
|
-
"background-color": { "value": "{amsterdam.color.primary-red}" },
|
|
43
|
-
"hover": {
|
|
44
|
-
"background-color": { "value": "{amsterdam.color.primary-red}" }
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
"hover": {
|
|
48
|
-
"border-color": { "value": "{amsterdam.color.primary-red}" }
|
|
49
|
-
},
|
|
50
|
-
"indeterminate": {
|
|
51
|
-
"background-color": { "value": "{amsterdam.color.primary-red}" },
|
|
52
|
-
"hover": {
|
|
53
|
-
"background-color": { "value": "{amsterdam.color.primary-red}" }
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
"indeterminate": {
|
|
58
|
-
"background-color": { "value": "{amsterdam.color.primary-blue}" },
|
|
59
|
-
"background-image": {
|
|
60
|
-
"value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\")"
|
|
61
|
-
},
|
|
62
|
-
"hover": {
|
|
63
|
-
"background-color": { "value": "{amsterdam.color.dark-blue}" }
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
"disabled": {
|
|
68
|
-
"color": { "value": "{amsterdam.color.neutral-grey3}" }
|
|
69
|
-
},
|
|
70
|
-
"hover": {
|
|
71
|
-
"color": { "value": "{amsterdam.color.dark-blue}" }
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"column": {
|
|
4
|
-
"gap": {
|
|
5
|
-
"xs": { "value": "{amsterdam.space.grid.xs}" },
|
|
6
|
-
"sm": { "value": "{amsterdam.space.grid.sm}" },
|
|
7
|
-
"md": { "value": "{amsterdam.space.grid.md}" },
|
|
8
|
-
"lg": { "value": "{amsterdam.space.grid.lg}" },
|
|
9
|
-
"xl": { "value": "{amsterdam.space.grid.xl}" }
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"fieldset": {
|
|
4
|
-
"legend": {
|
|
5
|
-
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
6
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
7
|
-
"font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
|
|
8
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
|
|
9
|
-
"line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"form-label": {
|
|
4
|
-
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
5
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
6
|
-
"font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
|
|
7
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
|
|
8
|
-
"line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"gap": {
|
|
4
|
-
"xs": { "value": "{amsterdam.space.grid.xs}" },
|
|
5
|
-
"sm": { "value": "{amsterdam.space.grid.sm}" },
|
|
6
|
-
"md": { "value": "{amsterdam.space.grid.md}" },
|
|
7
|
-
"lg": { "value": "{amsterdam.space.grid.lg}" },
|
|
8
|
-
"xl": { "value": "{amsterdam.space.grid.xl}" }
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"grid": {
|
|
4
|
-
"column-count": { "value": "4" },
|
|
5
|
-
"column-gap": { "value": "{amsterdam.space.grid.md}" },
|
|
6
|
-
"padding-block": {
|
|
7
|
-
"sm": { "value": "{amsterdam.space.grid.sm}" },
|
|
8
|
-
"md": { "value": "{amsterdam.space.grid.md}" },
|
|
9
|
-
"lg": { "value": "{amsterdam.space.grid.lg}" }
|
|
10
|
-
},
|
|
11
|
-
"padding-inline": { "value": "{amsterdam.space.grid.lg}" },
|
|
12
|
-
"row-gap": {
|
|
13
|
-
"sm": { "value": "{amsterdam.space.grid.sm}" },
|
|
14
|
-
"md": { "value": "{amsterdam.space.grid.md}" },
|
|
15
|
-
"lg": { "value": "{amsterdam.space.grid.lg}" }
|
|
16
|
-
},
|
|
17
|
-
"medium": {
|
|
18
|
-
"column-count": { "value": "8" }
|
|
19
|
-
},
|
|
20
|
-
"wide": {
|
|
21
|
-
"column-count": { "value": "12" }
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"header": {
|
|
4
|
-
"column-gap": {
|
|
5
|
-
"value": "{amsterdam.space.grid.md}",
|
|
6
|
-
"comment": "Must have the same value as `amsterdam.grid.column-gap`."
|
|
7
|
-
},
|
|
8
|
-
"padding-block": { "value": "{amsterdam.space.inside.md}" },
|
|
9
|
-
"logo-link": {
|
|
10
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"heading": {
|
|
4
|
-
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
5
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
6
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
|
|
7
|
-
"inverse-color": { "value": "{amsterdam.color.primary-white}" },
|
|
8
|
-
"level-1": {
|
|
9
|
-
"font-size": { "value": "{amsterdam.typography.text-level.1.font-size}" },
|
|
10
|
-
"line-height": { "value": "{amsterdam.typography.text-level.1.line-height}" }
|
|
11
|
-
},
|
|
12
|
-
"level-2": {
|
|
13
|
-
"font-size": { "value": "{amsterdam.typography.text-level.2.font-size}" },
|
|
14
|
-
"line-height": { "value": "{amsterdam.typography.text-level.2.line-height}" }
|
|
15
|
-
},
|
|
16
|
-
"level-3": {
|
|
17
|
-
"font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
|
|
18
|
-
"line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" }
|
|
19
|
-
},
|
|
20
|
-
"level-4": {
|
|
21
|
-
"font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
|
|
22
|
-
"line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
|
|
23
|
-
},
|
|
24
|
-
"level-5": {
|
|
25
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
26
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
|
|
27
|
-
},
|
|
28
|
-
"level-6": {
|
|
29
|
-
"font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
|
|
30
|
-
"line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"icon-button": {
|
|
4
|
-
"color": { "value": "{amsterdam.color.primary-blue}" },
|
|
5
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
|
|
6
|
-
"hover": {
|
|
7
|
-
"background-color": { "value": "rgba(0, 70, 153, 0.125)" },
|
|
8
|
-
"color": { "value": "{amsterdam.color.dark-blue}" }
|
|
9
|
-
},
|
|
10
|
-
"disabled": {
|
|
11
|
-
"color": { "value": "{amsterdam.color.neutral-grey2}" }
|
|
12
|
-
},
|
|
13
|
-
"on-background-light": {
|
|
14
|
-
"color": { "value": "{amsterdam.color.primary-black}" },
|
|
15
|
-
"hover": {
|
|
16
|
-
"background-color": { "value": "rgba(0, 0, 0, 0.125)" },
|
|
17
|
-
"color": { "value": "{amsterdam.color.primary-black}" }
|
|
18
|
-
},
|
|
19
|
-
"disabled": {
|
|
20
|
-
"color": { "value": "{amsterdam.color.neutral-grey2}" }
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
"on-background-dark": {
|
|
24
|
-
"background-color": { "value": "{amsterdam.color.primary-blue}" },
|
|
25
|
-
"color": { "value": "{amsterdam.color.primary-white}" },
|
|
26
|
-
"hover": {
|
|
27
|
-
"background-color": { "value": "{amsterdam.color.dark-blue}" },
|
|
28
|
-
"color": { "value": "{amsterdam.color.primary-white}" }
|
|
29
|
-
},
|
|
30
|
-
"disabled": {
|
|
31
|
-
"color": { "value": "{amsterdam.color.primary-white}" },
|
|
32
|
-
"background-color": { "value": "{amsterdam.color.neutral-grey2}" }
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"icon": {
|
|
4
|
-
"size-3": {
|
|
5
|
-
"font-size": { "value": "{amsterdam.typography.text-level.3.font-size}" },
|
|
6
|
-
"line-height": { "value": "{amsterdam.typography.text-level.3.line-height}" }
|
|
7
|
-
},
|
|
8
|
-
"size-4": {
|
|
9
|
-
"font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
|
|
10
|
-
"line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
|
|
11
|
-
},
|
|
12
|
-
"size-5": {
|
|
13
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
14
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
|
|
15
|
-
},
|
|
16
|
-
"size-6": {
|
|
17
|
-
"font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
|
|
18
|
-
"line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"amsterdam": {
|
|
3
|
-
"link-list": {
|
|
4
|
-
"gap": { "value": "0.5em" },
|
|
5
|
-
"link": {
|
|
6
|
-
"color": { "value": "{amsterdam.link-appearance.color}" },
|
|
7
|
-
"font-family": { "value": "{amsterdam.typography.font-family}" },
|
|
8
|
-
"font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
|
|
9
|
-
"gap": { "value": "0.5em" },
|
|
10
|
-
"outline-offset": { "value": "{amsterdam.focus.outline-offset}" },
|
|
11
|
-
"text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.text-decoration-line}" },
|
|
12
|
-
"text-decoration-thickness": { "value": "{amsterdam.link-appearance.text-decoration-thickness}" },
|
|
13
|
-
"text-underline-offset": { "value": "{amsterdam.link-appearance.text-underline-offset}" },
|
|
14
|
-
"small": {
|
|
15
|
-
"font-size": { "value": "{amsterdam.typography.text-level.6.font-size}" },
|
|
16
|
-
"line-height": { "value": "{amsterdam.typography.text-level.6.line-height}" }
|
|
17
|
-
},
|
|
18
|
-
"medium": {
|
|
19
|
-
"font-size": { "value": "{amsterdam.typography.text-level.5.font-size}" },
|
|
20
|
-
"line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" }
|
|
21
|
-
},
|
|
22
|
-
"large": {
|
|
23
|
-
"font-size": { "value": "{amsterdam.typography.text-level.4.font-size}" },
|
|
24
|
-
"line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" }
|
|
25
|
-
},
|
|
26
|
-
"hover": {
|
|
27
|
-
"color": { "value": "{amsterdam.link-appearance.hover.color}" },
|
|
28
|
-
"text-decoration-line": { "value": "{amsterdam.link-appearance.subtle.hover.text-decoration-line}" }
|
|
29
|
-
},
|
|
30
|
-
"on-background-dark": {
|
|
31
|
-
"color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" },
|
|
32
|
-
"hover": {
|
|
33
|
-
"color": { "value": "{amsterdam.link-appearance.on-background-dark.color}" }
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"on-background-light": {
|
|
37
|
-
"color": { "value": "{amsterdam.link-appearance.on-background-light.color}" },
|
|
38
|
-
"hover": {
|
|
39
|
-
"color": { "value": "{amsterdam.link-appearance.on-background-light.color}" }
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|