@helloimjolopez-pathway/pathway-tokens 7.0.0 → 7.0.2
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/README.md +4 -4
- package/components/scrollbar/scrollbar.jsx +19 -4
- package/components/sidenav/sidenav.jsx +20 -9
- package/dist/README.md +96 -0
- package/dist/breakpoints.css +10 -3
- package/dist/contract.json +374 -0
- package/dist/layout-contextual.css +22 -7
- package/dist/layout-responsive.css +35 -20
- package/dist/layout.css +18 -6
- package/dist/motion.css +17 -3
- package/dist/primitives.css +24 -3
- package/dist/themes/light.css +44 -13
- package/dist/themes/midnight.css +46 -13
- package/dist/tokens.js +688 -112
- package/dist/tokens.json +319 -97
- package/dist/type.css +23 -6
- package/package.json +2 -2
package/dist/tokens.json
CHANGED
|
@@ -1071,17 +1071,33 @@
|
|
|
1071
1071
|
},
|
|
1072
1072
|
"status": {
|
|
1073
1073
|
"info": {
|
|
1074
|
-
"
|
|
1075
|
-
"
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
"
|
|
1080
|
-
|
|
1074
|
+
"subtle": {
|
|
1075
|
+
"rest": {
|
|
1076
|
+
"$type": "color",
|
|
1077
|
+
"$value": "{primitive-color.amethyst.25}"
|
|
1078
|
+
},
|
|
1079
|
+
"hover": {
|
|
1080
|
+
"$type": "color",
|
|
1081
|
+
"$value": "{primitive-color.amethyst.50}"
|
|
1082
|
+
},
|
|
1083
|
+
"pressed": {
|
|
1084
|
+
"$type": "color",
|
|
1085
|
+
"$value": "{primitive-color.amethyst.75}"
|
|
1086
|
+
}
|
|
1081
1087
|
},
|
|
1082
|
-
"
|
|
1083
|
-
"
|
|
1084
|
-
|
|
1088
|
+
"strong": {
|
|
1089
|
+
"rest": {
|
|
1090
|
+
"$type": "color",
|
|
1091
|
+
"$value": "{primitive-color.amethyst.200}"
|
|
1092
|
+
},
|
|
1093
|
+
"hover": {
|
|
1094
|
+
"$type": "color",
|
|
1095
|
+
"$value": "{primitive-color.amethyst.300}"
|
|
1096
|
+
},
|
|
1097
|
+
"pressed": {
|
|
1098
|
+
"$type": "color",
|
|
1099
|
+
"$value": "{primitive-color.amethyst.350}"
|
|
1100
|
+
}
|
|
1085
1101
|
}
|
|
1086
1102
|
},
|
|
1087
1103
|
"positive": {
|
|
@@ -1115,31 +1131,63 @@
|
|
|
1115
1131
|
}
|
|
1116
1132
|
},
|
|
1117
1133
|
"attention": {
|
|
1118
|
-
"
|
|
1119
|
-
"
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
"
|
|
1124
|
-
|
|
1134
|
+
"subtle": {
|
|
1135
|
+
"rest": {
|
|
1136
|
+
"$type": "color",
|
|
1137
|
+
"$value": "{primitive-color.saffron.25}"
|
|
1138
|
+
},
|
|
1139
|
+
"hover": {
|
|
1140
|
+
"$type": "color",
|
|
1141
|
+
"$value": "{primitive-color.saffron.75}"
|
|
1142
|
+
},
|
|
1143
|
+
"pressed": {
|
|
1144
|
+
"$type": "color",
|
|
1145
|
+
"$value": "{primitive-color.saffron.100}"
|
|
1146
|
+
}
|
|
1125
1147
|
},
|
|
1126
|
-
"
|
|
1127
|
-
"
|
|
1128
|
-
|
|
1148
|
+
"strong": {
|
|
1149
|
+
"rest": {
|
|
1150
|
+
"$type": "color",
|
|
1151
|
+
"$value": "{primitive-color.saffron.150}"
|
|
1152
|
+
},
|
|
1153
|
+
"hover": {
|
|
1154
|
+
"$type": "color",
|
|
1155
|
+
"$value": "{primitive-color.saffron.200}"
|
|
1156
|
+
},
|
|
1157
|
+
"pressed": {
|
|
1158
|
+
"$type": "color",
|
|
1159
|
+
"$value": "{primitive-color.saffron.300}"
|
|
1160
|
+
}
|
|
1129
1161
|
}
|
|
1130
1162
|
},
|
|
1131
1163
|
"severe": {
|
|
1132
|
-
"
|
|
1133
|
-
"
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
"
|
|
1138
|
-
|
|
1164
|
+
"subtle": {
|
|
1165
|
+
"rest": {
|
|
1166
|
+
"$type": "color",
|
|
1167
|
+
"$value": "{primitive-color.orange.50}"
|
|
1168
|
+
},
|
|
1169
|
+
"hover": {
|
|
1170
|
+
"$type": "color",
|
|
1171
|
+
"$value": "{primitive-color.orange.75}"
|
|
1172
|
+
},
|
|
1173
|
+
"pressed": {
|
|
1174
|
+
"$type": "color",
|
|
1175
|
+
"$value": "{primitive-color.orange.100}"
|
|
1176
|
+
}
|
|
1139
1177
|
},
|
|
1140
|
-
"
|
|
1141
|
-
"
|
|
1142
|
-
|
|
1178
|
+
"strong": {
|
|
1179
|
+
"rest": {
|
|
1180
|
+
"$type": "color",
|
|
1181
|
+
"$value": "{primitive-color.orange.250}"
|
|
1182
|
+
},
|
|
1183
|
+
"hover": {
|
|
1184
|
+
"$type": "color",
|
|
1185
|
+
"$value": "{primitive-color.orange.300}"
|
|
1186
|
+
},
|
|
1187
|
+
"pressed": {
|
|
1188
|
+
"$type": "color",
|
|
1189
|
+
"$value": "{primitive-color.orange.350}"
|
|
1190
|
+
}
|
|
1143
1191
|
}
|
|
1144
1192
|
},
|
|
1145
1193
|
"negative": {
|
|
@@ -1193,6 +1241,10 @@
|
|
|
1193
1241
|
"$value": "{primitive-color.warm-neutral.75}"
|
|
1194
1242
|
},
|
|
1195
1243
|
"strong": {
|
|
1244
|
+
"$type": "color",
|
|
1245
|
+
"$value": "{primitive-color.warm-neutral.800}"
|
|
1246
|
+
},
|
|
1247
|
+
"bold": {
|
|
1196
1248
|
"$type": "color",
|
|
1197
1249
|
"$value": "{primitive-color.warm-neutral.150}"
|
|
1198
1250
|
}
|
|
@@ -1337,6 +1389,10 @@
|
|
|
1337
1389
|
"$type": "color",
|
|
1338
1390
|
"$value": "{primitive-color.brand.800}"
|
|
1339
1391
|
}
|
|
1392
|
+
},
|
|
1393
|
+
"on-strong": {
|
|
1394
|
+
"$type": "color",
|
|
1395
|
+
"$value": "{primitive-color.cool-neutral.0}"
|
|
1340
1396
|
}
|
|
1341
1397
|
},
|
|
1342
1398
|
"secondary": {
|
|
@@ -1382,6 +1438,10 @@
|
|
|
1382
1438
|
"$type": "color",
|
|
1383
1439
|
"$value": "{primitive-color.amethyst.900}"
|
|
1384
1440
|
}
|
|
1441
|
+
},
|
|
1442
|
+
"on-strong": {
|
|
1443
|
+
"$type": "color",
|
|
1444
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
1385
1445
|
}
|
|
1386
1446
|
},
|
|
1387
1447
|
"positive": {
|
|
@@ -1398,6 +1458,10 @@
|
|
|
1398
1458
|
"$type": "color",
|
|
1399
1459
|
"$value": "{primitive-color.green.900}"
|
|
1400
1460
|
}
|
|
1461
|
+
},
|
|
1462
|
+
"on-strong": {
|
|
1463
|
+
"$type": "color",
|
|
1464
|
+
"$value": "{primitive-color.cool-neutral.0}"
|
|
1401
1465
|
}
|
|
1402
1466
|
},
|
|
1403
1467
|
"attention": {
|
|
@@ -1414,6 +1478,10 @@
|
|
|
1414
1478
|
"$type": "color",
|
|
1415
1479
|
"$value": "{primitive-color.saffron.900}"
|
|
1416
1480
|
}
|
|
1481
|
+
},
|
|
1482
|
+
"on-strong": {
|
|
1483
|
+
"$type": "color",
|
|
1484
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
1417
1485
|
}
|
|
1418
1486
|
},
|
|
1419
1487
|
"severe": {
|
|
@@ -1430,6 +1498,10 @@
|
|
|
1430
1498
|
"$type": "color",
|
|
1431
1499
|
"$value": "{primitive-color.orange.900}"
|
|
1432
1500
|
}
|
|
1501
|
+
},
|
|
1502
|
+
"on-strong": {
|
|
1503
|
+
"$type": "color",
|
|
1504
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
1433
1505
|
}
|
|
1434
1506
|
},
|
|
1435
1507
|
"negative": {
|
|
@@ -1446,6 +1518,10 @@
|
|
|
1446
1518
|
"$type": "color",
|
|
1447
1519
|
"$value": "{primitive-color.red.900}"
|
|
1448
1520
|
}
|
|
1521
|
+
},
|
|
1522
|
+
"on-strong": {
|
|
1523
|
+
"$type": "color",
|
|
1524
|
+
"$value": "{primitive-color.cool-neutral.0}"
|
|
1449
1525
|
}
|
|
1450
1526
|
}
|
|
1451
1527
|
}
|
|
@@ -1725,6 +1801,10 @@
|
|
|
1725
1801
|
"strong": {
|
|
1726
1802
|
"$type": "color",
|
|
1727
1803
|
"$value": "{primitive-color.warm-neutral.350}"
|
|
1804
|
+
},
|
|
1805
|
+
"mono": {
|
|
1806
|
+
"$type": "color",
|
|
1807
|
+
"$value": "{primitive-color.cool-neutral.0}"
|
|
1728
1808
|
}
|
|
1729
1809
|
},
|
|
1730
1810
|
"info": {
|
|
@@ -1921,17 +2001,33 @@
|
|
|
1921
2001
|
},
|
|
1922
2002
|
"status": {
|
|
1923
2003
|
"info": {
|
|
1924
|
-
"
|
|
1925
|
-
"
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
"
|
|
1930
|
-
|
|
2004
|
+
"subtle": {
|
|
2005
|
+
"rest": {
|
|
2006
|
+
"$type": "color",
|
|
2007
|
+
"$value": "{primitive-color.amethyst.700}"
|
|
2008
|
+
},
|
|
2009
|
+
"hover": {
|
|
2010
|
+
"$type": "color",
|
|
2011
|
+
"$value": "{primitive-color.amethyst.600}"
|
|
2012
|
+
},
|
|
2013
|
+
"pressed": {
|
|
2014
|
+
"$type": "color",
|
|
2015
|
+
"$value": "{primitive-color.amethyst.500}"
|
|
2016
|
+
}
|
|
1931
2017
|
},
|
|
1932
|
-
"
|
|
1933
|
-
"
|
|
1934
|
-
|
|
2018
|
+
"strong": {
|
|
2019
|
+
"rest": {
|
|
2020
|
+
"$type": "color",
|
|
2021
|
+
"$value": "{primitive-color.amethyst.200}"
|
|
2022
|
+
},
|
|
2023
|
+
"hover": {
|
|
2024
|
+
"$type": "color",
|
|
2025
|
+
"$value": "{primitive-color.amethyst.300}"
|
|
2026
|
+
},
|
|
2027
|
+
"pressed": {
|
|
2028
|
+
"$type": "color",
|
|
2029
|
+
"$value": "{primitive-color.amethyst.350}"
|
|
2030
|
+
}
|
|
1935
2031
|
}
|
|
1936
2032
|
},
|
|
1937
2033
|
"positive": {
|
|
@@ -1965,31 +2061,63 @@
|
|
|
1965
2061
|
}
|
|
1966
2062
|
},
|
|
1967
2063
|
"attention": {
|
|
1968
|
-
"
|
|
1969
|
-
"
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
"
|
|
1974
|
-
|
|
2064
|
+
"subtle": {
|
|
2065
|
+
"rest": {
|
|
2066
|
+
"$type": "color",
|
|
2067
|
+
"$value": "{primitive-color.saffron.700}"
|
|
2068
|
+
},
|
|
2069
|
+
"hover": {
|
|
2070
|
+
"$type": "color",
|
|
2071
|
+
"$value": "{primitive-color.saffron.500}"
|
|
2072
|
+
},
|
|
2073
|
+
"pressed": {
|
|
2074
|
+
"$type": "color",
|
|
2075
|
+
"$value": "{primitive-color.saffron.400}"
|
|
2076
|
+
}
|
|
1975
2077
|
},
|
|
1976
|
-
"
|
|
1977
|
-
"
|
|
1978
|
-
|
|
2078
|
+
"strong": {
|
|
2079
|
+
"rest": {
|
|
2080
|
+
"$type": "color",
|
|
2081
|
+
"$value": "{primitive-color.saffron.200}"
|
|
2082
|
+
},
|
|
2083
|
+
"hover": {
|
|
2084
|
+
"$type": "color",
|
|
2085
|
+
"$value": "{primitive-color.saffron.300}"
|
|
2086
|
+
},
|
|
2087
|
+
"pressed": {
|
|
2088
|
+
"$type": "color",
|
|
2089
|
+
"$value": "{primitive-color.saffron.350}"
|
|
2090
|
+
}
|
|
1979
2091
|
}
|
|
1980
2092
|
},
|
|
1981
2093
|
"severe": {
|
|
1982
|
-
"
|
|
1983
|
-
"
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
"
|
|
1988
|
-
|
|
2094
|
+
"subtle": {
|
|
2095
|
+
"rest": {
|
|
2096
|
+
"$type": "color",
|
|
2097
|
+
"$value": "{primitive-color.orange.800}"
|
|
2098
|
+
},
|
|
2099
|
+
"hover": {
|
|
2100
|
+
"$type": "color",
|
|
2101
|
+
"$value": "{primitive-color.orange.700}"
|
|
2102
|
+
},
|
|
2103
|
+
"pressed": {
|
|
2104
|
+
"$type": "color",
|
|
2105
|
+
"$value": "{primitive-color.orange.600}"
|
|
2106
|
+
}
|
|
1989
2107
|
},
|
|
1990
|
-
"
|
|
1991
|
-
"
|
|
1992
|
-
|
|
2108
|
+
"strong": {
|
|
2109
|
+
"rest": {
|
|
2110
|
+
"$type": "color",
|
|
2111
|
+
"$value": "{primitive-color.orange.200}"
|
|
2112
|
+
},
|
|
2113
|
+
"hover": {
|
|
2114
|
+
"$type": "color",
|
|
2115
|
+
"$value": "{primitive-color.orange.250}"
|
|
2116
|
+
},
|
|
2117
|
+
"pressed": {
|
|
2118
|
+
"$type": "color",
|
|
2119
|
+
"$value": "{primitive-color.orange.300}"
|
|
2120
|
+
}
|
|
1993
2121
|
}
|
|
1994
2122
|
},
|
|
1995
2123
|
"negative": {
|
|
@@ -2043,6 +2171,10 @@
|
|
|
2043
2171
|
"$value": "{primitive-color.warm-neutral.600}"
|
|
2044
2172
|
},
|
|
2045
2173
|
"strong": {
|
|
2174
|
+
"$type": "color",
|
|
2175
|
+
"$value": "{primitive-color.warm-neutral.100}"
|
|
2176
|
+
},
|
|
2177
|
+
"bold": {
|
|
2046
2178
|
"$type": "color",
|
|
2047
2179
|
"$value": "{primitive-color.warm-neutral.500}"
|
|
2048
2180
|
}
|
|
@@ -2187,6 +2319,10 @@
|
|
|
2187
2319
|
"$type": "color",
|
|
2188
2320
|
"$value": "{primitive-color.brand.0}"
|
|
2189
2321
|
}
|
|
2322
|
+
},
|
|
2323
|
+
"on-strong": {
|
|
2324
|
+
"$type": "color",
|
|
2325
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
2190
2326
|
}
|
|
2191
2327
|
},
|
|
2192
2328
|
"secondary": {
|
|
@@ -2232,6 +2368,10 @@
|
|
|
2232
2368
|
"$type": "color",
|
|
2233
2369
|
"$value": "{primitive-color.amethyst.50}"
|
|
2234
2370
|
}
|
|
2371
|
+
},
|
|
2372
|
+
"on-strong": {
|
|
2373
|
+
"$type": "color",
|
|
2374
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
2235
2375
|
}
|
|
2236
2376
|
},
|
|
2237
2377
|
"positive": {
|
|
@@ -2248,6 +2388,10 @@
|
|
|
2248
2388
|
"$type": "color",
|
|
2249
2389
|
"$value": "{primitive-color.green.150}"
|
|
2250
2390
|
}
|
|
2391
|
+
},
|
|
2392
|
+
"on-strong": {
|
|
2393
|
+
"$type": "color",
|
|
2394
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
2251
2395
|
}
|
|
2252
2396
|
},
|
|
2253
2397
|
"attention": {
|
|
@@ -2264,6 +2408,10 @@
|
|
|
2264
2408
|
"$type": "color",
|
|
2265
2409
|
"$value": "{primitive-color.saffron.150}"
|
|
2266
2410
|
}
|
|
2411
|
+
},
|
|
2412
|
+
"on-strong": {
|
|
2413
|
+
"$type": "color",
|
|
2414
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
2267
2415
|
}
|
|
2268
2416
|
},
|
|
2269
2417
|
"severe": {
|
|
@@ -2280,6 +2428,10 @@
|
|
|
2280
2428
|
"$type": "color",
|
|
2281
2429
|
"$value": "{primitive-color.orange.150}"
|
|
2282
2430
|
}
|
|
2431
|
+
},
|
|
2432
|
+
"on-strong": {
|
|
2433
|
+
"$type": "color",
|
|
2434
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
2283
2435
|
}
|
|
2284
2436
|
},
|
|
2285
2437
|
"negative": {
|
|
@@ -2296,6 +2448,10 @@
|
|
|
2296
2448
|
"$type": "color",
|
|
2297
2449
|
"$value": "{primitive-color.red.100}"
|
|
2298
2450
|
}
|
|
2451
|
+
},
|
|
2452
|
+
"on-strong": {
|
|
2453
|
+
"$type": "color",
|
|
2454
|
+
"$value": "{primitive-color.cool-neutral.900}"
|
|
2299
2455
|
}
|
|
2300
2456
|
}
|
|
2301
2457
|
}
|
|
@@ -2575,6 +2731,10 @@
|
|
|
2575
2731
|
"strong": {
|
|
2576
2732
|
"$type": "color",
|
|
2577
2733
|
"$value": "{primitive-color.warm-neutral.200}"
|
|
2734
|
+
},
|
|
2735
|
+
"mono": {
|
|
2736
|
+
"$type": "color",
|
|
2737
|
+
"$value": "{primitive-color.cool-neutral.0}"
|
|
2578
2738
|
}
|
|
2579
2739
|
},
|
|
2580
2740
|
"info": {
|
|
@@ -3391,6 +3551,10 @@
|
|
|
3391
3551
|
"$type": "number",
|
|
3392
3552
|
"$value": 120
|
|
3393
3553
|
},
|
|
3554
|
+
"250": {
|
|
3555
|
+
"$type": "number",
|
|
3556
|
+
"$value": 250
|
|
3557
|
+
},
|
|
3394
3558
|
"0-point-5": {
|
|
3395
3559
|
"$type": "number",
|
|
3396
3560
|
"$value": 0.5
|
|
@@ -3586,18 +3750,6 @@
|
|
|
3586
3750
|
}
|
|
3587
3751
|
},
|
|
3588
3752
|
"contextual-layout-units": {
|
|
3589
|
-
"selector": {
|
|
3590
|
-
"borderwidth": {
|
|
3591
|
-
"$type": "number",
|
|
3592
|
-
"$value": "{semantic-layout-units.borderwidth.base}"
|
|
3593
|
-
}
|
|
3594
|
-
},
|
|
3595
|
-
"field": {
|
|
3596
|
-
"borderwidth": {
|
|
3597
|
-
"$type": "number",
|
|
3598
|
-
"$value": "{semantic-layout-units.borderwidth.base}"
|
|
3599
|
-
}
|
|
3600
|
-
},
|
|
3601
3753
|
"navitem": {
|
|
3602
3754
|
"padding": {
|
|
3603
3755
|
"vertical": {
|
|
@@ -3617,16 +3769,6 @@
|
|
|
3617
3769
|
}
|
|
3618
3770
|
},
|
|
3619
3771
|
"button": {
|
|
3620
|
-
"corner-radius": {
|
|
3621
|
-
"radius": {
|
|
3622
|
-
"$type": "number",
|
|
3623
|
-
"$value": "{primitive-unit.unit.8}"
|
|
3624
|
-
}
|
|
3625
|
-
},
|
|
3626
|
-
"radius": {
|
|
3627
|
-
"$type": "number",
|
|
3628
|
-
"$value": "{primitive-unit.unit.8}"
|
|
3629
|
-
},
|
|
3630
3772
|
"padding": {
|
|
3631
3773
|
"medium": {
|
|
3632
3774
|
"vertical": {
|
|
@@ -3684,6 +3826,26 @@
|
|
|
3684
3826
|
"$type": "number",
|
|
3685
3827
|
"$value": "{semantic-layout-units.borderwidth.base}"
|
|
3686
3828
|
}
|
|
3829
|
+
},
|
|
3830
|
+
"radius": {
|
|
3831
|
+
"$type": "number",
|
|
3832
|
+
"$value": "{primitive-unit.unit.8}"
|
|
3833
|
+
},
|
|
3834
|
+
"corner-radius": {
|
|
3835
|
+
"radius": {
|
|
3836
|
+
"$type": "number",
|
|
3837
|
+
"$value": "{primitive-unit.unit.8}"
|
|
3838
|
+
}
|
|
3839
|
+
}
|
|
3840
|
+
},
|
|
3841
|
+
"focus-ring": {
|
|
3842
|
+
"width": {
|
|
3843
|
+
"$type": "number",
|
|
3844
|
+
"$value": "{primitive-unit.unit.2}"
|
|
3845
|
+
},
|
|
3846
|
+
"offset": {
|
|
3847
|
+
"$type": "number",
|
|
3848
|
+
"$value": "{primitive-unit.unit.2}"
|
|
3687
3849
|
}
|
|
3688
3850
|
},
|
|
3689
3851
|
"card": {
|
|
@@ -3728,18 +3890,54 @@
|
|
|
3728
3890
|
"$value": "{primitive-unit.unit.12}"
|
|
3729
3891
|
}
|
|
3730
3892
|
},
|
|
3731
|
-
"
|
|
3893
|
+
"sidenav": {
|
|
3732
3894
|
"width": {
|
|
3733
|
-
"
|
|
3734
|
-
|
|
3895
|
+
"expanded": {
|
|
3896
|
+
"$type": "number",
|
|
3897
|
+
"$value": "{primitive-unit.unit.250}"
|
|
3898
|
+
},
|
|
3899
|
+
"collapsed": {
|
|
3900
|
+
"$type": "number",
|
|
3901
|
+
"$value": "{primitive-unit.unit.72}"
|
|
3902
|
+
}
|
|
3735
3903
|
},
|
|
3736
|
-
"
|
|
3904
|
+
"padding": {
|
|
3905
|
+
"horizontal": {
|
|
3906
|
+
"expanded": {
|
|
3907
|
+
"$type": "number",
|
|
3908
|
+
"$value": "{primitive-unit.unit.16}"
|
|
3909
|
+
},
|
|
3910
|
+
"collapsed": {
|
|
3911
|
+
"$type": "number",
|
|
3912
|
+
"$value": "{primitive-unit.unit.12}"
|
|
3913
|
+
}
|
|
3914
|
+
},
|
|
3915
|
+
"vertical": {
|
|
3916
|
+
"$type": "number",
|
|
3917
|
+
"$value": "{primitive-unit.unit.8}"
|
|
3918
|
+
}
|
|
3919
|
+
},
|
|
3920
|
+
"gap": {
|
|
3921
|
+
"vertical": {
|
|
3922
|
+
"$type": "number",
|
|
3923
|
+
"$value": "{primitive-unit.unit.6}"
|
|
3924
|
+
}
|
|
3925
|
+
}
|
|
3926
|
+
},
|
|
3927
|
+
"selector": {
|
|
3928
|
+
"borderwidth": {
|
|
3737
3929
|
"$type": "number",
|
|
3738
|
-
"$value": "{
|
|
3930
|
+
"$value": "{semantic-layout-units.borderwidth.base}"
|
|
3931
|
+
}
|
|
3932
|
+
},
|
|
3933
|
+
"field": {
|
|
3934
|
+
"borderwidth": {
|
|
3935
|
+
"$type": "number",
|
|
3936
|
+
"$value": "{semantic-layout-units.borderwidth.thin}"
|
|
3739
3937
|
}
|
|
3740
3938
|
}
|
|
3741
3939
|
},
|
|
3742
|
-
"
|
|
3940
|
+
"responsive-layout": {
|
|
3743
3941
|
"desktop-1440pt": {
|
|
3744
3942
|
"sheet": {
|
|
3745
3943
|
"padding": {
|
|
@@ -3750,10 +3948,12 @@
|
|
|
3750
3948
|
"horizontal": {
|
|
3751
3949
|
"$type": "number",
|
|
3752
3950
|
"$value": "{primitive-unit.unit.36}"
|
|
3753
|
-
}
|
|
3754
|
-
|
|
3951
|
+
}
|
|
3952
|
+
},
|
|
3953
|
+
"cornerradius": {
|
|
3954
|
+
"top": {
|
|
3755
3955
|
"$type": "number",
|
|
3756
|
-
"$value": "{primitive-unit.unit.
|
|
3956
|
+
"$value": "{primitive-unit.unit.16}"
|
|
3757
3957
|
}
|
|
3758
3958
|
}
|
|
3759
3959
|
},
|
|
@@ -3771,6 +3971,12 @@
|
|
|
3771
3971
|
"height": {
|
|
3772
3972
|
"$type": "number",
|
|
3773
3973
|
"$value": "{primitive-unit.unit.56}"
|
|
3974
|
+
},
|
|
3975
|
+
"gap": {
|
|
3976
|
+
"horizontal": {
|
|
3977
|
+
"$type": "number",
|
|
3978
|
+
"$value": "{primitive-unit.unit.8}"
|
|
3979
|
+
}
|
|
3774
3980
|
}
|
|
3775
3981
|
}
|
|
3776
3982
|
},
|
|
@@ -3784,10 +3990,12 @@
|
|
|
3784
3990
|
"horizontal": {
|
|
3785
3991
|
"$type": "number",
|
|
3786
3992
|
"$value": "{primitive-unit.unit.24}"
|
|
3787
|
-
}
|
|
3788
|
-
|
|
3993
|
+
}
|
|
3994
|
+
},
|
|
3995
|
+
"cornerradius": {
|
|
3996
|
+
"top": {
|
|
3789
3997
|
"$type": "number",
|
|
3790
|
-
"$value": "{primitive-unit.unit.
|
|
3998
|
+
"$value": "{primitive-unit.unit.12}"
|
|
3791
3999
|
}
|
|
3792
4000
|
}
|
|
3793
4001
|
},
|
|
@@ -3805,6 +4013,12 @@
|
|
|
3805
4013
|
"height": {
|
|
3806
4014
|
"$type": "number",
|
|
3807
4015
|
"$value": "{primitive-unit.unit.56}"
|
|
4016
|
+
},
|
|
4017
|
+
"gap": {
|
|
4018
|
+
"horizontal": {
|
|
4019
|
+
"$type": "number",
|
|
4020
|
+
"$value": "{primitive-unit.unit.8}"
|
|
4021
|
+
}
|
|
3808
4022
|
}
|
|
3809
4023
|
}
|
|
3810
4024
|
},
|
|
@@ -3818,10 +4032,12 @@
|
|
|
3818
4032
|
"horizontal": {
|
|
3819
4033
|
"$type": "number",
|
|
3820
4034
|
"$value": "{primitive-unit.unit.16}"
|
|
3821
|
-
}
|
|
3822
|
-
|
|
4035
|
+
}
|
|
4036
|
+
},
|
|
4037
|
+
"cornerradius": {
|
|
4038
|
+
"top": {
|
|
3823
4039
|
"$type": "number",
|
|
3824
|
-
"$value": "{primitive-unit.unit.
|
|
4040
|
+
"$value": "{primitive-unit.unit.8}"
|
|
3825
4041
|
}
|
|
3826
4042
|
}
|
|
3827
4043
|
},
|
|
@@ -3839,6 +4055,12 @@
|
|
|
3839
4055
|
"height": {
|
|
3840
4056
|
"$type": "number",
|
|
3841
4057
|
"$value": "{primitive-unit.unit.56}"
|
|
4058
|
+
},
|
|
4059
|
+
"gap": {
|
|
4060
|
+
"horizontal": {
|
|
4061
|
+
"$type": "number",
|
|
4062
|
+
"$value": "{primitive-unit.unit.8}"
|
|
4063
|
+
}
|
|
3842
4064
|
}
|
|
3843
4065
|
}
|
|
3844
4066
|
}
|
package/dist/type.css
CHANGED
|
@@ -1,9 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/*
|
|
2
|
+
==========================================================================
|
|
3
|
+
PATHWAY DESIGN TOKENS — CONTRACT
|
|
4
|
+
==========================================================================
|
|
5
|
+
|
|
6
|
+
The type SCALE. Name these freely.
|
|
7
|
+
|
|
8
|
+
There are no composite text styles here and no .pw-type-* classes; both
|
|
9
|
+
were retired 2026-09-03. Compose five properties at the call site:
|
|
10
|
+
|
|
11
|
+
font-family: var(--semantic-type-family-brand);
|
|
12
|
+
font-size: var(--semantic-type-font-size-m);
|
|
13
|
+
font-weight: var(--semantic-type-weight-semibold);
|
|
14
|
+
line-height: var(--semantic-type-line-height-m-single);
|
|
15
|
+
letter-spacing: var(--semantic-type-letter-spacing-compact);
|
|
16
|
+
|
|
17
|
+
The 111 named styles still exist as Figma text styles, which is where a
|
|
18
|
+
designer applies them.
|
|
19
|
+
|
|
20
|
+
Declares 41 custom properties.
|
|
21
|
+
Generated — do not edit. Run `npm run build-tokens`.
|
|
22
|
+
==========================================================================
|
|
23
|
+
*/
|
|
7
24
|
:root {
|
|
8
25
|
--semantic-type-family-brand: Red Hat Text;
|
|
9
26
|
--semantic-type-font-size-4xl: 40px;
|