@pantheon-systems/pds-design-tokens 1.0.0-dev.92 → 1.0.0-dev.94
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/build/css/pds-design-tokens-dark-mode.css +12 -6
- package/build/css/pds-design-tokens-light-mode.css +14 -8
- package/build/figma/pds-design-tokens-figma.json +492 -168
- package/build/json/pds-design-tokens-dark-mode.json +236 -72
- package/build/json/pds-design-tokens-light-mode.json +239 -79
- package/package.json +1 -1
|
@@ -1249,62 +1249,6 @@
|
|
|
1249
1249
|
"background",
|
|
1250
1250
|
"default"
|
|
1251
1251
|
]
|
|
1252
|
-
},
|
|
1253
|
-
"hover": {
|
|
1254
|
-
"value": "#f1f1f1",
|
|
1255
|
-
"public": true,
|
|
1256
|
-
"isReferenceToInternal": true,
|
|
1257
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
1258
|
-
"isSource": true,
|
|
1259
|
-
"original": {
|
|
1260
|
-
"value": "{color.light-mode.neutral.200.value}",
|
|
1261
|
-
"public": true,
|
|
1262
|
-
"isReferenceToInternal": true
|
|
1263
|
-
},
|
|
1264
|
-
"name": "color-light-mode-button-subtle-background-hover",
|
|
1265
|
-
"attributes": {
|
|
1266
|
-
"category": "color",
|
|
1267
|
-
"type": "light-mode",
|
|
1268
|
-
"item": "button",
|
|
1269
|
-
"subitem": "subtle",
|
|
1270
|
-
"state": "background"
|
|
1271
|
-
},
|
|
1272
|
-
"path": [
|
|
1273
|
-
"color",
|
|
1274
|
-
"light-mode",
|
|
1275
|
-
"button",
|
|
1276
|
-
"subtle",
|
|
1277
|
-
"background",
|
|
1278
|
-
"hover"
|
|
1279
|
-
]
|
|
1280
|
-
},
|
|
1281
|
-
"active": {
|
|
1282
|
-
"value": "#cfcfd3",
|
|
1283
|
-
"public": true,
|
|
1284
|
-
"isReferenceToInternal": true,
|
|
1285
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
1286
|
-
"isSource": true,
|
|
1287
|
-
"original": {
|
|
1288
|
-
"value": "{color.light-mode.neutral.300.value}",
|
|
1289
|
-
"public": true,
|
|
1290
|
-
"isReferenceToInternal": true
|
|
1291
|
-
},
|
|
1292
|
-
"name": "color-light-mode-button-subtle-background-active",
|
|
1293
|
-
"attributes": {
|
|
1294
|
-
"category": "color",
|
|
1295
|
-
"type": "light-mode",
|
|
1296
|
-
"item": "button",
|
|
1297
|
-
"subitem": "subtle",
|
|
1298
|
-
"state": "background"
|
|
1299
|
-
},
|
|
1300
|
-
"path": [
|
|
1301
|
-
"color",
|
|
1302
|
-
"light-mode",
|
|
1303
|
-
"button",
|
|
1304
|
-
"subtle",
|
|
1305
|
-
"background",
|
|
1306
|
-
"active"
|
|
1307
|
-
]
|
|
1308
1252
|
}
|
|
1309
1253
|
},
|
|
1310
1254
|
"border": {
|
|
@@ -1339,13 +1283,11 @@
|
|
|
1339
1283
|
"default": {
|
|
1340
1284
|
"value": "#23232d",
|
|
1341
1285
|
"public": true,
|
|
1342
|
-
"isReferenceToInternal": true,
|
|
1343
1286
|
"filePath": "tokens/color/alias/button.light.json",
|
|
1344
1287
|
"isSource": true,
|
|
1345
1288
|
"original": {
|
|
1346
|
-
"value": "{color.light-mode.
|
|
1347
|
-
"public": true
|
|
1348
|
-
"isReferenceToInternal": true
|
|
1289
|
+
"value": "{color.light-mode.text.default.value}",
|
|
1290
|
+
"public": true
|
|
1349
1291
|
},
|
|
1350
1292
|
"name": "color-light-mode-button-subtle-foreground-default",
|
|
1351
1293
|
"attributes": {
|
|
@@ -1365,15 +1307,13 @@
|
|
|
1365
1307
|
]
|
|
1366
1308
|
},
|
|
1367
1309
|
"hover": {
|
|
1368
|
-
"value": "#
|
|
1310
|
+
"value": "#5f41e5",
|
|
1369
1311
|
"public": true,
|
|
1370
|
-
"isReferenceToInternal": true,
|
|
1371
1312
|
"filePath": "tokens/color/alias/button.light.json",
|
|
1372
1313
|
"isSource": true,
|
|
1373
1314
|
"original": {
|
|
1374
|
-
"value": "{color.light-mode.
|
|
1375
|
-
"public": true
|
|
1376
|
-
"isReferenceToInternal": true
|
|
1315
|
+
"value": "{color.light-mode.link.hover.value}",
|
|
1316
|
+
"public": true
|
|
1377
1317
|
},
|
|
1378
1318
|
"name": "color-light-mode-button-subtle-foreground-hover",
|
|
1379
1319
|
"attributes": {
|
|
@@ -1393,15 +1333,13 @@
|
|
|
1393
1333
|
]
|
|
1394
1334
|
},
|
|
1395
1335
|
"active": {
|
|
1396
|
-
"value": "#
|
|
1336
|
+
"value": "#5f41e5",
|
|
1397
1337
|
"public": true,
|
|
1398
|
-
"isReferenceToInternal": true,
|
|
1399
1338
|
"filePath": "tokens/color/alias/button.light.json",
|
|
1400
1339
|
"isSource": true,
|
|
1401
1340
|
"original": {
|
|
1402
|
-
"value": "{color.light-mode.
|
|
1403
|
-
"public": true
|
|
1404
|
-
"isReferenceToInternal": true
|
|
1341
|
+
"value": "{color.light-mode.link.active.value}",
|
|
1342
|
+
"public": true
|
|
1405
1343
|
},
|
|
1406
1344
|
"name": "color-light-mode-button-subtle-foreground-active",
|
|
1407
1345
|
"attributes": {
|
|
@@ -2201,13 +2139,11 @@
|
|
|
2201
2139
|
"default": {
|
|
2202
2140
|
"value": "#23232d",
|
|
2203
2141
|
"public": true,
|
|
2204
|
-
"isReferenceToInternal": true,
|
|
2205
2142
|
"filePath": "tokens/color/alias/button.light.json",
|
|
2206
2143
|
"isSource": true,
|
|
2207
2144
|
"original": {
|
|
2208
2145
|
"value": "{color.light-mode.foreground.default.value}",
|
|
2209
|
-
"public": true
|
|
2210
|
-
"isReferenceToInternal": true
|
|
2146
|
+
"public": true
|
|
2211
2147
|
},
|
|
2212
2148
|
"name": "color-light-mode-button-navbar-foreground-default",
|
|
2213
2149
|
"attributes": {
|
|
@@ -2229,13 +2165,11 @@
|
|
|
2229
2165
|
"hover": {
|
|
2230
2166
|
"value": "#5f41e5",
|
|
2231
2167
|
"public": true,
|
|
2232
|
-
"isReferenceToInternal": true,
|
|
2233
2168
|
"filePath": "tokens/color/alias/button.light.json",
|
|
2234
2169
|
"isSource": true,
|
|
2235
2170
|
"original": {
|
|
2236
2171
|
"value": "{color.light-mode.link.hover.value}",
|
|
2237
|
-
"public": true
|
|
2238
|
-
"isReferenceToInternal": true
|
|
2172
|
+
"public": true
|
|
2239
2173
|
},
|
|
2240
2174
|
"name": "color-light-mode-button-navbar-foreground-hover",
|
|
2241
2175
|
"attributes": {
|
|
@@ -2257,13 +2191,11 @@
|
|
|
2257
2191
|
"active": {
|
|
2258
2192
|
"value": "#5f41e5",
|
|
2259
2193
|
"public": true,
|
|
2260
|
-
"isReferenceToInternal": true,
|
|
2261
2194
|
"filePath": "tokens/color/alias/button.light.json",
|
|
2262
2195
|
"isSource": true,
|
|
2263
2196
|
"original": {
|
|
2264
2197
|
"value": "{color.light-mode.link.active.value}",
|
|
2265
|
-
"public": true
|
|
2266
|
-
"isReferenceToInternal": true
|
|
2198
|
+
"public": true
|
|
2267
2199
|
},
|
|
2268
2200
|
"name": "color-light-mode-button-navbar-foreground-active",
|
|
2269
2201
|
"attributes": {
|
|
@@ -2285,6 +2217,234 @@
|
|
|
2285
2217
|
}
|
|
2286
2218
|
}
|
|
2287
2219
|
},
|
|
2220
|
+
"icon-button": {
|
|
2221
|
+
"standard": {
|
|
2222
|
+
"background": {
|
|
2223
|
+
"default": {
|
|
2224
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
2225
|
+
"public": true,
|
|
2226
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2227
|
+
"isSource": true,
|
|
2228
|
+
"original": {
|
|
2229
|
+
"value": "transparent",
|
|
2230
|
+
"public": true
|
|
2231
|
+
},
|
|
2232
|
+
"name": "color-light-mode-icon-button-standard-background-default",
|
|
2233
|
+
"attributes": {
|
|
2234
|
+
"category": "color",
|
|
2235
|
+
"type": "light-mode",
|
|
2236
|
+
"item": "icon-button",
|
|
2237
|
+
"subitem": "standard",
|
|
2238
|
+
"state": "background"
|
|
2239
|
+
},
|
|
2240
|
+
"path": [
|
|
2241
|
+
"color",
|
|
2242
|
+
"light-mode",
|
|
2243
|
+
"icon-button",
|
|
2244
|
+
"standard",
|
|
2245
|
+
"background",
|
|
2246
|
+
"default"
|
|
2247
|
+
]
|
|
2248
|
+
},
|
|
2249
|
+
"hover": {
|
|
2250
|
+
"value": "#f1f1f1",
|
|
2251
|
+
"public": true,
|
|
2252
|
+
"isReferenceToInternal": true,
|
|
2253
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2254
|
+
"isSource": true,
|
|
2255
|
+
"original": {
|
|
2256
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
2257
|
+
"public": true,
|
|
2258
|
+
"isReferenceToInternal": true
|
|
2259
|
+
},
|
|
2260
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
2261
|
+
"attributes": {
|
|
2262
|
+
"category": "color",
|
|
2263
|
+
"type": "light-mode",
|
|
2264
|
+
"item": "icon-button",
|
|
2265
|
+
"subitem": "standard",
|
|
2266
|
+
"state": "background"
|
|
2267
|
+
},
|
|
2268
|
+
"path": [
|
|
2269
|
+
"color",
|
|
2270
|
+
"light-mode",
|
|
2271
|
+
"icon-button",
|
|
2272
|
+
"standard",
|
|
2273
|
+
"background",
|
|
2274
|
+
"hover"
|
|
2275
|
+
]
|
|
2276
|
+
},
|
|
2277
|
+
"active": {
|
|
2278
|
+
"value": "#cfcfd3",
|
|
2279
|
+
"public": true,
|
|
2280
|
+
"isReferenceToInternal": true,
|
|
2281
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2282
|
+
"isSource": true,
|
|
2283
|
+
"original": {
|
|
2284
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
2285
|
+
"public": true,
|
|
2286
|
+
"isReferenceToInternal": true
|
|
2287
|
+
},
|
|
2288
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
2289
|
+
"attributes": {
|
|
2290
|
+
"category": "color",
|
|
2291
|
+
"type": "light-mode",
|
|
2292
|
+
"item": "icon-button",
|
|
2293
|
+
"subitem": "standard",
|
|
2294
|
+
"state": "background"
|
|
2295
|
+
},
|
|
2296
|
+
"path": [
|
|
2297
|
+
"color",
|
|
2298
|
+
"light-mode",
|
|
2299
|
+
"icon-button",
|
|
2300
|
+
"standard",
|
|
2301
|
+
"background",
|
|
2302
|
+
"active"
|
|
2303
|
+
]
|
|
2304
|
+
}
|
|
2305
|
+
},
|
|
2306
|
+
"foreground": {
|
|
2307
|
+
"default": {
|
|
2308
|
+
"value": "#23232d",
|
|
2309
|
+
"public": true,
|
|
2310
|
+
"isReferenceToInternal": true,
|
|
2311
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2312
|
+
"isSource": true,
|
|
2313
|
+
"original": {
|
|
2314
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
2315
|
+
"public": true,
|
|
2316
|
+
"isReferenceToInternal": true
|
|
2317
|
+
},
|
|
2318
|
+
"name": "color-light-mode-icon-button-standard-foreground-default",
|
|
2319
|
+
"attributes": {
|
|
2320
|
+
"category": "color",
|
|
2321
|
+
"type": "light-mode",
|
|
2322
|
+
"item": "icon-button",
|
|
2323
|
+
"subitem": "standard",
|
|
2324
|
+
"state": "foreground"
|
|
2325
|
+
},
|
|
2326
|
+
"path": [
|
|
2327
|
+
"color",
|
|
2328
|
+
"light-mode",
|
|
2329
|
+
"icon-button",
|
|
2330
|
+
"standard",
|
|
2331
|
+
"foreground",
|
|
2332
|
+
"default"
|
|
2333
|
+
]
|
|
2334
|
+
}
|
|
2335
|
+
}
|
|
2336
|
+
},
|
|
2337
|
+
"critical": {
|
|
2338
|
+
"background": {
|
|
2339
|
+
"default": {
|
|
2340
|
+
"value": "#ca3521",
|
|
2341
|
+
"public": true,
|
|
2342
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2343
|
+
"isSource": true,
|
|
2344
|
+
"original": {
|
|
2345
|
+
"value": "{color.light-mode.button.critical.background.default.value}",
|
|
2346
|
+
"public": true
|
|
2347
|
+
},
|
|
2348
|
+
"name": "color-light-mode-icon-button-critical-background-default",
|
|
2349
|
+
"attributes": {
|
|
2350
|
+
"category": "color",
|
|
2351
|
+
"type": "light-mode",
|
|
2352
|
+
"item": "icon-button",
|
|
2353
|
+
"subitem": "critical",
|
|
2354
|
+
"state": "background"
|
|
2355
|
+
},
|
|
2356
|
+
"path": [
|
|
2357
|
+
"color",
|
|
2358
|
+
"light-mode",
|
|
2359
|
+
"icon-button",
|
|
2360
|
+
"critical",
|
|
2361
|
+
"background",
|
|
2362
|
+
"default"
|
|
2363
|
+
]
|
|
2364
|
+
},
|
|
2365
|
+
"hover": {
|
|
2366
|
+
"value": "#cf4937",
|
|
2367
|
+
"public": true,
|
|
2368
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2369
|
+
"isSource": true,
|
|
2370
|
+
"original": {
|
|
2371
|
+
"value": "{color.light-mode.button.critical.background.hover.value}",
|
|
2372
|
+
"public": true
|
|
2373
|
+
},
|
|
2374
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
2375
|
+
"attributes": {
|
|
2376
|
+
"category": "color",
|
|
2377
|
+
"type": "light-mode",
|
|
2378
|
+
"item": "icon-button",
|
|
2379
|
+
"subitem": "critical",
|
|
2380
|
+
"state": "background"
|
|
2381
|
+
},
|
|
2382
|
+
"path": [
|
|
2383
|
+
"color",
|
|
2384
|
+
"light-mode",
|
|
2385
|
+
"icon-button",
|
|
2386
|
+
"critical",
|
|
2387
|
+
"background",
|
|
2388
|
+
"hover"
|
|
2389
|
+
]
|
|
2390
|
+
},
|
|
2391
|
+
"active": {
|
|
2392
|
+
"value": "#b6301e",
|
|
2393
|
+
"public": true,
|
|
2394
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2395
|
+
"isSource": true,
|
|
2396
|
+
"original": {
|
|
2397
|
+
"value": "{color.light-mode.button.critical.background.active.value}",
|
|
2398
|
+
"public": true
|
|
2399
|
+
},
|
|
2400
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
2401
|
+
"attributes": {
|
|
2402
|
+
"category": "color",
|
|
2403
|
+
"type": "light-mode",
|
|
2404
|
+
"item": "icon-button",
|
|
2405
|
+
"subitem": "critical",
|
|
2406
|
+
"state": "background"
|
|
2407
|
+
},
|
|
2408
|
+
"path": [
|
|
2409
|
+
"color",
|
|
2410
|
+
"light-mode",
|
|
2411
|
+
"icon-button",
|
|
2412
|
+
"critical",
|
|
2413
|
+
"background",
|
|
2414
|
+
"active"
|
|
2415
|
+
]
|
|
2416
|
+
}
|
|
2417
|
+
},
|
|
2418
|
+
"foreground": {
|
|
2419
|
+
"default": {
|
|
2420
|
+
"value": "#ffffff",
|
|
2421
|
+
"public": true,
|
|
2422
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2423
|
+
"isSource": true,
|
|
2424
|
+
"original": {
|
|
2425
|
+
"value": "{color.light-mode.button.critical.foreground.default.value}",
|
|
2426
|
+
"public": true
|
|
2427
|
+
},
|
|
2428
|
+
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
2429
|
+
"attributes": {
|
|
2430
|
+
"category": "color",
|
|
2431
|
+
"type": "light-mode",
|
|
2432
|
+
"item": "icon-button",
|
|
2433
|
+
"subitem": "critical",
|
|
2434
|
+
"state": "foreground"
|
|
2435
|
+
},
|
|
2436
|
+
"path": [
|
|
2437
|
+
"color",
|
|
2438
|
+
"light-mode",
|
|
2439
|
+
"icon-button",
|
|
2440
|
+
"critical",
|
|
2441
|
+
"foreground",
|
|
2442
|
+
"default"
|
|
2443
|
+
]
|
|
2444
|
+
}
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
},
|
|
2288
2448
|
"toggle-button": {
|
|
2289
2449
|
"background": {
|
|
2290
2450
|
"off": {
|