@amsterdam/design-system-tokens 0.10.0 → 0.12.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 (64) hide show
  1. package/CHANGELOG.md +49 -13
  2. package/README.md +197 -1
  3. package/build.js +15 -14
  4. package/dist/compact.css +17 -13
  5. package/dist/compact.d.ts +10 -12
  6. package/dist/compact.json +12 -7
  7. package/dist/compact.mjs +13 -9
  8. package/dist/compact.scss +17 -13
  9. package/dist/compact.theme.css +17 -13
  10. package/dist/index.css +828 -770
  11. package/dist/index.d.ts +187 -85
  12. package/dist/index.json +349 -240
  13. package/dist/index.mjs +278 -220
  14. package/dist/index.scss +828 -770
  15. package/dist/index.theme.css +828 -770
  16. package/package.json +11 -5
  17. package/src/brand/ams/space.compact.tokens.json +5 -0
  18. package/src/brand/ams/space.tokens.json +10 -19
  19. package/src/brand/ams/text.compact.tokens.json +7 -7
  20. package/src/brand/ams/text.tokens.json +7 -7
  21. package/src/common/ams/link-appearance.tokens.json +18 -6
  22. package/src/components/ams/accordion.tokens.json +4 -4
  23. package/src/components/ams/action-group.tokens.json +7 -0
  24. package/src/components/ams/alert.tokens.json +6 -3
  25. package/src/components/ams/avatar.tokens.json +5 -2
  26. package/src/components/ams/badge.tokens.json +1 -1
  27. package/src/components/ams/breadcrumb.tokens.json +4 -1
  28. package/src/components/ams/breakout.tokens.json +11 -0
  29. package/src/components/ams/button.tokens.json +7 -3
  30. package/src/components/ams/card.tokens.json +4 -0
  31. package/src/components/ams/{form-field-character-counter.tokens.json → character-count.tokens.json} +1 -1
  32. package/src/components/ams/checkbox.tokens.json +1 -0
  33. package/src/components/ams/column.tokens.json +6 -5
  34. package/src/components/ams/date-input.tokens.json +2 -2
  35. package/src/components/ams/description-list.tokens.json +6 -6
  36. package/src/components/ams/dialog.tokens.json +7 -11
  37. package/src/components/ams/field-set.tokens.json +3 -7
  38. package/src/components/ams/field.tokens.json +3 -9
  39. package/src/components/ams/file-input.tokens.json +5 -5
  40. package/src/components/ams/form-error-list.tokens.json +7 -0
  41. package/src/components/ams/header.tokens.json +1 -1
  42. package/src/components/ams/hint.tokens.json +7 -0
  43. package/src/components/ams/icon-button.tokens.json +2 -2
  44. package/src/components/ams/image-slider.tokens.json +26 -0
  45. package/src/components/ams/link-list.tokens.json +8 -8
  46. package/src/components/ams/link.tokens.json +8 -8
  47. package/src/components/ams/mega-menu.tokens.json +1 -1
  48. package/src/components/ams/ordered-list.tokens.json +4 -1
  49. package/src/components/ams/page-menu.tokens.json +1 -1
  50. package/src/components/ams/pagination.tokens.json +2 -1
  51. package/src/components/ams/password-input.tokens.json +33 -0
  52. package/src/components/ams/radio.tokens.json +37 -35
  53. package/src/components/ams/row.tokens.json +6 -5
  54. package/src/components/ams/search-field.tokens.json +5 -7
  55. package/src/components/ams/select.tokens.json +3 -3
  56. package/src/components/ams/skip-link.tokens.json +2 -2
  57. package/src/components/ams/table-of-contents.tokens.json +4 -4
  58. package/src/components/ams/table.tokens.json +2 -2
  59. package/src/components/ams/tabs.tokens.json +3 -2
  60. package/src/components/ams/text-area.tokens.json +2 -2
  61. package/src/components/ams/text-input.tokens.json +2 -2
  62. package/src/components/ams/time-input.tokens.json +2 -2
  63. package/src/components/ams/top-task-link.tokens.json +1 -0
  64. package/src/components/ams/unordered-list.tokens.json +4 -1
package/dist/compact.theme.css CHANGED
@@ -1,20 +1,24 @@
1
1
  /**
2
- * Do not edit directly
3
- * Generated on Fri, 28 Jun 2024 12:13:40 GMT
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  .ams-theme--compact {
7
- --ams-text-level-6-font-size: clamp(0.75rem, calc(0.188vw + 0.713rem), 0.9rem);
8
- --ams-text-level-5-font-size: clamp(0.875rem, calc(0.313vw + 0.813rem), 1.125rem);
9
- --ams-text-level-4-font-size: clamp(1.021rem, calc(0.481vw + 0.925rem), 1.406rem);
10
- --ams-text-level-3-font-size: clamp(1.191rem, calc(0.709vw + 1.049rem), 1.758rem);
11
- --ams-text-level-2-font-size: clamp(1.389rem, calc(1.01vw + 1.187rem), 2.197rem);
12
- --ams-text-level-1-font-size: clamp(1.621rem, calc(1.408vw + 1.34rem), 2.747rem);
13
- --ams-text-level-0-font-size: clamp(1.891rem, calc(1.927vw + 1.506rem), 3.433rem);
14
- --ams-space-grid-xl: clamp(2rem, calc(3.125vw - 0.125rem), 5rem);
15
- --ams-space-grid-lg: clamp(1.5rem, calc(2.34375vw - 0.09375rem), 3.75rem);
16
- --ams-space-grid-md: clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem); /* Grows from 16px at 1088px wide to 40px at 2624px wide. */
17
- --ams-space-grid-sm: clamp(0.5rem, calc(0.78125vw - 0.03125rem), 1.25rem);
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;
18
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);
19
23
  --ams-grid-padding-inline: var(--ams-space-grid-md);
20
24
  }