@amsterdam/design-system-tokens 4.0.1 → 4.1.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.
- package/CHANGELOG.md +18 -0
- package/README.md +29 -41
- package/dist/compact.css +1 -0
- package/dist/compact.d.ts +3 -0
- package/dist/compact.json +3 -0
- package/dist/compact.mjs +1 -0
- package/dist/compact.scss +1 -0
- package/dist/compact.theme.css +1 -0
- package/dist/index.css +110 -31
- package/dist/index.d.ts +138 -5
- package/dist/index.json +178 -45
- package/dist/index.mjs +148 -45
- package/dist/index.scss +110 -31
- package/dist/index.theme.css +110 -31
- package/package.json +5 -4
- package/src/brand/ams/typography.tokens.json +2 -2
- package/src/common/ams/query-containers.tokens.json +12 -0
- package/src/components/ams/calendar.compact.tokens.json +10 -0
- package/src/components/ams/calendar.tokens.json +87 -0
- package/src/components/ams/date-picker.tokens.json +103 -0
- package/src/components/ams/description-list.tokens.json +4 -4
- package/src/components/ams/dialog.tokens.json +13 -7
- package/src/components/ams/grid.tokens.json +10 -4
- package/src/components/ams/menu.tokens.json +4 -4
- package/src/components/ams/page-footer.tokens.json +2 -2
- package/src/components/ams/page-header.tokens.json +2 -2
- package/src/components/ams/page.tokens.json +6 -0
- package/src/components/ams/pagination.tokens.json +219 -2
- package/src/components/ams/progress-list.tokens.json +2 -2
- package/src/components/ams/switch.tokens.json +8 -0
- package/src/components/ams/table-of-contents.tokens.json +65 -14
package/dist/index.d.ts
CHANGED
|
@@ -200,6 +200,11 @@ declare const tokens: {
|
|
|
200
200
|
};
|
|
201
201
|
};
|
|
202
202
|
};
|
|
203
|
+
"query-containers": {
|
|
204
|
+
"inline-size": {
|
|
205
|
+
"container-name": DesignToken;
|
|
206
|
+
};
|
|
207
|
+
};
|
|
203
208
|
accordion: {
|
|
204
209
|
gap: DesignToken;
|
|
205
210
|
button: {
|
|
@@ -430,6 +435,30 @@ declare const tokens: {
|
|
|
430
435
|
};
|
|
431
436
|
};
|
|
432
437
|
};
|
|
438
|
+
calendar: {
|
|
439
|
+
"font-family": DesignToken;
|
|
440
|
+
"font-size": DesignToken;
|
|
441
|
+
"font-weight": DesignToken;
|
|
442
|
+
gap: DesignToken;
|
|
443
|
+
"inline-size": DesignToken;
|
|
444
|
+
"line-height": DesignToken;
|
|
445
|
+
day: {
|
|
446
|
+
"outline-offset": DesignToken;
|
|
447
|
+
current: {
|
|
448
|
+
"font-weight": DesignToken;
|
|
449
|
+
};
|
|
450
|
+
link: {
|
|
451
|
+
color: DesignToken;
|
|
452
|
+
"text-decoration-line": DesignToken;
|
|
453
|
+
"text-decoration-thickness": DesignToken;
|
|
454
|
+
"text-underline-offset": DesignToken;
|
|
455
|
+
hover: {
|
|
456
|
+
color: DesignToken;
|
|
457
|
+
"text-decoration-line": DesignToken;
|
|
458
|
+
};
|
|
459
|
+
};
|
|
460
|
+
};
|
|
461
|
+
};
|
|
433
462
|
"call-to-action-link": {
|
|
434
463
|
"background-color": DesignToken;
|
|
435
464
|
color: DesignToken;
|
|
@@ -611,6 +640,38 @@ declare const tokens: {
|
|
|
611
640
|
cursor: DesignToken;
|
|
612
641
|
};
|
|
613
642
|
};
|
|
643
|
+
"date-picker": {
|
|
644
|
+
"font-family": DesignToken;
|
|
645
|
+
"font-size": DesignToken;
|
|
646
|
+
"font-weight": DesignToken;
|
|
647
|
+
gap: DesignToken;
|
|
648
|
+
"inline-size": DesignToken;
|
|
649
|
+
"line-height": DesignToken;
|
|
650
|
+
day: {
|
|
651
|
+
color: DesignToken;
|
|
652
|
+
cursor: DesignToken;
|
|
653
|
+
"outline-offset": DesignToken;
|
|
654
|
+
current: {
|
|
655
|
+
"font-weight": DesignToken;
|
|
656
|
+
};
|
|
657
|
+
disabled: {
|
|
658
|
+
color: DesignToken;
|
|
659
|
+
cursor: DesignToken;
|
|
660
|
+
"text-decoration-line": DesignToken;
|
|
661
|
+
};
|
|
662
|
+
hover: {
|
|
663
|
+
"background-color": DesignToken;
|
|
664
|
+
color: DesignToken;
|
|
665
|
+
};
|
|
666
|
+
selected: {
|
|
667
|
+
"background-color": DesignToken;
|
|
668
|
+
color: DesignToken;
|
|
669
|
+
hover: {
|
|
670
|
+
"background-color": DesignToken;
|
|
671
|
+
};
|
|
672
|
+
};
|
|
673
|
+
};
|
|
674
|
+
};
|
|
614
675
|
"description-list": {
|
|
615
676
|
color: DesignToken;
|
|
616
677
|
"column-gap": DesignToken;
|
|
@@ -668,6 +729,8 @@ declare const tokens: {
|
|
|
668
729
|
"border-style": DesignToken;
|
|
669
730
|
"border-width": DesignToken;
|
|
670
731
|
"box-shadow": DesignToken;
|
|
732
|
+
"container-name": DesignToken;
|
|
733
|
+
"container-type": DesignToken;
|
|
671
734
|
gap: DesignToken;
|
|
672
735
|
"inline-size": DesignToken;
|
|
673
736
|
"max-block-size": DesignToken;
|
|
@@ -871,6 +934,8 @@ declare const tokens: {
|
|
|
871
934
|
};
|
|
872
935
|
cell: {
|
|
873
936
|
"background-color": DesignToken;
|
|
937
|
+
"container-name": DesignToken;
|
|
938
|
+
"container-type": DesignToken;
|
|
874
939
|
"padding-block": DesignToken;
|
|
875
940
|
"padding-inline": DesignToken;
|
|
876
941
|
};
|
|
@@ -1294,6 +1359,8 @@ declare const tokens: {
|
|
|
1294
1359
|
};
|
|
1295
1360
|
page: {
|
|
1296
1361
|
"background-color": DesignToken;
|
|
1362
|
+
"container-name": DesignToken;
|
|
1363
|
+
"container-type": DesignToken;
|
|
1297
1364
|
"max-inline-size": DesignToken;
|
|
1298
1365
|
"with-menu": {
|
|
1299
1366
|
"max-inline-size": DesignToken;
|
|
@@ -1306,22 +1373,68 @@ declare const tokens: {
|
|
|
1306
1373
|
"font-family": DesignToken;
|
|
1307
1374
|
"font-size": DesignToken;
|
|
1308
1375
|
"font-weight": DesignToken;
|
|
1376
|
+
gap: DesignToken;
|
|
1309
1377
|
"line-height": DesignToken;
|
|
1378
|
+
list: {
|
|
1379
|
+
gap: DesignToken;
|
|
1380
|
+
};
|
|
1310
1381
|
link: {
|
|
1382
|
+
"background-color": DesignToken;
|
|
1311
1383
|
color: DesignToken;
|
|
1384
|
+
"font-weight": DesignToken;
|
|
1312
1385
|
gap: DesignToken;
|
|
1386
|
+
"min-block-size": DesignToken;
|
|
1387
|
+
"min-inline-size": DesignToken;
|
|
1313
1388
|
"outline-offset": DesignToken;
|
|
1389
|
+
"padding-block": DesignToken;
|
|
1314
1390
|
"padding-inline": DesignToken;
|
|
1315
1391
|
"text-decoration-line": DesignToken;
|
|
1316
1392
|
"text-decoration-thickness": DesignToken;
|
|
1317
1393
|
"text-underline-offset": DesignToken;
|
|
1394
|
+
hover: {
|
|
1395
|
+
"background-color": DesignToken;
|
|
1396
|
+
color: DesignToken;
|
|
1397
|
+
"text-decoration-line": DesignToken;
|
|
1398
|
+
};
|
|
1399
|
+
active: {
|
|
1400
|
+
"background-color": DesignToken;
|
|
1401
|
+
color: DesignToken;
|
|
1402
|
+
};
|
|
1318
1403
|
current: {
|
|
1404
|
+
"background-color": DesignToken;
|
|
1405
|
+
color: DesignToken;
|
|
1319
1406
|
"font-weight": DesignToken;
|
|
1407
|
+
hover: {
|
|
1408
|
+
"background-color": DesignToken;
|
|
1409
|
+
color: DesignToken;
|
|
1410
|
+
};
|
|
1320
1411
|
};
|
|
1412
|
+
};
|
|
1413
|
+
"relative-link": {
|
|
1414
|
+
"background-color": DesignToken;
|
|
1415
|
+
color: DesignToken;
|
|
1416
|
+
"font-weight": DesignToken;
|
|
1417
|
+
gap: DesignToken;
|
|
1418
|
+
"outline-offset": DesignToken;
|
|
1419
|
+
"padding-block": DesignToken;
|
|
1420
|
+
"padding-inline": DesignToken;
|
|
1421
|
+
"text-decoration-line": DesignToken;
|
|
1422
|
+
"text-decoration-thickness": DesignToken;
|
|
1423
|
+
"text-underline-offset": DesignToken;
|
|
1321
1424
|
hover: {
|
|
1425
|
+
"background-color": DesignToken;
|
|
1322
1426
|
color: DesignToken;
|
|
1323
1427
|
"text-decoration-line": DesignToken;
|
|
1324
1428
|
};
|
|
1429
|
+
active: {
|
|
1430
|
+
"background-color": DesignToken;
|
|
1431
|
+
color: DesignToken;
|
|
1432
|
+
};
|
|
1433
|
+
};
|
|
1434
|
+
ellipsis: {
|
|
1435
|
+
color: DesignToken;
|
|
1436
|
+
"padding-block": DesignToken;
|
|
1437
|
+
"padding-inline": DesignToken;
|
|
1325
1438
|
};
|
|
1326
1439
|
};
|
|
1327
1440
|
paragraph: {
|
|
@@ -1763,6 +1876,9 @@ declare const tokens: {
|
|
|
1763
1876
|
cursor: DesignToken;
|
|
1764
1877
|
"outline-offset": DesignToken;
|
|
1765
1878
|
"inline-size": DesignToken;
|
|
1879
|
+
label: {
|
|
1880
|
+
"border-width": DesignToken;
|
|
1881
|
+
};
|
|
1766
1882
|
thumb: {
|
|
1767
1883
|
"background-color": DesignToken;
|
|
1768
1884
|
"block-size": DesignToken;
|
|
@@ -1822,22 +1938,39 @@ declare const tokens: {
|
|
|
1822
1938
|
"font-weight": DesignToken;
|
|
1823
1939
|
gap: DesignToken;
|
|
1824
1940
|
"line-height": DesignToken;
|
|
1941
|
+
list: {
|
|
1942
|
+
gap: DesignToken;
|
|
1943
|
+
list: {
|
|
1944
|
+
"padding-block-start": DesignToken;
|
|
1945
|
+
"padding-inline-start": DesignToken;
|
|
1946
|
+
};
|
|
1947
|
+
};
|
|
1948
|
+
item: {
|
|
1949
|
+
gap: DesignToken;
|
|
1950
|
+
};
|
|
1825
1951
|
link: {
|
|
1826
1952
|
color: DesignToken;
|
|
1827
1953
|
"outline-offset": DesignToken;
|
|
1828
1954
|
"text-decoration-line": DesignToken;
|
|
1829
1955
|
"text-decoration-thickness": DesignToken;
|
|
1830
1956
|
"text-underline-offset": DesignToken;
|
|
1957
|
+
current: {
|
|
1958
|
+
color: DesignToken;
|
|
1959
|
+
"font-weight": DesignToken;
|
|
1960
|
+
};
|
|
1831
1961
|
hover: {
|
|
1832
1962
|
color: DesignToken;
|
|
1833
1963
|
"text-decoration-line": DesignToken;
|
|
1834
1964
|
};
|
|
1835
1965
|
};
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1966
|
+
button: {
|
|
1967
|
+
color: DesignToken;
|
|
1968
|
+
hover: {
|
|
1969
|
+
color: DesignToken;
|
|
1970
|
+
};
|
|
1971
|
+
icon: {
|
|
1972
|
+
"transition-duration": DesignToken;
|
|
1973
|
+
"transition-timing-function": DesignToken;
|
|
1841
1974
|
};
|
|
1842
1975
|
};
|
|
1843
1976
|
};
|