@amsterdam/design-system-tokens 0.8.0 → 0.9.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 (32) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/compact.css +1 -1
  3. package/dist/compact.d.ts +1 -1
  4. package/dist/compact.mjs +1 -1
  5. package/dist/compact.scss +1 -1
  6. package/dist/compact.theme.css +1 -1
  7. package/dist/index.css +94 -38
  8. package/dist/index.d.ts +122 -30
  9. package/dist/index.json +157 -65
  10. package/dist/index.mjs +123 -67
  11. package/dist/index.scss +94 -38
  12. package/dist/index.theme.css +94 -38
  13. package/package.json +1 -1
  14. package/src/common/ams/focus.tokens.json +1 -1
  15. package/src/common/ams/link-appearance.tokens.json +2 -2
  16. package/src/components/ams/badge.tokens.json +28 -4
  17. package/src/components/ams/breadcrumb.tokens.json +1 -1
  18. package/src/components/ams/error-message.tokens.json +11 -0
  19. package/src/components/ams/{fieldset.tokens.json → field-set.tokens.json} +11 -2
  20. package/src/components/ams/field.tokens.json +17 -0
  21. package/src/components/ams/file-input.tokens.json +42 -0
  22. package/src/components/ams/link-list.tokens.json +2 -4
  23. package/src/components/ams/logo.tokens.json +1 -1
  24. package/src/components/ams/ordered-list.tokens.json +4 -0
  25. package/src/components/ams/paragraph.tokens.json +2 -4
  26. package/src/components/ams/screen.tokens.json +2 -2
  27. package/src/components/ams/search-field.tokens.json +11 -5
  28. package/src/components/ams/switch.tokens.json +6 -5
  29. package/src/components/ams/table.tokens.json +1 -1
  30. package/src/components/ams/tabs.tokens.json +1 -1
  31. package/src/components/ams/text-area.tokens.json +1 -1
  32. package/src/components/ams/unordered-list.tokens.json +4 -0
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 22 Apr 2024 09:30:48 GMT
3
+ * Generated on Wed, 05 Jun 2024 11:22:11 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -278,11 +278,11 @@ declare const tokens: {
278
278
  "font-weight": DesignToken,
279
279
  "line-height": DesignToken,
280
280
  "padding-inline": DesignToken,
281
- "blue": {
281
+ "black": {
282
282
  "background-color": DesignToken,
283
283
  "color": DesignToken
284
284
  },
285
- "dark-blue": {
285
+ "blue": {
286
286
  "background-color": DesignToken,
287
287
  "color": DesignToken
288
288
  },
@@ -294,6 +294,22 @@ declare const tokens: {
294
294
  "background-color": DesignToken,
295
295
  "color": DesignToken
296
296
  },
297
+ "grey-1": {
298
+ "background-color": DesignToken,
299
+ "color": DesignToken
300
+ },
301
+ "grey-2": {
302
+ "background-color": DesignToken,
303
+ "color": DesignToken
304
+ },
305
+ "grey-3": {
306
+ "background-color": DesignToken,
307
+ "color": DesignToken
308
+ },
309
+ "light-blue": {
310
+ "background-color": DesignToken,
311
+ "color": DesignToken
312
+ },
297
313
  "magenta": {
298
314
  "background-color": DesignToken,
299
315
  "color": DesignToken
@@ -306,6 +322,14 @@ declare const tokens: {
306
322
  "background-color": DesignToken,
307
323
  "color": DesignToken
308
324
  },
325
+ "red": {
326
+ "background-color": DesignToken,
327
+ "color": DesignToken
328
+ },
329
+ "white": {
330
+ "background-color": DesignToken,
331
+ "color": DesignToken
332
+ },
309
333
  "yellow": {
310
334
  "background-color": DesignToken,
311
335
  "color": DesignToken
@@ -327,7 +351,7 @@ declare const tokens: {
327
351
  "separator": {
328
352
  "background-image": DesignToken
329
353
  },
330
- "item-link": {
354
+ "link": {
331
355
  "color": DesignToken,
332
356
  "outline-offset": DesignToken,
333
357
  "text-decoration-line": DesignToken,
@@ -558,13 +582,70 @@ declare const tokens: {
558
582
  "gap": DesignToken
559
583
  }
560
584
  },
561
- "fieldset": {
585
+ "error-message": {
586
+ "color": DesignToken,
587
+ "font-family": DesignToken,
588
+ "font-size": DesignToken,
589
+ "font-weight": DesignToken,
590
+ "line-height": DesignToken
591
+ },
592
+ "field-set": {
593
+ "invalid": {
594
+ "border-inline-start": DesignToken,
595
+ "padding-inline-start": DesignToken
596
+ },
562
597
  "legend": {
563
598
  "color": DesignToken,
564
599
  "font-family": DesignToken,
565
600
  "font-size": DesignToken,
566
601
  "font-weight": DesignToken,
567
- "line-height": DesignToken
602
+ "line-height": DesignToken,
603
+ "margin-block-end": DesignToken
604
+ }
605
+ },
606
+ "field": {
607
+ "gap": DesignToken,
608
+ "invalid": {
609
+ "border-inline-start": DesignToken,
610
+ "padding-inline-start": DesignToken
611
+ }
612
+ },
613
+ "file-input": {
614
+ "background-color": DesignToken,
615
+ "border": DesignToken,
616
+ "color": DesignToken,
617
+ "cursor": DesignToken,
618
+ "font-family": DesignToken,
619
+ "font-size": DesignToken,
620
+ "font-weight": DesignToken,
621
+ "line-height": DesignToken,
622
+ "outline-offset": DesignToken,
623
+ "padding-block": DesignToken,
624
+ "padding-inline": DesignToken,
625
+ "disabled": {
626
+ "color": DesignToken,
627
+ "cursor": DesignToken
628
+ },
629
+ "file-selector-button": {
630
+ "background-color": DesignToken,
631
+ "box-shadow": DesignToken,
632
+ "color": DesignToken,
633
+ "cursor": DesignToken,
634
+ "margin-inline-end": DesignToken,
635
+ "padding-block": DesignToken,
636
+ "padding-inline": DesignToken,
637
+ "hover": {
638
+ "box-shadow": DesignToken,
639
+ "color": DesignToken
640
+ },
641
+ "disabled": {
642
+ "box-shadow": DesignToken,
643
+ "color": DesignToken,
644
+ "cursor": DesignToken
645
+ },
646
+ "forced-color-mode": {
647
+ "border": DesignToken
648
+ }
568
649
  }
569
650
  },
570
651
  "form-field-character-counter": {
@@ -707,8 +788,10 @@ declare const tokens: {
707
788
  "link": {
708
789
  "color": DesignToken,
709
790
  "font-family": DesignToken,
791
+ "font-size": DesignToken,
710
792
  "font-weight": DesignToken,
711
793
  "gap": DesignToken,
794
+ "line-height": DesignToken,
712
795
  "outline-offset": DesignToken,
713
796
  "text-decoration-line": DesignToken,
714
797
  "text-decoration-thickness": DesignToken,
@@ -717,10 +800,6 @@ declare const tokens: {
717
800
  "font-size": DesignToken,
718
801
  "line-height": DesignToken
719
802
  },
720
- "medium": {
721
- "font-size": DesignToken,
722
- "line-height": DesignToken
723
- },
724
803
  "large": {
725
804
  "font-size": DesignToken,
726
805
  "line-height": DesignToken
@@ -797,7 +876,7 @@ declare const tokens: {
797
876
  }
798
877
  },
799
878
  "logo": {
800
- "height": DesignToken,
879
+ "block-size": DesignToken,
801
880
  "emblem": {
802
881
  "color": DesignToken
803
882
  },
@@ -835,6 +914,10 @@ declare const tokens: {
835
914
  "inverse-color": DesignToken,
836
915
  "line-height": DesignToken,
837
916
  "list-style-type": DesignToken,
917
+ "small": {
918
+ "font-size": DesignToken,
919
+ "line-height": DesignToken
920
+ },
838
921
  "item": {
839
922
  "margin-inline-start": DesignToken,
840
923
  "padding-inline-start": DesignToken
@@ -899,16 +982,14 @@ declare const tokens: {
899
982
  "paragraph": {
900
983
  "color": DesignToken,
901
984
  "font-family": DesignToken,
985
+ "font-size": DesignToken,
902
986
  "font-weight": DesignToken,
987
+ "line-height": DesignToken,
903
988
  "inverse-color": DesignToken,
904
989
  "small": {
905
990
  "font-size": DesignToken,
906
991
  "line-height": DesignToken
907
992
  },
908
- "medium": {
909
- "font-size": DesignToken,
910
- "line-height": DesignToken
911
- },
912
993
  "large": {
913
994
  "font-size": DesignToken,
914
995
  "line-height": DesignToken
@@ -976,10 +1057,10 @@ declare const tokens: {
976
1057
  "screen": {
977
1058
  "background-color": DesignToken,
978
1059
  "wide": {
979
- "max-width": DesignToken
1060
+ "max-inline-size": DesignToken
980
1061
  },
981
1062
  "x-wide": {
982
- "max-width": DesignToken
1063
+ "max-inline-size": DesignToken
983
1064
  }
984
1065
  },
985
1066
  "search-field": {
@@ -987,11 +1068,11 @@ declare const tokens: {
987
1068
  "background-color": DesignToken,
988
1069
  "color": DesignToken,
989
1070
  "outline-offset": DesignToken,
1071
+ "padding-block": DesignToken,
1072
+ "padding-inline": DesignToken,
990
1073
  "hover": {
991
1074
  "background-color": DesignToken
992
- },
993
- "padding-block": DesignToken,
994
- "padding-inline": DesignToken
1075
+ }
995
1076
  },
996
1077
  "input": {
997
1078
  "background-color": DesignToken,
@@ -1006,13 +1087,19 @@ declare const tokens: {
1006
1087
  "padding-inline": DesignToken,
1007
1088
  "cancel-button": {
1008
1089
  "background-image": DesignToken,
1090
+ "block-size": DesignToken,
1009
1091
  "color": DesignToken,
1010
- "height": DesignToken,
1011
- "width": DesignToken
1092
+ "inline-size": DesignToken
1012
1093
  },
1013
1094
  "hover": {
1014
1095
  "box-shadow": DesignToken
1015
1096
  },
1097
+ "invalid": {
1098
+ "box-shadow": DesignToken,
1099
+ "hover": {
1100
+ "box-shadow": DesignToken
1101
+ }
1102
+ },
1016
1103
  "placeholder": {
1017
1104
  "color": DesignToken
1018
1105
  }
@@ -1092,21 +1179,22 @@ declare const tokens: {
1092
1179
  }
1093
1180
  },
1094
1181
  "switch": {
1095
- "font-family": DesignToken,
1096
1182
  "background-color": DesignToken,
1097
- "width": DesignToken,
1183
+ "font-family": DesignToken,
1184
+ "outline-offset": DesignToken,
1185
+ "inline-size": DesignToken,
1098
1186
  "thumb": {
1099
1187
  "background-color": DesignToken,
1100
- "width": DesignToken,
1101
- "height": DesignToken,
1188
+ "inline-size": DesignToken,
1189
+ "block-size": DesignToken,
1102
1190
  "hover": {
1191
+ "box-shadow": DesignToken,
1103
1192
  "color": DesignToken
1104
1193
  }
1105
1194
  },
1106
1195
  "checked": {
1107
1196
  "background-color": DesignToken
1108
1197
  },
1109
- "outline-offset": DesignToken,
1110
1198
  "disabled": {
1111
1199
  "background-color": DesignToken
1112
1200
  }
@@ -1121,7 +1209,7 @@ declare const tokens: {
1121
1209
  "font-weight": DesignToken
1122
1210
  },
1123
1211
  "cell": {
1124
- "border-bottom": DesignToken,
1212
+ "border-block-end": DesignToken,
1125
1213
  "padding-block": DesignToken,
1126
1214
  "padding-inline": DesignToken
1127
1215
  },
@@ -1132,7 +1220,7 @@ declare const tokens: {
1132
1220
  "tabs": {
1133
1221
  "list": {
1134
1222
  "background-color": DesignToken,
1135
- "border-bottom": DesignToken
1223
+ "border-block-end": DesignToken
1136
1224
  },
1137
1225
  "button": {
1138
1226
  "color": DesignToken,
@@ -1166,7 +1254,7 @@ declare const tokens: {
1166
1254
  "font-size": DesignToken,
1167
1255
  "font-weight": DesignToken,
1168
1256
  "line-height": DesignToken,
1169
- "min-height": DesignToken,
1257
+ "min-block-size": DesignToken,
1170
1258
  "outline-offset": DesignToken,
1171
1259
  "padding-block": DesignToken,
1172
1260
  "padding-inline": DesignToken,
@@ -1296,6 +1384,10 @@ declare const tokens: {
1296
1384
  "margin-inline-start": DesignToken,
1297
1385
  "padding-inline-start": DesignToken
1298
1386
  }
1387
+ },
1388
+ "small": {
1389
+ "font-size": DesignToken,
1390
+ "line-height": DesignToken
1299
1391
  }
1300
1392
  }
1301
1393
  }