@amsterdam/design-system-tokens 3.3.0 → 4.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 (109) hide show
  1. package/CHANGELOG.md +61 -3
  2. package/README.md +131 -22
  3. package/build.js +11 -1
  4. package/dist/compact.css +9 -2
  5. package/dist/compact.d.ts +21 -6
  6. package/dist/compact.json +33 -18
  7. package/dist/compact.mjs +21 -13
  8. package/dist/compact.scss +9 -2
  9. package/dist/compact.theme.css +9 -2
  10. package/dist/index.css +177 -165
  11. package/dist/index.d.ts +250 -226
  12. package/dist/index.json +345 -321
  13. package/dist/index.mjs +285 -267
  14. package/dist/index.scss +177 -165
  15. package/dist/index.theme.css +177 -165
  16. package/package.json +2 -2
  17. package/src/brand/ams/aspect-ratio.tokens.json +24 -6
  18. package/src/brand/ams/border.compact.tokens.json +20 -0
  19. package/src/brand/ams/border.tokens.json +25 -0
  20. package/src/brand/ams/color.compact.tokens.json +15 -0
  21. package/src/brand/ams/color.tokens.json +37 -49
  22. package/src/brand/ams/cursor.tokens.json +9 -2
  23. package/src/brand/ams/focus.tokens.json +1 -0
  24. package/src/brand/ams/space.compact.tokens.json +16 -4
  25. package/src/brand/ams/space.tokens.json +31 -6
  26. package/src/brand/ams/typography.compact.tokens.json +36 -27
  27. package/src/brand/ams/typography.tokens.json +60 -32
  28. package/src/common/ams/inputs.tokens.json +41 -19
  29. package/src/common/ams/links.tokens.json +35 -10
  30. package/src/components/ams/accordion.tokens.json +18 -11
  31. package/src/components/ams/action-group.tokens.json +2 -2
  32. package/src/components/ams/alert.tokens.json +38 -20
  33. package/src/components/ams/avatar.tokens.json +79 -29
  34. package/src/components/ams/badge.tokens.json +60 -23
  35. package/src/components/ams/blockquote.tokens.json +14 -5
  36. package/src/components/ams/body.compact.tokens.json +12 -0
  37. package/src/components/ams/body.tokens.json +12 -0
  38. package/src/components/ams/breadcrumb.tokens.json +36 -15
  39. package/src/components/ams/button.tokens.json +74 -33
  40. package/src/components/ams/call-to-action-link.tokens.json +29 -16
  41. package/src/components/ams/card.tokens.json +30 -17
  42. package/src/components/ams/character-count.tokens.json +14 -5
  43. package/src/components/ams/checkbox.tokens.json +106 -39
  44. package/src/components/ams/column.tokens.json +10 -10
  45. package/src/components/ams/date-input.tokens.json +56 -23
  46. package/src/components/ams/description-list.tokens.json +101 -23
  47. package/src/components/ams/dialog.tokens.json +104 -28
  48. package/src/components/ams/error-message.tokens.json +13 -6
  49. package/src/components/ams/field-set.tokens.json +40 -17
  50. package/src/components/ams/field.tokens.json +18 -7
  51. package/src/components/ams/figure.tokens.json +16 -7
  52. package/src/components/ams/file-input.tokens.json +69 -30
  53. package/src/components/ams/file-list.tokens.json +20 -11
  54. package/src/components/ams/grid.compact.tokens.json +24 -2
  55. package/src/components/ams/grid.tokens.json +77 -24
  56. package/src/components/ams/heading.tokens.json +38 -36
  57. package/src/components/ams/hint.tokens.json +6 -2
  58. package/src/components/ams/icon-button.tokens.json +46 -16
  59. package/src/components/ams/icon.tokens.json +19 -23
  60. package/src/components/ams/image-slider.tokens.json +28 -16
  61. package/src/components/ams/image.tokens.json +4 -1
  62. package/src/components/ams/invalid-form-alert.tokens.json +2 -2
  63. package/src/components/ams/label.tokens.json +18 -6
  64. package/src/components/ams/link-list.tokens.json +50 -22
  65. package/src/components/ams/link.tokens.json +38 -25
  66. package/src/components/ams/logo.tokens.json +6 -2
  67. package/src/components/ams/mark.tokens.json +3 -1
  68. package/src/components/ams/menu.tokens.json +81 -28
  69. package/src/components/ams/ordered-list.tokens.json +39 -25
  70. package/src/components/ams/page-footer.tokens.json +70 -26
  71. package/src/components/ams/page-header.compact.tokens.json +2 -1
  72. package/src/components/ams/page-header.tokens.json +128 -59
  73. package/src/components/ams/page.compact.tokens.json +12 -0
  74. package/src/components/ams/page.tokens.json +5 -3
  75. package/src/components/ams/pagination.tokens.json +37 -17
  76. package/src/components/ams/paragraph.tokens.json +22 -8
  77. package/src/components/ams/password-input.tokens.json +47 -21
  78. package/src/components/ams/progress-list.tokens.json +194 -52
  79. package/src/components/ams/radio.tokens.json +97 -36
  80. package/src/components/ams/row.tokens.json +10 -10
  81. package/src/components/ams/search-field.tokens.json +57 -24
  82. package/src/components/ams/select.tokens.json +63 -23
  83. package/src/components/ams/skip-link.tokens.json +23 -12
  84. package/src/components/ams/spotlight.tokens.json +21 -7
  85. package/src/components/ams/standalone-link.tokens.json +44 -18
  86. package/src/components/ams/switch.tokens.json +40 -10
  87. package/src/components/ams/tab-navigation.tokens.json +205 -0
  88. package/src/components/ams/table-of-contents.tokens.json +38 -20
  89. package/src/components/ams/table.tokens.json +29 -10
  90. package/src/components/ams/tabs.tokens.json +39 -20
  91. package/src/components/ams/text-area.tokens.json +49 -23
  92. package/src/components/ams/text-input.tokens.json +47 -19
  93. package/src/components/ams/time-input.tokens.json +56 -21
  94. package/src/components/ams/unordered-list.tokens.json +37 -25
  95. package/style-dictionary/transforms/dtcg-font-family.js +32 -0
  96. package/src/brand/ams/color.deprecated.tokens.json +0 -13
  97. package/src/brand/ams/typography.deprecated.compact.tokens.json +0 -26
  98. package/src/brand/ams/typography.deprecated.tokens.json +0 -40
  99. package/src/components/ams/accordion.deprecated.tokens.json +0 -39
  100. package/src/components/ams/checkbox.deprecated.tokens.json +0 -59
  101. package/src/components/ams/date-input.deprecated.tokens.json +0 -38
  102. package/src/components/ams/field-set.deprecated.tokens.json +0 -16
  103. package/src/components/ams/field.deprecated.tokens.json +0 -14
  104. package/src/components/ams/icon.deprecated.tokens.json +0 -22
  105. package/src/components/ams/menu.deprecated.tokens.json +0 -36
  106. package/src/components/ams/page-heading.deprecated.tokens.json +0 -46
  107. package/src/components/ams/standalone-link.deprecated.tokens.json +0 -38
  108. package/src/components/ams/table-of-contents.deprecated.tokens.json +0 -24
  109. package/src/components/ams/time-input.deprecated.tokens.json +0 -38
package/src/components/ams/skip-link.tokens.json CHANGED
@@ -3,15 +3,21 @@
3
3
  "skip-link": {
4
4
  "background-color": {
5
5
  "$value": "{ams.color.interactive.default}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "color": {
9
11
  "$value": "{ams.color.text.inverse}",
10
- "$type": "color"
12
+ "$extensions": {
13
+ "nl.amsterdam.type": "color"
14
+ }
11
15
  },
12
16
  "font-family": {
13
17
  "$value": "{ams.typography.font-family}",
14
- "$type": "fontFamily"
18
+ "$extensions": {
19
+ "nl.amsterdam.type": "fontFamily"
20
+ }
15
21
  },
16
22
  "font-size": {
17
23
  "$value": "{ams.typography.body-text.font-size}",
@@ -21,39 +27,44 @@
21
27
  },
22
28
  "font-weight": {
23
29
  "$value": "{ams.typography.body-text.font-weight}",
24
- "$type": "fontWeight"
30
+ "$extensions": {
31
+ "nl.amsterdam.type": "fontWeight"
32
+ }
25
33
  },
26
34
  "line-height": {
27
35
  "$value": "{ams.typography.body-text.line-height}",
28
36
  "$extensions": {
29
- "nl.amsterdam.type": "lineHeight"
37
+ "nl.amsterdam.subtype": "lineHeight",
38
+ "nl.amsterdam.type": "number"
30
39
  }
31
40
  },
32
41
  "outline-offset": {
33
42
  "$value": "{ams.focus.outline-offset}",
34
- "$type": "dimension",
35
43
  "$extensions": {
36
- "nl.amsterdam.subtype": "space"
44
+ "nl.amsterdam.subtype": "space",
45
+ "nl.amsterdam.type": "dimension"
37
46
  }
38
47
  },
39
48
  "padding-block": {
40
49
  "$value": "{ams.space.s}",
41
- "$type": "dimension",
42
50
  "$extensions": {
43
- "nl.amsterdam.subtype": "space"
51
+ "nl.amsterdam.subtype": "space",
52
+ "nl.amsterdam.type": "dimension"
44
53
  }
45
54
  },
46
55
  "padding-inline": {
47
56
  "$value": "{ams.space.m}",
48
- "$type": "dimension",
49
57
  "$extensions": {
50
- "nl.amsterdam.subtype": "space"
58
+ "nl.amsterdam.subtype": "space",
59
+ "nl.amsterdam.type": "dimension"
51
60
  }
52
61
  },
53
62
  "hover": {
54
63
  "background-color": {
55
64
  "$value": "{ams.color.interactive.hover}",
56
- "$type": "color"
65
+ "$extensions": {
66
+ "nl.amsterdam.type": "color"
67
+ }
57
68
  }
58
69
  }
59
70
  }
package/src/components/ams/spotlight.tokens.json CHANGED
@@ -3,42 +3,56 @@
3
3
  "spotlight": {
4
4
  "background-color": {
5
5
  "$value": "{ams.color.highlight.purple}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "azure": {
9
11
  "background-color": {
10
12
  "$value": "{ams.color.highlight.azure}",
11
- "$type": "color"
13
+ "$extensions": {
14
+ "nl.amsterdam.type": "color"
15
+ }
12
16
  }
13
17
  },
14
18
  "green": {
15
19
  "background-color": {
16
20
  "$value": "{ams.color.highlight.green}",
17
- "$type": "color"
21
+ "$extensions": {
22
+ "nl.amsterdam.type": "color"
23
+ }
18
24
  }
19
25
  },
20
26
  "lime": {
21
27
  "background-color": {
22
28
  "$value": "{ams.color.highlight.lime}",
23
- "$type": "color"
29
+ "$extensions": {
30
+ "nl.amsterdam.type": "color"
31
+ }
24
32
  }
25
33
  },
26
34
  "magenta": {
27
35
  "background-color": {
28
36
  "$value": "{ams.color.highlight.magenta}",
29
- "$type": "color"
37
+ "$extensions": {
38
+ "nl.amsterdam.type": "color"
39
+ }
30
40
  }
31
41
  },
32
42
  "orange": {
33
43
  "background-color": {
34
44
  "$value": "{ams.color.highlight.orange}",
35
- "$type": "color"
45
+ "$extensions": {
46
+ "nl.amsterdam.type": "color"
47
+ }
36
48
  }
37
49
  },
38
50
  "yellow": {
39
51
  "background-color": {
40
52
  "$value": "{ams.color.highlight.yellow}",
41
- "$type": "color"
53
+ "$extensions": {
54
+ "nl.amsterdam.type": "color"
55
+ }
42
56
  }
43
57
  }
44
58
  }
package/src/components/ams/standalone-link.tokens.json CHANGED
@@ -3,18 +3,22 @@
3
3
  "standalone-link": {
4
4
  "color": {
5
5
  "$value": "{ams.links.color}",
6
- "$type": "color"
6
+ "$extensions": {
7
+ "nl.amsterdam.type": "color"
8
+ }
7
9
  },
8
10
  "column-gap": {
9
11
  "$value": "{ams.space.s}",
10
- "$type": "dimension",
11
12
  "$extensions": {
12
- "nl.amsterdam.subtype": "space"
13
+ "nl.amsterdam.subtype": "space",
14
+ "nl.amsterdam.type": "dimension"
13
15
  }
14
16
  },
15
17
  "font-family": {
16
18
  "$value": "{ams.typography.font-family}",
17
- "$type": "fontFamily"
19
+ "$extensions": {
20
+ "nl.amsterdam.type": "fontFamily"
21
+ }
18
22
  },
19
23
  "font-size": {
20
24
  "$value": "{ams.typography.body-text.font-size}",
@@ -24,65 +28,87 @@
24
28
  },
25
29
  "font-weight": {
26
30
  "$value": "{ams.typography.body-text.font-weight}",
27
- "$type": "fontWeight"
31
+ "$extensions": {
32
+ "nl.amsterdam.type": "fontWeight"
33
+ }
28
34
  },
29
35
  "line-height": {
30
36
  "$value": "{ams.typography.body-text.line-height}",
31
37
  "$extensions": {
32
- "nl.amsterdam.type": "lineHeight"
38
+ "nl.amsterdam.subtype": "lineHeight",
39
+ "nl.amsterdam.type": "number"
33
40
  }
34
41
  },
35
42
  "outline-offset": {
36
43
  "$value": "{ams.focus.outline-offset}",
37
- "$type": "dimension",
38
44
  "$extensions": {
39
- "nl.amsterdam.subtype": "space"
45
+ "nl.amsterdam.subtype": "space",
46
+ "nl.amsterdam.type": "dimension"
40
47
  }
41
48
  },
42
49
  "text-decoration-line": {
43
- "$value": "{ams.links.subtle.text-decoration-line}"
50
+ "$value": "{ams.links.subtle.text-decoration-line}",
51
+ "$extensions": {
52
+ "nl.amsterdam.type": "textDecorationLine"
53
+ }
44
54
  },
45
55
  "text-decoration-thickness": {
46
56
  "$value": "{ams.links.text-decoration-thickness}",
47
- "$type": "dimension"
57
+ "$extensions": {
58
+ "nl.amsterdam.subtype": "space",
59
+ "nl.amsterdam.type": "dimension"
60
+ }
48
61
  },
49
62
  "text-underline-offset": {
50
63
  "$value": "{ams.links.text-underline-offset}",
51
- "$type": "dimension",
52
64
  "$extensions": {
53
- "nl.amsterdam.subtype": "space"
65
+ "nl.amsterdam.subtype": "space",
66
+ "nl.amsterdam.type": "dimension"
54
67
  }
55
68
  },
56
69
  "hover": {
57
70
  "color": {
58
71
  "$value": "{ams.links.hover.color}",
59
- "$type": "color"
72
+ "$extensions": {
73
+ "nl.amsterdam.type": "color"
74
+ }
60
75
  },
61
76
  "text-decoration-line": {
62
- "$value": "{ams.links.subtle.hover.text-decoration-line}"
77
+ "$value": "{ams.links.subtle.hover.text-decoration-line}",
78
+ "$extensions": {
79
+ "nl.amsterdam.type": "textDecorationLine"
80
+ }
63
81
  }
64
82
  },
65
83
  "contrast": {
66
84
  "color": {
67
85
  "$value": "{ams.links.contrast.color}",
68
- "$type": "color"
86
+ "$extensions": {
87
+ "nl.amsterdam.type": "color"
88
+ }
69
89
  },
70
90
  "hover": {
71
91
  "color": {
72
92
  "$value": "{ams.links.contrast.hover.color}",
73
- "$type": "color"
93
+ "$extensions": {
94
+ "nl.amsterdam.type": "color"
95
+ }
74
96
  }
75
97
  }
76
98
  },
77
99
  "inverse": {
78
100
  "color": {
79
101
  "$value": "{ams.links.inverse.color}",
80
- "$type": "color"
102
+ "$extensions": {
103
+ "nl.amsterdam.type": "color"
104
+ }
81
105
  },
82
106
  "hover": {
83
107
  "color": {
84
108
  "$value": "{ams.links.inverse.hover.color}",
85
- "$type": "color"
109
+ "$extensions": {
110
+ "nl.amsterdam.type": "color"
111
+ }
86
112
  }
87
113
  }
88
114
  }
package/src/components/ams/switch.tokens.json CHANGED
@@ -6,13 +6,16 @@
6
6
  "$type": "color"
7
7
  },
8
8
  "cursor": {
9
- "$value": "{ams.cursor.interactive}"
9
+ "$value": "{ams.cursor.interactive}",
10
+ "$extensions": {
11
+ "nl.amsterdam.type": "cursor"
12
+ }
10
13
  },
11
14
  "outline-offset": {
12
15
  "$value": "{ams.focus.outline-offset}",
13
- "$type": "dimension",
14
16
  "$extensions": {
15
- "nl.amsterdam.subtype": "space"
17
+ "nl.amsterdam.subtype": "space",
18
+ "nl.amsterdam.type": "dimension"
16
19
  }
17
20
  },
18
21
  "inline-size": {
@@ -24,8 +27,10 @@
24
27
  },
25
28
  "thumb": {
26
29
  "background-color": {
27
- "$value": "{ams.color.background}",
28
- "$type": "color"
30
+ "$value": "{ams.color.background.default}",
31
+ "$extensions": {
32
+ "nl.amsterdam.type": "color"
33
+ }
29
34
  },
30
35
  "block-size": {
31
36
  "$value": {
@@ -43,27 +48,52 @@
43
48
  },
44
49
  "hover": {
45
50
  "box-shadow": {
46
- "$value": "0 0 0 {ams.border.width.m} {ams.switch.thumb.hover.color}"
51
+ "$type": "shadow",
52
+ "$value": {
53
+ "offsetX": {
54
+ "value": 0,
55
+ "unit": "rem"
56
+ },
57
+ "offsetY": {
58
+ "value": 0,
59
+ "unit": "rem"
60
+ },
61
+ "blur": {
62
+ "value": 0,
63
+ "unit": "rem"
64
+ },
65
+ "spread": "{ams.border.width.m}",
66
+ "color": "{ams.switch.thumb.hover.color}"
67
+ }
47
68
  },
48
69
  "color": {
49
70
  "$value": "{ams.color.interactive.hover}",
50
- "$type": "color"
71
+ "$extensions": {
72
+ "nl.amsterdam.type": "color"
73
+ }
51
74
  }
52
75
  }
53
76
  },
54
77
  "checked": {
55
78
  "background-color": {
56
79
  "$value": "{ams.color.interactive.default}",
57
- "$type": "color"
80
+ "$extensions": {
81
+ "nl.amsterdam.type": "color"
82
+ }
58
83
  }
59
84
  },
60
85
  "disabled": {
61
86
  "background-color": {
62
87
  "$value": "{ams.color.interactive.disabled}",
63
- "$type": "color"
88
+ "$extensions": {
89
+ "nl.amsterdam.type": "color"
90
+ }
64
91
  },
65
92
  "cursor": {
66
- "$value": "{ams.cursor.disabled}"
93
+ "$value": "{ams.cursor.disabled}",
94
+ "$extensions": {
95
+ "nl.amsterdam.type": "cursor"
96
+ }
67
97
  }
68
98
  }
69
99
  }
package/src/components/ams/tab-navigation.tokens.json ADDED
@@ -0,0 +1,205 @@
1
+ {
2
+ "ams": {
3
+ "tab-navigation": {
4
+ "list": {
5
+ "box-shadow": {
6
+ "$type": "shadow",
7
+ "$value": {
8
+ "inset": true,
9
+ "offsetX": {
10
+ "value": 0,
11
+ "unit": "rem"
12
+ },
13
+ "offsetY": "{ams.border.width.negative.m}",
14
+ "blur": {
15
+ "value": 0,
16
+ "unit": "rem"
17
+ },
18
+ "spread": {
19
+ "value": 0,
20
+ "unit": "rem"
21
+ },
22
+ "color": "{ams.color.separator}"
23
+ }
24
+ },
25
+ "vertical": {
26
+ "box-shadow": {
27
+ "$type": "shadow",
28
+ "$value": {
29
+ "inset": true,
30
+ "offsetX": "{ams.border.width.negative.m}",
31
+ "offsetY": {
32
+ "value": 0,
33
+ "unit": "rem"
34
+ },
35
+ "blur": {
36
+ "value": 0,
37
+ "unit": "rem"
38
+ },
39
+ "spread": {
40
+ "value": 0,
41
+ "unit": "rem"
42
+ },
43
+ "color": "{ams.color.separator}"
44
+ }
45
+ }
46
+ }
47
+ },
48
+ "link": {
49
+ "gap": {
50
+ "$value": "{ams.space.s}",
51
+ "$type": "dimension",
52
+ "$extensions": {
53
+ "nl.amsterdam.subtype": "space"
54
+ }
55
+ },
56
+ "color": {
57
+ "$value": "{ams.color.interactive.default}",
58
+ "$type": "color"
59
+ },
60
+ "cursor": {
61
+ "$value": "{ams.cursor.interactive}"
62
+ },
63
+ "font-family": {
64
+ "$value": "{ams.typography.font-family}",
65
+ "$type": "fontFamily"
66
+ },
67
+ "font-size": {
68
+ "$value": "{ams.typography.body-text.font-size}",
69
+ "$extensions": {
70
+ "nl.amsterdam.type": "fontSize"
71
+ }
72
+ },
73
+ "font-weight": {
74
+ "$value": "{ams.typography.body-text.font-weight}",
75
+ "$type": "fontWeight"
76
+ },
77
+ "line-height": {
78
+ "$value": "{ams.typography.body-text.line-height}",
79
+ "$extensions": {
80
+ "nl.amsterdam.type": "lineHeight"
81
+ }
82
+ },
83
+ "outline-offset": {
84
+ "$value": "calc({ams.focus.outline-offset} * -1)",
85
+ "$type": "dimension",
86
+ "$extensions": {
87
+ "nl.amsterdam.subtype": "space"
88
+ }
89
+ },
90
+ "padding-block": {
91
+ "$value": "{ams.space.s}",
92
+ "$type": "dimension",
93
+ "$extensions": {
94
+ "nl.amsterdam.subtype": "space"
95
+ }
96
+ },
97
+ "padding-inline": {
98
+ "$value": "{ams.space.m}",
99
+ "$type": "dimension",
100
+ "$extensions": {
101
+ "nl.amsterdam.subtype": "space"
102
+ }
103
+ },
104
+ "hover": {
105
+ "box-shadow": {
106
+ "$type": "shadow",
107
+ "$value": {
108
+ "inset": true,
109
+ "offsetX": {
110
+ "value": 0,
111
+ "unit": "rem"
112
+ },
113
+ "offsetY": "{ams.border.width.negative.m}",
114
+ "blur": {
115
+ "value": 0,
116
+ "unit": "rem"
117
+ },
118
+ "spread": {
119
+ "value": 0,
120
+ "unit": "rem"
121
+ },
122
+ "color": "currentColor"
123
+ }
124
+ },
125
+ "color": {
126
+ "$value": "{ams.color.interactive.hover}",
127
+ "$type": "color"
128
+ }
129
+ },
130
+ "current": {
131
+ "box-shadow": {
132
+ "$type": "shadow",
133
+ "$value": {
134
+ "inset": true,
135
+ "offsetX": {
136
+ "value": 0,
137
+ "unit": "rem"
138
+ },
139
+ "offsetY": "{ams.border.width.negative.xl}",
140
+ "blur": {
141
+ "value": 0,
142
+ "unit": "rem"
143
+ },
144
+ "spread": {
145
+ "value": 0,
146
+ "unit": "rem"
147
+ },
148
+ "color": "currentColor"
149
+ }
150
+ },
151
+ "font-weight": {
152
+ "$value": "{ams.typography.body-text.bold.font-weight}",
153
+ "$type": "fontWeight"
154
+ }
155
+ },
156
+ "vertical": {
157
+ "hover": {
158
+ "box-shadow": {
159
+ "$type": "shadow",
160
+ "$value": {
161
+ "inset": true,
162
+ "offsetX": "{ams.border.width.negative.m}",
163
+ "offsetY": {
164
+ "value": 0,
165
+ "unit": "rem"
166
+ },
167
+ "blur": {
168
+ "value": 0,
169
+ "unit": "rem"
170
+ },
171
+ "spread": {
172
+ "value": 0,
173
+ "unit": "rem"
174
+ },
175
+ "color": "currentColor"
176
+ }
177
+ }
178
+ },
179
+ "current": {
180
+ "box-shadow": {
181
+ "$type": "shadow",
182
+ "$value": {
183
+ "inset": true,
184
+ "offsetX": "{ams.border.width.negative.xl}",
185
+ "offsetY": {
186
+ "value": 0,
187
+ "unit": "rem"
188
+ },
189
+ "blur": {
190
+ "value": 0,
191
+ "unit": "rem"
192
+ },
193
+ "spread": {
194
+ "value": 0,
195
+ "unit": "rem"
196
+ },
197
+ "color": "currentColor"
198
+ }
199
+ }
200
+ }
201
+ }
202
+ }
203
+ }
204
+ }
205
+ }