@pantheon-systems/pds-design-tokens 0.6.0-dev.2 → 0.7.0-dev.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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +14 -14
  2. package/build/css/pds-design-tokens-light-mode.css +14 -14
  3. package/build/figma/pds-design-tokens-figma.json +180 -132
  4. package/build/json/pds-design-tokens-dark-mode.json +59 -55
  5. package/build/json/pds-design-tokens-light-mode.json +75 -55
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +14 -14
  7. package/build/scss/_pds-design-tokens-light-mode.scss +14 -14
  8. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -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
  ]
@@ -3264,20 +3264,22 @@
3264
3264
  "elevation": {
3265
3265
  "dark-mode": {
3266
3266
  "raised": {
3267
- "value": "0px, 1px, 1px, 0px, rgba(18, 18, 25, 0.95)",
3267
+ "value": "0px 1px 1px 0px rgba(18, 18, 25, 0.95)",
3268
3268
  "type": "boxShadow",
3269
3269
  "public": true,
3270
3270
  "filePath": "tokens/elevation/base.dark.json",
3271
3271
  "isSource": true,
3272
3272
  "original": {
3273
- "value": {
3274
- "x": "0",
3275
- "y": "1",
3276
- "blur": "1",
3277
- "spread": "0",
3278
- "color": "rgba(18, 18, 25, 0.95)",
3279
- "type": "dropShadow"
3280
- },
3273
+ "value": [
3274
+ {
3275
+ "x": "0",
3276
+ "y": "1",
3277
+ "blur": "1",
3278
+ "spread": "0",
3279
+ "color": "rgba(18, 18, 25, 0.95)",
3280
+ "type": "dropShadow"
3281
+ }
3282
+ ],
3281
3283
  "type": "boxShadow",
3282
3284
  "public": true
3283
3285
  },
@@ -3294,20 +3296,22 @@
3294
3296
  ]
3295
3297
  },
3296
3298
  "overlay": {
3297
- "value": "0px, 8px, 12px, 0px, rgba(18, 18, 25, 0.6)",
3299
+ "value": "0px 8px 12px 0px rgba(18, 18, 25, 0.6)",
3298
3300
  "type": "boxShadow",
3299
3301
  "public": true,
3300
3302
  "filePath": "tokens/elevation/base.dark.json",
3301
3303
  "isSource": true,
3302
3304
  "original": {
3303
- "value": {
3304
- "x": "0",
3305
- "y": "8",
3306
- "blur": "12",
3307
- "spread": "0",
3308
- "color": "rgba(18, 18, 25, 0.6)",
3309
- "type": "dropShadow"
3310
- },
3305
+ "value": [
3306
+ {
3307
+ "x": "0",
3308
+ "y": "8",
3309
+ "blur": "12",
3310
+ "spread": "0",
3311
+ "color": "rgba(18, 18, 25, 0.6)",
3312
+ "type": "dropShadow"
3313
+ }
3314
+ ],
3311
3315
  "type": "boxShadow",
3312
3316
  "public": true
3313
3317
  },