@amsterdam/design-system-tokens 0.13.0 → 0.15.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 (95) hide show
  1. package/CHANGELOG.md +89 -1
  2. package/README.md +27 -14
  3. package/build.js +42 -13
  4. package/dist/compact.css +18 -18
  5. package/dist/compact.d.ts +44 -38
  6. package/dist/compact.json +21 -15
  7. package/dist/compact.mjs +27 -18
  8. package/dist/compact.scss +18 -18
  9. package/dist/compact.theme.css +18 -18
  10. package/dist/index.css +789 -744
  11. package/dist/index.d.ts +1544 -1473
  12. package/dist/index.json +687 -616
  13. package/dist/index.mjs +900 -636
  14. package/dist/index.scss +789 -744
  15. package/dist/index.theme.css +789 -744
  16. package/package.json +4 -3
  17. package/src/brand/ams/aspect-ratio.tokens.json +12 -0
  18. package/src/brand/ams/border.tokens.json +3 -3
  19. package/src/brand/ams/color.tokens.json +34 -15
  20. package/src/brand/ams/cursor.tokens.json +8 -0
  21. package/src/brand/ams/space.compact.tokens.json +6 -15
  22. package/src/brand/ams/space.tokens.json +5 -14
  23. package/src/brand/ams/{text.compact.tokens.json → typography.compact.tokens.json} +14 -2
  24. package/src/brand/ams/typography.tokens.json +59 -0
  25. package/src/common/ams/links.tokens.json +32 -0
  26. package/src/components/ams/accordion.tokens.json +11 -12
  27. package/src/components/ams/action-group.tokens.json +1 -1
  28. package/src/components/ams/alert.tokens.json +26 -19
  29. package/src/components/ams/avatar.tokens.json +23 -53
  30. package/src/components/ams/badge.tokens.json +22 -48
  31. package/src/components/ams/blockquote.tokens.json +8 -6
  32. package/src/components/ams/breadcrumb.tokens.json +10 -10
  33. package/src/components/ams/button.tokens.json +31 -33
  34. package/src/components/ams/card.tokens.json +8 -8
  35. package/src/components/ams/character-count.tokens.json +6 -6
  36. package/src/components/ams/checkbox.tokens.json +31 -29
  37. package/src/components/ams/column.tokens.json +5 -6
  38. package/src/components/ams/date-input.tokens.json +18 -16
  39. package/src/components/ams/description-list.tokens.json +21 -10
  40. package/src/components/ams/dialog.tokens.json +19 -8
  41. package/src/components/ams/error-message.tokens.json +6 -5
  42. package/src/components/ams/field-set.tokens.json +8 -8
  43. package/src/components/ams/field.tokens.json +3 -3
  44. package/src/components/ams/figure.tokens.json +17 -0
  45. package/src/components/ams/file-input.tokens.json +29 -26
  46. package/src/components/ams/file-list.tokens.json +21 -0
  47. package/src/components/ams/footer.tokens.json +30 -0
  48. package/src/components/ams/grid.compact.tokens.json +1 -1
  49. package/src/components/ams/grid.tokens.json +12 -10
  50. package/src/components/ams/header.tokens.json +50 -4
  51. package/src/components/ams/heading.tokens.json +29 -29
  52. package/src/components/ams/hint.tokens.json +1 -1
  53. package/src/components/ams/icon-button.tokens.json +18 -16
  54. package/src/components/ams/icon.tokens.json +25 -12
  55. package/src/components/ams/image-slider.tokens.json +1 -1
  56. package/src/components/ams/image.tokens.json +7 -0
  57. package/src/components/ams/{form-error-list.tokens.json → invalid-form-alert.tokens.json} +1 -1
  58. package/src/components/ams/label.tokens.json +5 -5
  59. package/src/components/ams/link-list.tokens.json +22 -22
  60. package/src/components/ams/link.tokens.json +20 -31
  61. package/src/components/ams/logo.tokens.json +11 -4
  62. package/src/components/ams/mark.tokens.json +1 -1
  63. package/src/components/ams/mega-menu.tokens.json +3 -3
  64. package/src/components/ams/ordered-list.tokens.json +13 -11
  65. package/src/components/ams/page-heading.tokens.json +8 -6
  66. package/src/components/ams/page-menu.tokens.json +13 -13
  67. package/src/components/ams/pagination.tokens.json +13 -13
  68. package/src/components/ams/paragraph.tokens.json +12 -10
  69. package/src/components/ams/password-input.tokens.json +17 -16
  70. package/src/components/ams/radio.tokens.json +40 -25
  71. package/src/components/ams/row.tokens.json +5 -6
  72. package/src/components/ams/screen.tokens.json +1 -1
  73. package/src/components/ams/search-field.tokens.json +17 -28
  74. package/src/components/ams/select.tokens.json +17 -16
  75. package/src/components/ams/skip-link.tokens.json +9 -9
  76. package/src/components/ams/spotlight.tokens.json +10 -15
  77. package/src/components/ams/switch.tokens.json +7 -6
  78. package/src/components/ams/table-of-contents.tokens.json +17 -17
  79. package/src/components/ams/table.tokens.json +10 -10
  80. package/src/components/ams/tabs.tokens.json +16 -17
  81. package/src/components/ams/text-area.tokens.json +18 -18
  82. package/src/components/ams/text-input.tokens.json +17 -16
  83. package/src/components/ams/time-input.tokens.json +18 -16
  84. package/src/components/ams/top-task-link.tokens.json +16 -16
  85. package/src/components/ams/unordered-list.tokens.json +15 -13
  86. package/src/brand/ams/proportion.tokens.json +0 -12
  87. package/src/brand/ams/text.tokens.json +0 -41
  88. package/src/common/ams/action.tokens.json +0 -12
  89. package/src/common/ams/hyphenation.tokens.json +0 -9
  90. package/src/common/ams/link-appearance.tokens.json +0 -43
  91. package/src/components/ams/aspect-ratio.tokens.json +0 -12
  92. package/src/components/ams/breakout.tokens.json +0 -11
  93. package/src/components/ams/gap.tokens.json +0 -11
  94. package/src/components/ams/margin.tokens.json +0 -11
  95. /package/src/{common → brand}/ams/focus.tokens.json +0 -0
package/dist/compact.theme.css CHANGED
@@ -3,22 +3,22 @@
3
3
  */
4
4
 
5
5
  .ams-theme--compact {
6
- --ams-space-xs: 0.25rem;
7
- --ams-space-sm: 0.5rem;
8
- --ams-space-md: 1rem;
9
- --ams-space-lg: 1.5rem;
10
- --ams-space-xl: 2rem;
11
- --ams-space-grid-xs: clamp(0.25rem, calc(0.390625vw - 0.015625rem), 0.625rem);
12
- --ams-space-grid-sm: clamp(0.5rem, calc(0.78125vw - 0.03125rem), 1.25rem);
13
- --ams-space-grid-md: clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem); /* Grows from 16px at 1088px wide to 40px at 2624px wide. */
14
- --ams-space-grid-lg: clamp(1.5rem, calc(2.34375vw - 0.09375rem), 3.75rem);
15
- --ams-space-grid-xl: clamp(2rem, calc(3.125vw - 0.125rem), 5rem);
16
- --ams-text-level-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
17
- --ams-text-level-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
18
- --ams-text-level-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
19
- --ams-text-level-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
20
- --ams-text-level-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
21
- --ams-text-level-5-font-size: 1rem;
22
- --ams-text-level-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
23
- --ams-grid-padding-inline: var(--ams-space-grid-md);
6
+ --ams-space-xs: clamp(0.1875rem, 0.1719rem + 0.0781vw, 0.25rem);
7
+ --ams-space-s: clamp(0.375rem, 0.3438rem + 0.1563vw, 0.5rem);
8
+ --ams-space-m: clamp(0.75rem, 0.6875rem + 0.3125vw, 1rem);
9
+ --ams-space-l: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
10
+ --ams-space-xl: clamp(1.25rem, 1rem + 1.25vw, 2.25rem);
11
+ --ams-space-2xl: clamp(1.5rem, 1.125rem + 1.875vw, 3rem);
12
+ --ams-typography-body-text-font-size: 1rem;
13
+ --ams-typography-body-text-small-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
14
+ --ams-typography-body-text-large-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
15
+ --ams-typography-body-text-x-large-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
16
+ --ams-typography-heading-0-font-size: clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem);
17
+ --ams-typography-heading-1-font-size: clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem);
18
+ --ams-typography-heading-2-font-size: clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem);
19
+ --ams-typography-heading-3-font-size: clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem);
20
+ --ams-typography-heading-4-font-size: clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem);
21
+ --ams-typography-heading-5-font-size: 1rem;
22
+ --ams-typography-heading-6-font-size: clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem);
23
+ --ams-grid-padding-inline: var(--ams-space-xl);
24
24
  }