@amsterdam/design-system-tokens 0.6.0 → 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.
Files changed (109) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/build.js +1 -1
  3. package/dist/compact.css +14 -14
  4. package/dist/compact.d.ts +4 -4
  5. package/dist/compact.json +3 -3
  6. package/dist/compact.mjs +14 -14
  7. package/dist/compact.scss +14 -14
  8. package/dist/compact.theme.css +15 -15
  9. package/dist/index.css +581 -582
  10. package/dist/index.d.ts +29 -30
  11. package/dist/index.json +43 -44
  12. package/dist/index.mjs +581 -582
  13. package/dist/index.scss +581 -582
  14. package/dist/index.theme.css +582 -583
  15. package/package.json +1 -1
  16. package/src/brand/{amsterdam → ams}/color.tokens.json +1 -1
  17. package/src/brand/{amsterdam → ams}/proportion.tokens.json +1 -1
  18. package/src/brand/{amsterdam → ams}/space.compact.tokens.json +1 -1
  19. package/src/brand/{amsterdam → ams}/space.tokens.json +5 -5
  20. package/src/brand/{amsterdam/typography.compact.tokens.json → ams/text.compact.tokens.json} +3 -3
  21. package/src/brand/{amsterdam/typography.tokens.json → ams/text.tokens.json} +3 -3
  22. package/src/common/{amsterdam → ams}/action.tokens.json +1 -1
  23. package/src/common/{amsterdam → ams}/border.tokens.json +1 -1
  24. package/src/common/{amsterdam → ams}/focus.tokens.json +1 -1
  25. package/src/common/{amsterdam → ams}/hyphenation.tokens.json +1 -1
  26. package/src/common/{amsterdam → ams}/link-appearance.tokens.json +5 -5
  27. package/src/components/ams/accordion.tokens.json +25 -0
  28. package/src/components/ams/alert.tokens.json +29 -0
  29. package/src/components/ams/aspect-ratio.tokens.json +12 -0
  30. package/src/components/ams/badge.tokens.json +43 -0
  31. package/src/components/ams/blockquote.tokens.json +12 -0
  32. package/src/components/ams/breadcrumb.tokens.json +26 -0
  33. package/src/components/ams/button.tokens.json +59 -0
  34. package/src/components/ams/card.tokens.json +17 -0
  35. package/src/components/ams/checkbox.tokens.json +75 -0
  36. package/src/components/ams/column.tokens.json +13 -0
  37. package/src/components/{amsterdam → ams}/dialog.tokens.json +7 -7
  38. package/src/components/ams/fieldset.tokens.json +13 -0
  39. package/src/components/ams/form-label.tokens.json +11 -0
  40. package/src/components/ams/gap.tokens.json +11 -0
  41. package/src/components/ams/grid.compact.tokens.json +7 -0
  42. package/src/components/ams/grid.tokens.json +25 -0
  43. package/src/components/ams/header.tokens.json +14 -0
  44. package/src/components/ams/heading.tokens.json +36 -0
  45. package/src/components/ams/icon-button.tokens.json +37 -0
  46. package/src/components/ams/icon.tokens.json +22 -0
  47. package/src/components/ams/link-list.tokens.json +45 -0
  48. package/src/components/ams/link.tokens.json +61 -0
  49. package/src/components/ams/logo.tokens.json +10 -0
  50. package/src/components/ams/margin.tokens.json +11 -0
  51. package/src/components/ams/mark.tokens.json +7 -0
  52. package/src/components/ams/mega-menu.tokens.json +18 -0
  53. package/src/components/{amsterdam → ams}/ordered-list.tokens.json +7 -7
  54. package/src/components/ams/page-heading.tokens.json +12 -0
  55. package/src/components/ams/page-menu.tokens.json +24 -0
  56. package/src/components/ams/pagination.tokens.json +25 -0
  57. package/src/components/ams/paragraph.tokens.json +22 -0
  58. package/src/components/{amsterdam → ams}/radio.tokens.json +14 -14
  59. package/src/components/ams/row.tokens.json +13 -0
  60. package/src/components/{amsterdam → ams}/screen.tokens.json +1 -1
  61. package/src/components/ams/search-field.tokens.json +45 -0
  62. package/src/components/ams/skip-link.tokens.json +18 -0
  63. package/src/components/ams/spotlight.tokens.json +30 -0
  64. package/src/components/ams/switch.tokens.json +24 -0
  65. package/src/components/ams/table.tokens.json +22 -0
  66. package/src/components/ams/tabs.tokens.json +34 -0
  67. package/src/components/ams/text-area.tokens.json +36 -0
  68. package/src/components/ams/text-input.tokens.json +32 -0
  69. package/src/components/ams/top-task-link.tokens.json +28 -0
  70. package/src/components/{amsterdam → ams}/unordered-list.tokens.json +7 -7
  71. package/src/components/amsterdam/accordion.tokens.json +0 -25
  72. package/src/components/amsterdam/alert.tokens.json +0 -29
  73. package/src/components/amsterdam/aspect-ratio.tokens.json +0 -12
  74. package/src/components/amsterdam/badge.tokens.json +0 -43
  75. package/src/components/amsterdam/blockquote.tokens.json +0 -12
  76. package/src/components/amsterdam/breadcrumb.tokens.json +0 -26
  77. package/src/components/amsterdam/button.tokens.json +0 -62
  78. package/src/components/amsterdam/card.tokens.json +0 -17
  79. package/src/components/amsterdam/checkbox.tokens.json +0 -75
  80. package/src/components/amsterdam/column.tokens.json +0 -13
  81. package/src/components/amsterdam/fieldset.tokens.json +0 -13
  82. package/src/components/amsterdam/form-label.tokens.json +0 -11
  83. package/src/components/amsterdam/gap.tokens.json +0 -11
  84. package/src/components/amsterdam/grid.compact.tokens.json +0 -7
  85. package/src/components/amsterdam/grid.tokens.json +0 -25
  86. package/src/components/amsterdam/header.tokens.json +0 -14
  87. package/src/components/amsterdam/heading.tokens.json +0 -34
  88. package/src/components/amsterdam/icon-button.tokens.json +0 -37
  89. package/src/components/amsterdam/icon.tokens.json +0 -22
  90. package/src/components/amsterdam/link-list.tokens.json +0 -45
  91. package/src/components/amsterdam/link.tokens.json +0 -61
  92. package/src/components/amsterdam/logo.tokens.json +0 -10
  93. package/src/components/amsterdam/margin.tokens.json +0 -11
  94. package/src/components/amsterdam/mark.tokens.json +0 -7
  95. package/src/components/amsterdam/mega-menu.tokens.json +0 -18
  96. package/src/components/amsterdam/page-heading.tokens.json +0 -12
  97. package/src/components/amsterdam/page-menu.tokens.json +0 -24
  98. package/src/components/amsterdam/pagination.tokens.json +0 -25
  99. package/src/components/amsterdam/paragraph.tokens.json +0 -22
  100. package/src/components/amsterdam/row.tokens.json +0 -13
  101. package/src/components/amsterdam/search-field.tokens.json +0 -45
  102. package/src/components/amsterdam/skip-link.tokens.json +0 -18
  103. package/src/components/amsterdam/spotlight.tokens.json +0 -30
  104. package/src/components/amsterdam/switch.tokens.json +0 -24
  105. package/src/components/amsterdam/table.tokens.json +0 -22
  106. package/src/components/amsterdam/tabs.tokens.json +0 -34
  107. package/src/components/amsterdam/text-area.tokens.json +0 -36
  108. package/src/components/amsterdam/text-input.tokens.json +0 -32
  109. package/src/components/amsterdam/top-task-link.tokens.json +0 -28
@@ -0,0 +1,32 @@
1
+ {
2
+ "ams": {
3
+ "text-input": {
4
+ "box-shadow": { "value": "inset 0 0 0 1px {ams.color.primary-black}" },
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
+ "outline-offset": { "value": "{ams.focus.outline-offset}" },
11
+ "padding-block": { "value": "{ams.space.inside.xs}" },
12
+ "padding-inline": { "value": "{ams.space.inside.md}" },
13
+ "disabled": {
14
+ "background-color": { "value": "{ams.color.primary-white}" },
15
+ "box-shadow": { "value": "inset 0 0 0 1px {ams.color.neutral-grey2}" },
16
+ "color": { "value": "{ams.color.neutral-grey2}" }
17
+ },
18
+ "hover": {
19
+ "box-shadow": { "value": "inset 0 0 0 2px {ams.color.primary-black}" }
20
+ },
21
+ "invalid": {
22
+ "box-shadow": { "value": "inset 0 0 0 1px {ams.color.primary-red}" },
23
+ "hover": {
24
+ "box-shadow": { "value": "inset 0 0 0 2px {ams.color.primary-red}" }
25
+ }
26
+ },
27
+ "placeholder": {
28
+ "color": { "value": "{ams.color.neutral-grey3}" }
29
+ }
30
+ }
31
+ }
32
+ }
@@ -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
- "amsterdam": {
2
+ "ams": {
3
3
  "unordered-list": {
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}" },
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": "{amsterdam.color.primary-white}" },
10
- "line-height": { "value": "{amsterdam.typography.text-level.5.line-height}" },
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,62 +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
- "busy": {
13
- "cursor": { "value": "{amsterdam.action.busy.cursor}" }
14
- },
15
- "disabled": {
16
- "cursor": { "value": "{amsterdam.action.disabled.cursor}" }
17
- },
18
- "primary": {
19
- "background-color": { "value": "{amsterdam.color.primary-blue}" },
20
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" },
21
- "color": { "value": "{amsterdam.color.primary-white}" },
22
- "disabled": {
23
- "background-color": { "value": "{amsterdam.color.neutral-grey2}" },
24
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey2}" }
25
- },
26
- "hover": {
27
- "background-color": { "value": "{amsterdam.color.dark-blue}" },
28
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.dark-blue}" }
29
- }
30
- },
31
- "secondary": {
32
- "background-color": { "value": "{amsterdam.color.primary-white}" },
33
- "color": { "value": "{amsterdam.color.primary-blue}" },
34
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" },
35
- "hover": {
36
- "box-shadow": { "value": "inset 0 0 0 3px {amsterdam.color.dark-blue}" },
37
- "color": { "value": "{amsterdam.color.dark-blue}" }
38
- },
39
- "disabled": {
40
- "background-color": { "value": "{amsterdam.color.primary-white}" },
41
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.neutral-grey2}" },
42
- "color": { "value": "{amsterdam.color.neutral-grey2}" }
43
- },
44
- "focus": {
45
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.primary-blue}" }
46
- }
47
- },
48
- "tertiary": {
49
- "background-color": { "value": "transparent" },
50
- "color": { "value": "{amsterdam.color.primary-blue}" },
51
- "hover": {
52
- "box-shadow": { "value": "inset 0 0 0 2px {amsterdam.color.dark-blue}" },
53
- "color": { "value": "{amsterdam.color.dark-blue}" }
54
- },
55
- "disabled": {
56
- "background-color": { "value": "transparent" },
57
- "color": { "value": "{amsterdam.color.neutral-grey2}" }
58
- }
59
- }
60
- }
61
- }
62
- }
@@ -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,7 +0,0 @@
1
- {
2
- "amsterdam": {
3
- "grid": {
4
- "padding-inline": { "value": "{amsterdam.space.grid.md}" }
5
- }
6
- }
7
- }
@@ -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
- }