@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.
- package/CHANGELOG.md +61 -3
- package/README.md +131 -22
- package/build.js +11 -1
- package/dist/compact.css +9 -2
- package/dist/compact.d.ts +21 -6
- package/dist/compact.json +33 -18
- package/dist/compact.mjs +21 -13
- package/dist/compact.scss +9 -2
- package/dist/compact.theme.css +9 -2
- package/dist/index.css +177 -165
- package/dist/index.d.ts +250 -226
- package/dist/index.json +345 -321
- package/dist/index.mjs +285 -267
- package/dist/index.scss +177 -165
- package/dist/index.theme.css +177 -165
- package/package.json +2 -2
- package/src/brand/ams/aspect-ratio.tokens.json +24 -6
- package/src/brand/ams/border.compact.tokens.json +20 -0
- package/src/brand/ams/border.tokens.json +25 -0
- package/src/brand/ams/color.compact.tokens.json +15 -0
- package/src/brand/ams/color.tokens.json +37 -49
- package/src/brand/ams/cursor.tokens.json +9 -2
- package/src/brand/ams/focus.tokens.json +1 -0
- package/src/brand/ams/space.compact.tokens.json +16 -4
- package/src/brand/ams/space.tokens.json +31 -6
- package/src/brand/ams/typography.compact.tokens.json +36 -27
- package/src/brand/ams/typography.tokens.json +60 -32
- package/src/common/ams/inputs.tokens.json +41 -19
- package/src/common/ams/links.tokens.json +35 -10
- package/src/components/ams/accordion.tokens.json +18 -11
- package/src/components/ams/action-group.tokens.json +2 -2
- package/src/components/ams/alert.tokens.json +38 -20
- package/src/components/ams/avatar.tokens.json +79 -29
- package/src/components/ams/badge.tokens.json +60 -23
- package/src/components/ams/blockquote.tokens.json +14 -5
- package/src/components/ams/body.compact.tokens.json +12 -0
- package/src/components/ams/body.tokens.json +12 -0
- package/src/components/ams/breadcrumb.tokens.json +36 -15
- package/src/components/ams/button.tokens.json +74 -33
- package/src/components/ams/call-to-action-link.tokens.json +29 -16
- package/src/components/ams/card.tokens.json +30 -17
- package/src/components/ams/character-count.tokens.json +14 -5
- package/src/components/ams/checkbox.tokens.json +106 -39
- package/src/components/ams/column.tokens.json +10 -10
- package/src/components/ams/date-input.tokens.json +56 -23
- package/src/components/ams/description-list.tokens.json +101 -23
- package/src/components/ams/dialog.tokens.json +104 -28
- package/src/components/ams/error-message.tokens.json +13 -6
- package/src/components/ams/field-set.tokens.json +40 -17
- package/src/components/ams/field.tokens.json +18 -7
- package/src/components/ams/figure.tokens.json +16 -7
- package/src/components/ams/file-input.tokens.json +69 -30
- package/src/components/ams/file-list.tokens.json +20 -11
- package/src/components/ams/grid.compact.tokens.json +24 -2
- package/src/components/ams/grid.tokens.json +77 -24
- package/src/components/ams/heading.tokens.json +38 -36
- package/src/components/ams/hint.tokens.json +6 -2
- package/src/components/ams/icon-button.tokens.json +46 -16
- package/src/components/ams/icon.tokens.json +19 -23
- package/src/components/ams/image-slider.tokens.json +28 -16
- package/src/components/ams/image.tokens.json +4 -1
- package/src/components/ams/invalid-form-alert.tokens.json +2 -2
- package/src/components/ams/label.tokens.json +18 -6
- package/src/components/ams/link-list.tokens.json +50 -22
- package/src/components/ams/link.tokens.json +38 -25
- package/src/components/ams/logo.tokens.json +6 -2
- package/src/components/ams/mark.tokens.json +3 -1
- package/src/components/ams/menu.tokens.json +81 -28
- package/src/components/ams/ordered-list.tokens.json +39 -25
- package/src/components/ams/page-footer.tokens.json +70 -26
- package/src/components/ams/page-header.compact.tokens.json +2 -1
- package/src/components/ams/page-header.tokens.json +128 -59
- package/src/components/ams/page.compact.tokens.json +12 -0
- package/src/components/ams/page.tokens.json +5 -3
- package/src/components/ams/pagination.tokens.json +37 -17
- package/src/components/ams/paragraph.tokens.json +22 -8
- package/src/components/ams/password-input.tokens.json +47 -21
- package/src/components/ams/progress-list.tokens.json +194 -52
- package/src/components/ams/radio.tokens.json +97 -36
- package/src/components/ams/row.tokens.json +10 -10
- package/src/components/ams/search-field.tokens.json +57 -24
- package/src/components/ams/select.tokens.json +63 -23
- package/src/components/ams/skip-link.tokens.json +23 -12
- package/src/components/ams/spotlight.tokens.json +21 -7
- package/src/components/ams/standalone-link.tokens.json +44 -18
- package/src/components/ams/switch.tokens.json +40 -10
- package/src/components/ams/tab-navigation.tokens.json +205 -0
- package/src/components/ams/table-of-contents.tokens.json +38 -20
- package/src/components/ams/table.tokens.json +29 -10
- package/src/components/ams/tabs.tokens.json +39 -20
- package/src/components/ams/text-area.tokens.json +49 -23
- package/src/components/ams/text-input.tokens.json +47 -19
- package/src/components/ams/time-input.tokens.json +56 -21
- package/src/components/ams/unordered-list.tokens.json +37 -25
- package/style-dictionary/transforms/dtcg-font-family.js +32 -0
- package/src/brand/ams/color.deprecated.tokens.json +0 -13
- package/src/brand/ams/typography.deprecated.compact.tokens.json +0 -26
- package/src/brand/ams/typography.deprecated.tokens.json +0 -40
- package/src/components/ams/accordion.deprecated.tokens.json +0 -39
- package/src/components/ams/checkbox.deprecated.tokens.json +0 -59
- package/src/components/ams/date-input.deprecated.tokens.json +0 -38
- package/src/components/ams/field-set.deprecated.tokens.json +0 -16
- package/src/components/ams/field.deprecated.tokens.json +0 -14
- package/src/components/ams/icon.deprecated.tokens.json +0 -22
- package/src/components/ams/menu.deprecated.tokens.json +0 -36
- package/src/components/ams/page-heading.deprecated.tokens.json +0 -46
- package/src/components/ams/standalone-link.deprecated.tokens.json +0 -38
- package/src/components/ams/table-of-contents.deprecated.tokens.json +0 -24
- package/src/components/ams/time-input.deprecated.tokens.json +0 -38
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"ams": {
|
|
3
|
-
"page-heading": {
|
|
4
|
-
"color": {
|
|
5
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
6
|
-
"$value": "{ams.color.text.default}",
|
|
7
|
-
"$type": "color"
|
|
8
|
-
},
|
|
9
|
-
"font-family": {
|
|
10
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
11
|
-
"$value": "{ams.typography.font-family}",
|
|
12
|
-
"$type": "fontFamily"
|
|
13
|
-
},
|
|
14
|
-
"font-size": {
|
|
15
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
16
|
-
"$value": "{ams.typography.heading.0.font-size}",
|
|
17
|
-
"$extensions": {
|
|
18
|
-
"nl.amsterdam.type": "fontSize"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"font-weight": {
|
|
22
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
23
|
-
"$value": "{ams.typography.heading.font-weight}",
|
|
24
|
-
"$type": "fontWeight"
|
|
25
|
-
},
|
|
26
|
-
"line-height": {
|
|
27
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
28
|
-
"$value": "{ams.typography.heading.0.line-height}",
|
|
29
|
-
"$extensions": {
|
|
30
|
-
"nl.amsterdam.type": "lineHeight"
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
"text-wrap": {
|
|
34
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
35
|
-
"$value": "{ams.typography.heading.text-wrap}"
|
|
36
|
-
},
|
|
37
|
-
"inverse": {
|
|
38
|
-
"color": {
|
|
39
|
-
"$deprecated": "Use the Heading component with level 1 instead.",
|
|
40
|
-
"$value": "{ams.color.text.inverse}",
|
|
41
|
-
"$type": "color"
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"ams": {
|
|
3
|
-
"standalone-link": {
|
|
4
|
-
"hover": {
|
|
5
|
-
"text-decoration-thickness": {
|
|
6
|
-
"$deprecated": "Use `ams.standalone-link.text-decoration-thickness` instead",
|
|
7
|
-
"$value": "{ams.links.hover.text-decoration-thickness}",
|
|
8
|
-
"$type": "dimension"
|
|
9
|
-
},
|
|
10
|
-
"text-underline-offset": {
|
|
11
|
-
"$deprecated": "Use `ams.standalone-link.text-underline-offset` instead",
|
|
12
|
-
"$value": "{ams.links.hover.text-underline-offset}",
|
|
13
|
-
"$type": "dimension",
|
|
14
|
-
"$extensions": {
|
|
15
|
-
"nl.amsterdam.subtype": "space"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"with-icon": {
|
|
20
|
-
"text-decoration-line": {
|
|
21
|
-
"$deprecated": "Use `ams.standalone-link.text-decoration-line` instead",
|
|
22
|
-
"$value": "{ams.links.subtle.text-decoration-line}"
|
|
23
|
-
},
|
|
24
|
-
"text-decoration-thickness": {
|
|
25
|
-
"$deprecated": "Use `ams.standalone-link.text-decoration-thickness` instead",
|
|
26
|
-
"$value": "{ams.links.text-decoration-thickness}",
|
|
27
|
-
"$type": "dimension"
|
|
28
|
-
},
|
|
29
|
-
"hover": {
|
|
30
|
-
"text-decoration-line": {
|
|
31
|
-
"$deprecated": "Use `ams.standalone-link.hover.text-decoration-line` instead",
|
|
32
|
-
"$value": "{ams.links.subtle.hover.text-decoration-line}"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"ams": {
|
|
3
|
-
"table-of-contents": {
|
|
4
|
-
"heading": {
|
|
5
|
-
"font-weight": {
|
|
6
|
-
"$value": "{ams.typography.heading.font-weight}",
|
|
7
|
-
"$type": "fontWeight"
|
|
8
|
-
},
|
|
9
|
-
"font-size": {
|
|
10
|
-
"$value": "{ams.typography.heading.4.font-size}",
|
|
11
|
-
"$extensions": {
|
|
12
|
-
"nl.amsterdam.type": "fontSize"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"line-height": {
|
|
16
|
-
"$value": "{ams.typography.heading.4.line-height}",
|
|
17
|
-
"$extensions": {
|
|
18
|
-
"nl.amsterdam.type": "lineHeight"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"ams": {
|
|
3
|
-
"time-input": {
|
|
4
|
-
"disabled": {
|
|
5
|
-
"calendar-picker-indicator": {
|
|
6
|
-
"$deprecated": "This token will be removed in release 6.0.0",
|
|
7
|
-
"background-image": {
|
|
8
|
-
"$value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
"calender-picker-indicator": {
|
|
12
|
-
"background-image": {
|
|
13
|
-
"$deprecated": "Use `ams.time-input.disabled.calendar-picker-indicator.background-image` instead",
|
|
14
|
-
"$value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"hover": {
|
|
19
|
-
"calender-picker-indicator": {
|
|
20
|
-
"background-image": {
|
|
21
|
-
"$deprecated": "Use `ams.time-input.hover.calendar-picker-indicator.background-image` instead",
|
|
22
|
-
"$value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
"calender-picker-indicator": {
|
|
27
|
-
"background-image": {
|
|
28
|
-
"$deprecated": "Use `ams.time-input.calendar-picker-indicator.background-image` instead",
|
|
29
|
-
"$value": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>\")"
|
|
30
|
-
},
|
|
31
|
-
"cursor": {
|
|
32
|
-
"$deprecated": "Use `ams.time-input.calendar-picker-indicator.cursor` instead",
|
|
33
|
-
"$value": "{ams.cursor.interactive}"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|