@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.
Files changed (109) hide show
  1. package/CHANGELOG.md +11 -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 -581
  10. package/dist/index.d.ts +29 -27
  11. package/dist/index.json +28 -26
  12. package/dist/index.mjs +581 -581
  13. package/dist/index.scss +581 -581
  14. package/dist/index.theme.css +582 -582
  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 +1 -1
  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 -59
  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
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Mar 2024 17:19:31 GMT
3
+ * Generated on Tue, 12 Mar 2024 14:50:53 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -22,7 +22,7 @@ declare interface DesignToken {
22
22
  }
23
23
 
24
24
  declare const tokens: {
25
- "amsterdam": {
25
+ "ams": {
26
26
  "color": {
27
27
  "primary-black": DesignToken,
28
28
  "primary-white": DesignToken,
@@ -71,13 +71,13 @@ declare const tokens: {
71
71
  "xl": DesignToken
72
72
  }
73
73
  },
74
- "typography": {
74
+ "text": {
75
75
  "font-family": DesignToken,
76
76
  "font-weight": {
77
77
  "normal": DesignToken,
78
78
  "bold": DesignToken
79
79
  },
80
- "text-level": {
80
+ "level": {
81
81
  "0": {
82
82
  "font-size": DesignToken,
83
83
  "line-height": DesignToken
@@ -513,29 +513,31 @@ declare const tokens: {
513
513
  "font-family": DesignToken,
514
514
  "font-weight": DesignToken,
515
515
  "inverse-color": DesignToken,
516
- "level-1": {
517
- "font-size": DesignToken,
518
- "line-height": DesignToken
519
- },
520
- "level-2": {
521
- "font-size": DesignToken,
522
- "line-height": DesignToken
523
- },
524
- "level-3": {
525
- "font-size": DesignToken,
526
- "line-height": DesignToken
527
- },
528
- "level-4": {
529
- "font-size": DesignToken,
530
- "line-height": DesignToken
531
- },
532
- "level-5": {
533
- "font-size": DesignToken,
534
- "line-height": DesignToken
535
- },
536
- "level-6": {
537
- "font-size": DesignToken,
538
- "line-height": DesignToken
516
+ "level": {
517
+ "1": {
518
+ "font-size": DesignToken,
519
+ "line-height": DesignToken
520
+ },
521
+ "2": {
522
+ "font-size": DesignToken,
523
+ "line-height": DesignToken
524
+ },
525
+ "3": {
526
+ "font-size": DesignToken,
527
+ "line-height": DesignToken
528
+ },
529
+ "4": {
530
+ "font-size": DesignToken,
531
+ "line-height": DesignToken
532
+ },
533
+ "5": {
534
+ "font-size": DesignToken,
535
+ "line-height": DesignToken
536
+ },
537
+ "6": {
538
+ "font-size": DesignToken,
539
+ "line-height": DesignToken
540
+ }
539
541
  }
540
542
  },
541
543
  "icon-button": {
package/dist/index.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "amsterdam": {
2
+ "ams": {
3
3
  "color": {
4
4
  "primary-black": "#000000",
5
5
  "primary-white": "#FFFFFF",
@@ -48,13 +48,13 @@
48
48
  "xl": "2rem"
49
49
  }
50
50
  },
51
- "typography": {
51
+ "text": {
52
52
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
53
53
  "font-weight": {
54
54
  "normal": 400,
55
55
  "bold": 800
56
56
  },
57
- "text-level": {
57
+ "level": {
58
58
  "0": {
59
59
  "font-size": "clamp(2.432rem, calc(2.683vw + 1.895rem), 4.578rem)",
60
60
  "line-height": "1.15"
@@ -490,29 +490,31 @@
490
490
  "font-family": "'Amsterdam Sans', Arial, sans-serif",
491
491
  "font-weight": 800,
492
492
  "inverse-color": "#FFFFFF",
493
- "level-1": {
494
- "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
495
- "line-height": "1.2"
496
- },
497
- "level-2": {
498
- "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
499
- "line-height": "1.25"
500
- },
501
- "level-3": {
502
- "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
503
- "line-height": "1.3"
504
- },
505
- "level-4": {
506
- "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
507
- "line-height": "1.5"
508
- },
509
- "level-5": {
510
- "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
511
- "line-height": "1.6"
512
- },
513
- "level-6": {
514
- "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
515
- "line-height": "1.6"
493
+ "level": {
494
+ "1": {
495
+ "font-size": "clamp(2.084rem, calc(1.973vw + 1.69rem), 3.662rem)",
496
+ "line-height": "1.2"
497
+ },
498
+ "2": {
499
+ "font-size": "clamp(1.786rem, calc(1.43vw + 1.5rem), 2.93rem)",
500
+ "line-height": "1.25"
501
+ },
502
+ "3": {
503
+ "font-size": "clamp(1.531rem, calc(1.016vw + 1.328rem), 2.344rem)",
504
+ "line-height": "1.3"
505
+ },
506
+ "4": {
507
+ "font-size": "clamp(1.313rem, calc(0.703vw + 1.173rem), 1.875rem)",
508
+ "line-height": "1.5"
509
+ },
510
+ "5": {
511
+ "font-size": "clamp(1.125rem, calc(0.469vw + 1.031rem), 1.5rem)",
512
+ "line-height": "1.6"
513
+ },
514
+ "6": {
515
+ "font-size": "clamp(0.964rem, calc(0.295vw + 0.905rem), 1.2rem)",
516
+ "line-height": "1.6"
517
+ }
516
518
  }
517
519
  },
518
520
  "icon-button": {