@amsterdam/design-system-tokens 0.1.5 → 0.1.7

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 (27) hide show
  1. package/dist/_variables.scss +97 -31
  2. package/dist/index.css +97 -31
  3. package/dist/index.d.ts +86 -16
  4. package/dist/index.js +97 -31
  5. package/dist/index.json +96 -30
  6. package/dist/index.tokens.json +176 -33
  7. package/dist/root.css +97 -31
  8. package/dist/tokens.d.ts +162 -19
  9. package/dist/tokens.js +1662 -239
  10. package/dist/variables.less +97 -31
  11. package/package.json +3 -3
  12. package/src/brand/amsterdam/color.tokens.json +1 -1
  13. package/src/brand/amsterdam/proportion.tokens.json +12 -0
  14. package/src/components/amsterdam/alert.tokens.json +40 -0
  15. package/src/components/amsterdam/aspect-ratio.tokens.json +12 -0
  16. package/src/components/amsterdam/breadcrumb.tokens.json +3 -0
  17. package/src/components/amsterdam/button.tokens.json +1 -9
  18. package/src/components/amsterdam/card.tokens.json +13 -0
  19. package/src/components/amsterdam/grid.tokens.json +39 -0
  20. package/src/components/amsterdam/highlight.tokens.json +46 -0
  21. package/src/components/amsterdam/link.tokens.json +5 -4
  22. package/src/components/amsterdam/pagination.tokens.json +31 -0
  23. package/src/components/amsterdam/screen.tokens.json +12 -0
  24. package/src/components/amsterdam/switch.tokens.json +44 -0
  25. package/src/components/amsterdam/top-task-link.tokens.json +42 -14
  26. package/src/components/utrecht/button.tokens.json +1 -3
  27. package/src/components/amsterdam/page-grid.tokens.json +0 -20
package/src/components/amsterdam/top-task-link.tokens.json CHANGED
@@ -2,33 +2,61 @@
2
2
  "amsterdam": {
3
3
  "top-task-link": {
4
4
  "description": {
5
- "color": { "value": "{amsterdam.color.primary-black}" },
6
- "font-family": { "value": "{amsterdam.typography.font-family}" },
7
- "font-weight": { "value": "{amsterdam.typography.font-weight.normal}" },
8
- "line-height": { "value": "{amsterdam.typography.text-level.7.line-height}" },
5
+ "color": {
6
+ "value": "{amsterdam.color.primary-black}"
7
+ },
8
+ "font-family": {
9
+ "value": "{amsterdam.typography.font-family}"
10
+ },
11
+ "font-weight": {
12
+ "value": "{amsterdam.typography.font-weight.normal}"
13
+ },
14
+ "line-height": {
15
+ "value": "{amsterdam.typography.text-level.7.line-height}"
16
+ },
9
17
  "narrow": {
10
- "font-size": { "value": "{amsterdam.typography.text-level.7.narrow.font-size}" }
18
+ "font-size": {
19
+ "value": "{amsterdam.typography.text-level.7.narrow.font-size}"
20
+ }
11
21
  },
12
22
  "wide": {
13
- "font-size": { "value": "{amsterdam.typography.text-level.7.wide.font-size}" }
23
+ "font-size": {
24
+ "value": "{amsterdam.typography.text-level.7.wide.font-size}"
25
+ }
14
26
  }
15
27
  },
16
28
  "label": {
17
- "color": { "value": "{amsterdam.color.primary-blue}" },
18
- "font-family": { "value": "{amsterdam.typography.font-family}" },
19
- "font-weight": { "value": "{amsterdam.typography.font-weight.bold}" },
29
+ "color": {
30
+ "value": "{amsterdam.color.primary-blue}"
31
+ },
32
+ "font-family": {
33
+ "value": "{amsterdam.typography.font-family}"
34
+ },
35
+ "font-weight": {
36
+ "value": "{amsterdam.typography.font-weight.bold}"
37
+ },
20
38
  "hover": {
21
- "color": { "value": "{amsterdam.color.dark-blue}" }
39
+ "color": {
40
+ "value": "{amsterdam.color.dark-blue}"
41
+ }
42
+ },
43
+ "line-height": {
44
+ "value": "{amsterdam.typography.text-level.4.line-height}"
22
45
  },
23
- "line-height": { "value": "{amsterdam.typography.text-level.4.line-height}" },
24
46
  "narrow": {
25
- "font-size": { "value": "{amsterdam.typography.text-level.4.narrow.font-size}" }
47
+ "font-size": {
48
+ "value": "{amsterdam.typography.text-level.4.narrow.font-size}"
49
+ }
26
50
  },
27
51
  "wide": {
28
- "font-size": { "value": "{amsterdam.typography.text-level.4.wide.font-size}" }
52
+ "font-size": {
53
+ "value": "{amsterdam.typography.text-level.4.wide.font-size}"
54
+ }
29
55
  }
30
56
  },
31
- "outline-offset": { "value": "{amsterdam.focus.outline-offset}" }
57
+ "outline-offset": {
58
+ "value": "{amsterdam.focus.outline-offset}"
59
+ }
32
60
  }
33
61
  }
34
62
  }
package/src/components/utrecht/button.tokens.json CHANGED
@@ -75,9 +75,7 @@
75
75
  "color": {}
76
76
  },
77
77
  "focus": {
78
- "background-color": {
79
- "value": "{amsterdam.color.dark-blue}"
80
- },
78
+ "background-color": {},
81
79
  "border-color": {},
82
80
  "border-width": {}
83
81
  },
package/src/components/amsterdam/page-grid.tokens.json DELETED
@@ -1,20 +0,0 @@
1
- {
2
- "amsterdam": {
3
- "page-grid": {
4
- "column-count": {
5
- "narrow": {
6
- "value": "4"
7
- },
8
- "wide": {
9
- "value": "12"
10
- }
11
- },
12
- "column-gap": {
13
- "value": "clamp(0.5rem, calc(0.5rem + 0.0142857143 * (100vw - 20rem)), 1.5rem)"
14
- },
15
- "max-width": {
16
- "value": "1440px"
17
- }
18
- }
19
- }
20
- }