@pantheon-systems/pds-design-tokens 0.6.0-dev.1 → 0.6.0-dev.3

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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +16 -16
  2. package/build/css/pds-design-tokens-light-mode.css +12 -12
  3. package/build/figma/pds-design-tokens-figma.json +86 -86
  4. package/build/json/pds-design-tokens-dark-mode.json +45 -45
  5. package/build/json/pds-design-tokens-light-mode.json +41 -41
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +16 -16
  7. package/build/scss/_pds-design-tokens-light-mode.scss +12 -12
  8. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -426,13 +426,13 @@
426
426
  },
427
427
  "foreground": {
428
428
  "default": {
429
- "value": "#ffffff",
429
+ "value": "#121219",
430
430
  "public": true,
431
431
  "isReferenceToInternal": true,
432
432
  "filePath": "tokens/color/alias/interactive.dark.json",
433
433
  "isSource": true,
434
434
  "original": {
435
- "value": "{color.dark-mode.foreground.default.value}",
435
+ "value": "{color.dark-mode.neutral.700.value}",
436
436
  "public": true,
437
437
  "isReferenceToInternal": true
438
438
  },
@@ -454,13 +454,13 @@
454
454
  ]
455
455
  },
456
456
  "hover": {
457
- "value": "#ffffff",
457
+ "value": "#121219",
458
458
  "public": true,
459
459
  "isReferenceToInternal": true,
460
460
  "filePath": "tokens/color/alias/interactive.dark.json",
461
461
  "isSource": true,
462
462
  "original": {
463
- "value": "{color.dark-mode.foreground.default.value}",
463
+ "value": "{color.dark-mode.neutral.700.value}",
464
464
  "public": true,
465
465
  "isReferenceToInternal": true
466
466
  },
@@ -482,13 +482,13 @@
482
482
  ]
483
483
  },
484
484
  "active": {
485
- "value": "#ffffff",
485
+ "value": "#121219",
486
486
  "public": true,
487
487
  "isReferenceToInternal": true,
488
488
  "filePath": "tokens/color/alias/interactive.dark.json",
489
489
  "isSource": true,
490
490
  "original": {
491
- "value": "{color.dark-mode.foreground.default.value}",
491
+ "value": "{color.dark-mode.neutral.700.value}",
492
492
  "public": true,
493
493
  "isReferenceToInternal": true
494
494
  },
@@ -510,13 +510,13 @@
510
510
  ]
511
511
  },
512
512
  "focus": {
513
- "value": "#ffffff",
513
+ "value": "#121219",
514
514
  "public": true,
515
515
  "isReferenceToInternal": true,
516
516
  "filePath": "tokens/color/alias/interactive.dark.json",
517
517
  "isSource": true,
518
518
  "original": {
519
- "value": "{color.dark-mode.foreground.default.value}",
519
+ "value": "{color.dark-mode.neutral.700.value}",
520
520
  "public": true,
521
521
  "isReferenceToInternal": true
522
522
  },
@@ -1133,7 +1133,7 @@
1133
1133
  }
1134
1134
  }
1135
1135
  },
1136
- "destructive": {
1136
+ "critical": {
1137
1137
  "background": {
1138
1138
  "default": {
1139
1139
  "value": "rgba(0, 0, 0, 0)",
@@ -1144,19 +1144,19 @@
1144
1144
  "value": "transparent",
1145
1145
  "public": true
1146
1146
  },
1147
- "name": "color-dark-mode-button-destructive-background-default",
1147
+ "name": "color-dark-mode-button-critical-background-default",
1148
1148
  "attributes": {
1149
1149
  "category": "color",
1150
1150
  "type": "dark-mode",
1151
1151
  "item": "button",
1152
- "subitem": "destructive",
1152
+ "subitem": "critical",
1153
1153
  "state": "background"
1154
1154
  },
1155
1155
  "path": [
1156
1156
  "color",
1157
1157
  "dark-mode",
1158
1158
  "button",
1159
- "destructive",
1159
+ "critical",
1160
1160
  "background",
1161
1161
  "default"
1162
1162
  ]
@@ -1170,19 +1170,19 @@
1170
1170
  "value": "transparent",
1171
1171
  "public": true
1172
1172
  },
1173
- "name": "color-dark-mode-button-destructive-background-hover",
1173
+ "name": "color-dark-mode-button-critical-background-hover",
1174
1174
  "attributes": {
1175
1175
  "category": "color",
1176
1176
  "type": "dark-mode",
1177
1177
  "item": "button",
1178
- "subitem": "destructive",
1178
+ "subitem": "critical",
1179
1179
  "state": "background"
1180
1180
  },
1181
1181
  "path": [
1182
1182
  "color",
1183
1183
  "dark-mode",
1184
1184
  "button",
1185
- "destructive",
1185
+ "critical",
1186
1186
  "background",
1187
1187
  "hover"
1188
1188
  ]
@@ -1196,19 +1196,19 @@
1196
1196
  "value": "transparent",
1197
1197
  "public": true
1198
1198
  },
1199
- "name": "color-dark-mode-button-destructive-background-active",
1199
+ "name": "color-dark-mode-button-critical-background-active",
1200
1200
  "attributes": {
1201
1201
  "category": "color",
1202
1202
  "type": "dark-mode",
1203
1203
  "item": "button",
1204
- "subitem": "destructive",
1204
+ "subitem": "critical",
1205
1205
  "state": "background"
1206
1206
  },
1207
1207
  "path": [
1208
1208
  "color",
1209
1209
  "dark-mode",
1210
1210
  "button",
1211
- "destructive",
1211
+ "critical",
1212
1212
  "background",
1213
1213
  "active"
1214
1214
  ]
@@ -1222,19 +1222,19 @@
1222
1222
  "value": "transparent",
1223
1223
  "public": true
1224
1224
  },
1225
- "name": "color-dark-mode-button-destructive-background-focus",
1225
+ "name": "color-dark-mode-button-critical-background-focus",
1226
1226
  "attributes": {
1227
1227
  "category": "color",
1228
1228
  "type": "dark-mode",
1229
1229
  "item": "button",
1230
- "subitem": "destructive",
1230
+ "subitem": "critical",
1231
1231
  "state": "background"
1232
1232
  },
1233
1233
  "path": [
1234
1234
  "color",
1235
1235
  "dark-mode",
1236
1236
  "button",
1237
- "destructive",
1237
+ "critical",
1238
1238
  "background",
1239
1239
  "focus"
1240
1240
  ]
@@ -1252,19 +1252,19 @@
1252
1252
  "public": true,
1253
1253
  "isReferenceToInternal": true
1254
1254
  },
1255
- "name": "color-dark-mode-button-destructive-border-default",
1255
+ "name": "color-dark-mode-button-critical-border-default",
1256
1256
  "attributes": {
1257
1257
  "category": "color",
1258
1258
  "type": "dark-mode",
1259
1259
  "item": "button",
1260
- "subitem": "destructive",
1260
+ "subitem": "critical",
1261
1261
  "state": "border"
1262
1262
  },
1263
1263
  "path": [
1264
1264
  "color",
1265
1265
  "dark-mode",
1266
1266
  "button",
1267
- "destructive",
1267
+ "critical",
1268
1268
  "border",
1269
1269
  "default"
1270
1270
  ]
@@ -1280,19 +1280,19 @@
1280
1280
  "public": true,
1281
1281
  "isReferenceToInternal": true
1282
1282
  },
1283
- "name": "color-dark-mode-button-destructive-border-hover",
1283
+ "name": "color-dark-mode-button-critical-border-hover",
1284
1284
  "attributes": {
1285
1285
  "category": "color",
1286
1286
  "type": "dark-mode",
1287
1287
  "item": "button",
1288
- "subitem": "destructive",
1288
+ "subitem": "critical",
1289
1289
  "state": "border"
1290
1290
  },
1291
1291
  "path": [
1292
1292
  "color",
1293
1293
  "dark-mode",
1294
1294
  "button",
1295
- "destructive",
1295
+ "critical",
1296
1296
  "border",
1297
1297
  "hover"
1298
1298
  ]
@@ -1308,19 +1308,19 @@
1308
1308
  "public": true,
1309
1309
  "isReferenceToInternal": true
1310
1310
  },
1311
- "name": "color-dark-mode-button-destructive-border-active",
1311
+ "name": "color-dark-mode-button-critical-border-active",
1312
1312
  "attributes": {
1313
1313
  "category": "color",
1314
1314
  "type": "dark-mode",
1315
1315
  "item": "button",
1316
- "subitem": "destructive",
1316
+ "subitem": "critical",
1317
1317
  "state": "border"
1318
1318
  },
1319
1319
  "path": [
1320
1320
  "color",
1321
1321
  "dark-mode",
1322
1322
  "button",
1323
- "destructive",
1323
+ "critical",
1324
1324
  "border",
1325
1325
  "active"
1326
1326
  ]
@@ -1336,19 +1336,19 @@
1336
1336
  "public": true,
1337
1337
  "isReferenceToInternal": true
1338
1338
  },
1339
- "name": "color-dark-mode-button-destructive-border-focus",
1339
+ "name": "color-dark-mode-button-critical-border-focus",
1340
1340
  "attributes": {
1341
1341
  "category": "color",
1342
1342
  "type": "dark-mode",
1343
1343
  "item": "button",
1344
- "subitem": "destructive",
1344
+ "subitem": "critical",
1345
1345
  "state": "border"
1346
1346
  },
1347
1347
  "path": [
1348
1348
  "color",
1349
1349
  "dark-mode",
1350
1350
  "button",
1351
- "destructive",
1351
+ "critical",
1352
1352
  "border",
1353
1353
  "focus"
1354
1354
  ]
@@ -1366,19 +1366,19 @@
1366
1366
  "public": true,
1367
1367
  "isReferenceToInternal": true
1368
1368
  },
1369
- "name": "color-dark-mode-button-destructive-foreground-default",
1369
+ "name": "color-dark-mode-button-critical-foreground-default",
1370
1370
  "attributes": {
1371
1371
  "category": "color",
1372
1372
  "type": "dark-mode",
1373
1373
  "item": "button",
1374
- "subitem": "destructive",
1374
+ "subitem": "critical",
1375
1375
  "state": "foreground"
1376
1376
  },
1377
1377
  "path": [
1378
1378
  "color",
1379
1379
  "dark-mode",
1380
1380
  "button",
1381
- "destructive",
1381
+ "critical",
1382
1382
  "foreground",
1383
1383
  "default"
1384
1384
  ]
@@ -1394,19 +1394,19 @@
1394
1394
  "public": true,
1395
1395
  "isReferenceToInternal": true
1396
1396
  },
1397
- "name": "color-dark-mode-button-destructive-foreground-hover",
1397
+ "name": "color-dark-mode-button-critical-foreground-hover",
1398
1398
  "attributes": {
1399
1399
  "category": "color",
1400
1400
  "type": "dark-mode",
1401
1401
  "item": "button",
1402
- "subitem": "destructive",
1402
+ "subitem": "critical",
1403
1403
  "state": "foreground"
1404
1404
  },
1405
1405
  "path": [
1406
1406
  "color",
1407
1407
  "dark-mode",
1408
1408
  "button",
1409
- "destructive",
1409
+ "critical",
1410
1410
  "foreground",
1411
1411
  "hover"
1412
1412
  ]
@@ -1422,19 +1422,19 @@
1422
1422
  "public": true,
1423
1423
  "isReferenceToInternal": true
1424
1424
  },
1425
- "name": "color-dark-mode-button-destructive-foreground-active",
1425
+ "name": "color-dark-mode-button-critical-foreground-active",
1426
1426
  "attributes": {
1427
1427
  "category": "color",
1428
1428
  "type": "dark-mode",
1429
1429
  "item": "button",
1430
- "subitem": "destructive",
1430
+ "subitem": "critical",
1431
1431
  "state": "foreground"
1432
1432
  },
1433
1433
  "path": [
1434
1434
  "color",
1435
1435
  "dark-mode",
1436
1436
  "button",
1437
- "destructive",
1437
+ "critical",
1438
1438
  "foreground",
1439
1439
  "active"
1440
1440
  ]
@@ -1450,19 +1450,19 @@
1450
1450
  "public": true,
1451
1451
  "isReferenceToInternal": true
1452
1452
  },
1453
- "name": "color-dark-mode-button-destructive-foreground-focus",
1453
+ "name": "color-dark-mode-button-critical-foreground-focus",
1454
1454
  "attributes": {
1455
1455
  "category": "color",
1456
1456
  "type": "dark-mode",
1457
1457
  "item": "button",
1458
- "subitem": "destructive",
1458
+ "subitem": "critical",
1459
1459
  "state": "foreground"
1460
1460
  },
1461
1461
  "path": [
1462
1462
  "color",
1463
1463
  "dark-mode",
1464
1464
  "button",
1465
- "destructive",
1465
+ "critical",
1466
1466
  "foreground",
1467
1467
  "focus"
1468
1468
  ]
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -432,7 +432,7 @@
432
432
  "filePath": "tokens/color/alias/interactive.light.json",
433
433
  "isSource": true,
434
434
  "original": {
435
- "value": "{color.light-mode.foreground.default.value}",
435
+ "value": "{color.light-mode.neutral.700.value}",
436
436
  "public": true,
437
437
  "isReferenceToInternal": true
438
438
  },
@@ -460,7 +460,7 @@
460
460
  "filePath": "tokens/color/alias/interactive.light.json",
461
461
  "isSource": true,
462
462
  "original": {
463
- "value": "{color.light-mode.foreground.default.value}",
463
+ "value": "{color.light-mode.neutral.700.value}",
464
464
  "public": true,
465
465
  "isReferenceToInternal": true
466
466
  },
@@ -488,7 +488,7 @@
488
488
  "filePath": "tokens/color/alias/interactive.light.json",
489
489
  "isSource": true,
490
490
  "original": {
491
- "value": "{color.light-mode.foreground.default.value}",
491
+ "value": "{color.light-mode.neutral.700.value}",
492
492
  "public": true,
493
493
  "isReferenceToInternal": true
494
494
  },
@@ -516,7 +516,7 @@
516
516
  "filePath": "tokens/color/alias/interactive.light.json",
517
517
  "isSource": true,
518
518
  "original": {
519
- "value": "{color.light-mode.foreground.default.value}",
519
+ "value": "{color.light-mode.neutral.700.value}",
520
520
  "public": true,
521
521
  "isReferenceToInternal": true
522
522
  },
@@ -1135,7 +1135,7 @@
1135
1135
  }
1136
1136
  }
1137
1137
  },
1138
- "destructive": {
1138
+ "critical": {
1139
1139
  "background": {
1140
1140
  "default": {
1141
1141
  "value": "#d61f1f",
@@ -1148,19 +1148,19 @@
1148
1148
  "public": true,
1149
1149
  "isReferenceToInternal": true
1150
1150
  },
1151
- "name": "color-light-mode-button-destructive-background-default",
1151
+ "name": "color-light-mode-button-critical-background-default",
1152
1152
  "attributes": {
1153
1153
  "category": "color",
1154
1154
  "type": "light-mode",
1155
1155
  "item": "button",
1156
- "subitem": "destructive",
1156
+ "subitem": "critical",
1157
1157
  "state": "background"
1158
1158
  },
1159
1159
  "path": [
1160
1160
  "color",
1161
1161
  "light-mode",
1162
1162
  "button",
1163
- "destructive",
1163
+ "critical",
1164
1164
  "background",
1165
1165
  "default"
1166
1166
  ]
@@ -1176,19 +1176,19 @@
1176
1176
  "public": true,
1177
1177
  "isReferenceToInternal": true
1178
1178
  },
1179
- "name": "color-light-mode-button-destructive-background-hover",
1179
+ "name": "color-light-mode-button-critical-background-hover",
1180
1180
  "attributes": {
1181
1181
  "category": "color",
1182
1182
  "type": "light-mode",
1183
1183
  "item": "button",
1184
- "subitem": "destructive",
1184
+ "subitem": "critical",
1185
1185
  "state": "background"
1186
1186
  },
1187
1187
  "path": [
1188
1188
  "color",
1189
1189
  "light-mode",
1190
1190
  "button",
1191
- "destructive",
1191
+ "critical",
1192
1192
  "background",
1193
1193
  "hover"
1194
1194
  ]
@@ -1204,19 +1204,19 @@
1204
1204
  "public": true,
1205
1205
  "isReferenceToInternal": true
1206
1206
  },
1207
- "name": "color-light-mode-button-destructive-background-active",
1207
+ "name": "color-light-mode-button-critical-background-active",
1208
1208
  "attributes": {
1209
1209
  "category": "color",
1210
1210
  "type": "light-mode",
1211
1211
  "item": "button",
1212
- "subitem": "destructive",
1212
+ "subitem": "critical",
1213
1213
  "state": "background"
1214
1214
  },
1215
1215
  "path": [
1216
1216
  "color",
1217
1217
  "light-mode",
1218
1218
  "button",
1219
- "destructive",
1219
+ "critical",
1220
1220
  "background",
1221
1221
  "active"
1222
1222
  ]
@@ -1232,19 +1232,19 @@
1232
1232
  "public": true,
1233
1233
  "isReferenceToInternal": true
1234
1234
  },
1235
- "name": "color-light-mode-button-destructive-background-focus",
1235
+ "name": "color-light-mode-button-critical-background-focus",
1236
1236
  "attributes": {
1237
1237
  "category": "color",
1238
1238
  "type": "light-mode",
1239
1239
  "item": "button",
1240
- "subitem": "destructive",
1240
+ "subitem": "critical",
1241
1241
  "state": "background"
1242
1242
  },
1243
1243
  "path": [
1244
1244
  "color",
1245
1245
  "light-mode",
1246
1246
  "button",
1247
- "destructive",
1247
+ "critical",
1248
1248
  "background",
1249
1249
  "focus"
1250
1250
  ]
@@ -1262,19 +1262,19 @@
1262
1262
  "public": true,
1263
1263
  "isReferenceToInternal": true
1264
1264
  },
1265
- "name": "color-light-mode-button-destructive-border-default",
1265
+ "name": "color-light-mode-button-critical-border-default",
1266
1266
  "attributes": {
1267
1267
  "category": "color",
1268
1268
  "type": "light-mode",
1269
1269
  "item": "button",
1270
- "subitem": "destructive",
1270
+ "subitem": "critical",
1271
1271
  "state": "border"
1272
1272
  },
1273
1273
  "path": [
1274
1274
  "color",
1275
1275
  "light-mode",
1276
1276
  "button",
1277
- "destructive",
1277
+ "critical",
1278
1278
  "border",
1279
1279
  "default"
1280
1280
  ]
@@ -1290,19 +1290,19 @@
1290
1290
  "public": true,
1291
1291
  "isReferenceToInternal": true
1292
1292
  },
1293
- "name": "color-light-mode-button-destructive-border-hover",
1293
+ "name": "color-light-mode-button-critical-border-hover",
1294
1294
  "attributes": {
1295
1295
  "category": "color",
1296
1296
  "type": "light-mode",
1297
1297
  "item": "button",
1298
- "subitem": "destructive",
1298
+ "subitem": "critical",
1299
1299
  "state": "border"
1300
1300
  },
1301
1301
  "path": [
1302
1302
  "color",
1303
1303
  "light-mode",
1304
1304
  "button",
1305
- "destructive",
1305
+ "critical",
1306
1306
  "border",
1307
1307
  "hover"
1308
1308
  ]
@@ -1318,19 +1318,19 @@
1318
1318
  "public": true,
1319
1319
  "isReferenceToInternal": true
1320
1320
  },
1321
- "name": "color-light-mode-button-destructive-border-active",
1321
+ "name": "color-light-mode-button-critical-border-active",
1322
1322
  "attributes": {
1323
1323
  "category": "color",
1324
1324
  "type": "light-mode",
1325
1325
  "item": "button",
1326
- "subitem": "destructive",
1326
+ "subitem": "critical",
1327
1327
  "state": "border"
1328
1328
  },
1329
1329
  "path": [
1330
1330
  "color",
1331
1331
  "light-mode",
1332
1332
  "button",
1333
- "destructive",
1333
+ "critical",
1334
1334
  "border",
1335
1335
  "active"
1336
1336
  ]
@@ -1346,19 +1346,19 @@
1346
1346
  "public": true,
1347
1347
  "isReferenceToInternal": true
1348
1348
  },
1349
- "name": "color-light-mode-button-destructive-border-focus",
1349
+ "name": "color-light-mode-button-critical-border-focus",
1350
1350
  "attributes": {
1351
1351
  "category": "color",
1352
1352
  "type": "light-mode",
1353
1353
  "item": "button",
1354
- "subitem": "destructive",
1354
+ "subitem": "critical",
1355
1355
  "state": "border"
1356
1356
  },
1357
1357
  "path": [
1358
1358
  "color",
1359
1359
  "light-mode",
1360
1360
  "button",
1361
- "destructive",
1361
+ "critical",
1362
1362
  "border",
1363
1363
  "focus"
1364
1364
  ]
@@ -1376,19 +1376,19 @@
1376
1376
  "public": true,
1377
1377
  "isReferenceToInternal": true
1378
1378
  },
1379
- "name": "color-light-mode-button-destructive-foreground-default",
1379
+ "name": "color-light-mode-button-critical-foreground-default",
1380
1380
  "attributes": {
1381
1381
  "category": "color",
1382
1382
  "type": "light-mode",
1383
1383
  "item": "button",
1384
- "subitem": "destructive",
1384
+ "subitem": "critical",
1385
1385
  "state": "foreground"
1386
1386
  },
1387
1387
  "path": [
1388
1388
  "color",
1389
1389
  "light-mode",
1390
1390
  "button",
1391
- "destructive",
1391
+ "critical",
1392
1392
  "foreground",
1393
1393
  "default"
1394
1394
  ]
@@ -1404,19 +1404,19 @@
1404
1404
  "public": true,
1405
1405
  "isReferenceToInternal": true
1406
1406
  },
1407
- "name": "color-light-mode-button-destructive-foreground-hover",
1407
+ "name": "color-light-mode-button-critical-foreground-hover",
1408
1408
  "attributes": {
1409
1409
  "category": "color",
1410
1410
  "type": "light-mode",
1411
1411
  "item": "button",
1412
- "subitem": "destructive",
1412
+ "subitem": "critical",
1413
1413
  "state": "foreground"
1414
1414
  },
1415
1415
  "path": [
1416
1416
  "color",
1417
1417
  "light-mode",
1418
1418
  "button",
1419
- "destructive",
1419
+ "critical",
1420
1420
  "foreground",
1421
1421
  "hover"
1422
1422
  ]
@@ -1432,19 +1432,19 @@
1432
1432
  "public": true,
1433
1433
  "isReferenceToInternal": true
1434
1434
  },
1435
- "name": "color-light-mode-button-destructive-foreground-active",
1435
+ "name": "color-light-mode-button-critical-foreground-active",
1436
1436
  "attributes": {
1437
1437
  "category": "color",
1438
1438
  "type": "light-mode",
1439
1439
  "item": "button",
1440
- "subitem": "destructive",
1440
+ "subitem": "critical",
1441
1441
  "state": "foreground"
1442
1442
  },
1443
1443
  "path": [
1444
1444
  "color",
1445
1445
  "light-mode",
1446
1446
  "button",
1447
- "destructive",
1447
+ "critical",
1448
1448
  "foreground",
1449
1449
  "active"
1450
1450
  ]
@@ -1460,19 +1460,19 @@
1460
1460
  "public": true,
1461
1461
  "isReferenceToInternal": true
1462
1462
  },
1463
- "name": "color-light-mode-button-destructive-foreground-focus",
1463
+ "name": "color-light-mode-button-critical-foreground-focus",
1464
1464
  "attributes": {
1465
1465
  "category": "color",
1466
1466
  "type": "light-mode",
1467
1467
  "item": "button",
1468
- "subitem": "destructive",
1468
+ "subitem": "critical",
1469
1469
  "state": "foreground"
1470
1470
  },
1471
1471
  "path": [
1472
1472
  "color",
1473
1473
  "light-mode",
1474
1474
  "button",
1475
- "destructive",
1475
+ "critical",
1476
1476
  "foreground",
1477
1477
  "focus"
1478
1478
  ]