@pantheon-systems/pds-design-tokens 0.7.0-dev.0 → 0.7.0-dev.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.
Files changed (9) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +9 -20
  2. package/build/css/pds-design-tokens-light-mode.css +0 -11
  3. package/build/figma/pds-design-tokens-figma.json +297 -647
  4. package/build/json/pds-design-tokens-dark-mode.json +27 -323
  5. package/build/json/pds-design-tokens-light-mode.json +0 -306
  6. package/build/json/pds-design-tokens.json +21 -2
  7. package/build/scss/_pds-design-tokens-dark-mode.scss +9 -20
  8. package/build/scss/_pds-design-tokens-light-mode.scss +0 -11
  9. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -280,34 +280,6 @@
280
280
  "background",
281
281
  "active"
282
282
  ]
283
- },
284
- "focus": {
285
- "value": "#ddbd16",
286
- "public": true,
287
- "isReferenceToInternal": true,
288
- "filePath": "tokens/color/alias/interactive.dark.json",
289
- "isSource": true,
290
- "original": {
291
- "value": "{color.dark-mode.brand.primary.500.value}",
292
- "public": true,
293
- "isReferenceToInternal": true
294
- },
295
- "name": "color-dark-mode-button-primary-background-focus",
296
- "attributes": {
297
- "category": "color",
298
- "type": "dark-mode",
299
- "item": "button",
300
- "subitem": "primary",
301
- "state": "background"
302
- },
303
- "path": [
304
- "color",
305
- "dark-mode",
306
- "button",
307
- "primary",
308
- "background",
309
- "focus"
310
- ]
311
283
  }
312
284
  },
313
285
  "border": {
@@ -394,34 +366,6 @@
394
366
  "border",
395
367
  "active"
396
368
  ]
397
- },
398
- "focus": {
399
- "value": "#ddbd16",
400
- "public": true,
401
- "isReferenceToInternal": true,
402
- "filePath": "tokens/color/alias/interactive.dark.json",
403
- "isSource": true,
404
- "original": {
405
- "value": "{color.dark-mode.brand.primary.500.value}",
406
- "public": true,
407
- "isReferenceToInternal": true
408
- },
409
- "name": "color-dark-mode-button-primary-border-focus",
410
- "attributes": {
411
- "category": "color",
412
- "type": "dark-mode",
413
- "item": "button",
414
- "subitem": "primary",
415
- "state": "border"
416
- },
417
- "path": [
418
- "color",
419
- "dark-mode",
420
- "button",
421
- "primary",
422
- "border",
423
- "focus"
424
- ]
425
369
  }
426
370
  },
427
371
  "foreground": {
@@ -508,34 +452,6 @@
508
452
  "foreground",
509
453
  "active"
510
454
  ]
511
- },
512
- "focus": {
513
- "value": "#121219",
514
- "public": true,
515
- "isReferenceToInternal": true,
516
- "filePath": "tokens/color/alias/interactive.dark.json",
517
- "isSource": true,
518
- "original": {
519
- "value": "{color.dark-mode.neutral.700.value}",
520
- "public": true,
521
- "isReferenceToInternal": true
522
- },
523
- "name": "color-dark-mode-button-primary-foreground-focus",
524
- "attributes": {
525
- "category": "color",
526
- "type": "dark-mode",
527
- "item": "button",
528
- "subitem": "primary",
529
- "state": "foreground"
530
- },
531
- "path": [
532
- "color",
533
- "dark-mode",
534
- "button",
535
- "primary",
536
- "foreground",
537
- "focus"
538
- ]
539
455
  }
540
456
  }
541
457
  },
@@ -622,32 +538,6 @@
622
538
  "background",
623
539
  "active"
624
540
  ]
625
- },
626
- "focus": {
627
- "value": "rgba(0, 0, 0, 0)",
628
- "public": true,
629
- "filePath": "tokens/color/alias/interactive.dark.json",
630
- "isSource": true,
631
- "original": {
632
- "value": "transparent",
633
- "public": true
634
- },
635
- "name": "color-dark-mode-button-secondary-background-focus",
636
- "attributes": {
637
- "category": "color",
638
- "type": "dark-mode",
639
- "item": "button",
640
- "subitem": "secondary",
641
- "state": "background"
642
- },
643
- "path": [
644
- "color",
645
- "dark-mode",
646
- "button",
647
- "secondary",
648
- "background",
649
- "focus"
650
- ]
651
541
  }
652
542
  },
653
543
  "border": {
@@ -734,34 +624,6 @@
734
624
  "border",
735
625
  "active"
736
626
  ]
737
- },
738
- "focus": {
739
- "value": "#a6a3b4",
740
- "public": true,
741
- "isReferenceToInternal": true,
742
- "filePath": "tokens/color/alias/interactive.dark.json",
743
- "isSource": true,
744
- "original": {
745
- "value": "{color.dark-mode.neutral.200.value}",
746
- "public": true,
747
- "isReferenceToInternal": true
748
- },
749
- "name": "color-dark-mode-button-secondary-border-focus",
750
- "attributes": {
751
- "category": "color",
752
- "type": "dark-mode",
753
- "item": "button",
754
- "subitem": "secondary",
755
- "state": "border"
756
- },
757
- "path": [
758
- "color",
759
- "dark-mode",
760
- "button",
761
- "secondary",
762
- "border",
763
- "focus"
764
- ]
765
627
  }
766
628
  },
767
629
  "foreground": {
@@ -848,34 +710,6 @@
848
710
  "foreground",
849
711
  "active"
850
712
  ]
851
- },
852
- "focus": {
853
- "value": "#e7e7eb",
854
- "public": true,
855
- "isReferenceToInternal": true,
856
- "filePath": "tokens/color/alias/interactive.dark.json",
857
- "isSource": true,
858
- "original": {
859
- "value": "{color.dark-mode.neutral.050.value}",
860
- "public": true,
861
- "isReferenceToInternal": true
862
- },
863
- "name": "color-dark-mode-button-secondary-foreground-focus",
864
- "attributes": {
865
- "category": "color",
866
- "type": "dark-mode",
867
- "item": "button",
868
- "subitem": "secondary",
869
- "state": "foreground"
870
- },
871
- "path": [
872
- "color",
873
- "dark-mode",
874
- "button",
875
- "secondary",
876
- "foreground",
877
- "focus"
878
- ]
879
713
  }
880
714
  }
881
715
  },
@@ -962,32 +796,6 @@
962
796
  "background",
963
797
  "active"
964
798
  ]
965
- },
966
- "focus": {
967
- "value": "rgba(0, 0, 0, 0)",
968
- "public": true,
969
- "filePath": "tokens/color/alias/interactive.dark.json",
970
- "isSource": true,
971
- "original": {
972
- "value": "transparent",
973
- "public": true
974
- },
975
- "name": "color-dark-mode-button-subtle-background-focus",
976
- "attributes": {
977
- "category": "color",
978
- "type": "dark-mode",
979
- "item": "button",
980
- "subitem": "subtle",
981
- "state": "background"
982
- },
983
- "path": [
984
- "color",
985
- "dark-mode",
986
- "button",
987
- "subtle",
988
- "background",
989
- "focus"
990
- ]
991
799
  }
992
800
  },
993
801
  "border": {
@@ -1102,47 +910,21 @@
1102
910
  "foreground",
1103
911
  "active"
1104
912
  ]
1105
- },
1106
- "focus": {
1107
- "value": "#e7e7eb",
1108
- "public": true,
1109
- "isReferenceToInternal": true,
1110
- "filePath": "tokens/color/alias/interactive.dark.json",
1111
- "isSource": true,
1112
- "original": {
1113
- "value": "{color.dark-mode.neutral.050.value}",
1114
- "public": true,
1115
- "isReferenceToInternal": true
1116
- },
1117
- "name": "color-dark-mode-button-subtle-foreground-focus",
1118
- "attributes": {
1119
- "category": "color",
1120
- "type": "dark-mode",
1121
- "item": "button",
1122
- "subitem": "subtle",
1123
- "state": "foreground"
1124
- },
1125
- "path": [
1126
- "color",
1127
- "dark-mode",
1128
- "button",
1129
- "subtle",
1130
- "foreground",
1131
- "focus"
1132
- ]
1133
913
  }
1134
914
  }
1135
915
  },
1136
916
  "critical": {
1137
917
  "background": {
1138
918
  "default": {
1139
- "value": "rgba(0, 0, 0, 0)",
919
+ "value": "#e05757",
1140
920
  "public": true,
921
+ "isReferenceToInternal": true,
1141
922
  "filePath": "tokens/color/alias/interactive.dark.json",
1142
923
  "isSource": true,
1143
924
  "original": {
1144
- "value": "transparent",
1145
- "public": true
925
+ "value": "{color.dark-mode.semantic.error.300.value}",
926
+ "public": true,
927
+ "isReferenceToInternal": true
1146
928
  },
1147
929
  "name": "color-dark-mode-button-critical-background-default",
1148
930
  "attributes": {
@@ -1162,13 +944,15 @@
1162
944
  ]
1163
945
  },
1164
946
  "hover": {
1165
- "value": "rgba(0, 0, 0, 0)",
947
+ "value": "#be4242",
1166
948
  "public": true,
949
+ "isReferenceToInternal": true,
1167
950
  "filePath": "tokens/color/alias/interactive.dark.json",
1168
951
  "isSource": true,
1169
952
  "original": {
1170
- "value": "transparent",
1171
- "public": true
953
+ "value": "{color.dark-mode.semantic.error.400.value}",
954
+ "public": true,
955
+ "isReferenceToInternal": true
1172
956
  },
1173
957
  "name": "color-dark-mode-button-critical-background-hover",
1174
958
  "attributes": {
@@ -1188,13 +972,15 @@
1188
972
  ]
1189
973
  },
1190
974
  "active": {
1191
- "value": "rgba(0, 0, 0, 0)",
975
+ "value": "#9c2f2f",
1192
976
  "public": true,
977
+ "isReferenceToInternal": true,
1193
978
  "filePath": "tokens/color/alias/interactive.dark.json",
1194
979
  "isSource": true,
1195
980
  "original": {
1196
- "value": "transparent",
1197
- "public": true
981
+ "value": "{color.dark-mode.semantic.error.500.value}",
982
+ "public": true,
983
+ "isReferenceToInternal": true
1198
984
  },
1199
985
  "name": "color-dark-mode-button-critical-background-active",
1200
986
  "attributes": {
@@ -1212,43 +998,17 @@
1212
998
  "background",
1213
999
  "active"
1214
1000
  ]
1215
- },
1216
- "focus": {
1217
- "value": "rgba(0, 0, 0, 0)",
1218
- "public": true,
1219
- "filePath": "tokens/color/alias/interactive.dark.json",
1220
- "isSource": true,
1221
- "original": {
1222
- "value": "transparent",
1223
- "public": true
1224
- },
1225
- "name": "color-dark-mode-button-critical-background-focus",
1226
- "attributes": {
1227
- "category": "color",
1228
- "type": "dark-mode",
1229
- "item": "button",
1230
- "subitem": "critical",
1231
- "state": "background"
1232
- },
1233
- "path": [
1234
- "color",
1235
- "dark-mode",
1236
- "button",
1237
- "critical",
1238
- "background",
1239
- "focus"
1240
- ]
1241
1001
  }
1242
1002
  },
1243
1003
  "border": {
1244
1004
  "default": {
1245
- "value": "#be4242",
1005
+ "value": "#e05757",
1246
1006
  "public": true,
1247
1007
  "isReferenceToInternal": true,
1248
1008
  "filePath": "tokens/color/alias/interactive.dark.json",
1249
1009
  "isSource": true,
1250
1010
  "original": {
1251
- "value": "{color.dark-mode.semantic.error.400.value}",
1011
+ "value": "{color.dark-mode.semantic.error.300.value}",
1252
1012
  "public": true,
1253
1013
  "isReferenceToInternal": true
1254
1014
  },
@@ -1270,13 +1030,13 @@
1270
1030
  ]
1271
1031
  },
1272
1032
  "hover": {
1273
- "value": "#ffafaf",
1033
+ "value": "#be4242",
1274
1034
  "public": true,
1275
1035
  "isReferenceToInternal": true,
1276
1036
  "filePath": "tokens/color/alias/interactive.dark.json",
1277
1037
  "isSource": true,
1278
1038
  "original": {
1279
- "value": "{color.dark-mode.semantic.error.200.value}",
1039
+ "value": "{color.dark-mode.semantic.error.400.value}",
1280
1040
  "public": true,
1281
1041
  "isReferenceToInternal": true
1282
1042
  },
@@ -1298,13 +1058,13 @@
1298
1058
  ]
1299
1059
  },
1300
1060
  "active": {
1301
- "value": "#be4242",
1061
+ "value": "#9c2f2f",
1302
1062
  "public": true,
1303
1063
  "isReferenceToInternal": true,
1304
1064
  "filePath": "tokens/color/alias/interactive.dark.json",
1305
1065
  "isSource": true,
1306
1066
  "original": {
1307
- "value": "{color.dark-mode.semantic.error.400.value}",
1067
+ "value": "{color.dark-mode.semantic.error.500.value}",
1308
1068
  "public": true,
1309
1069
  "isReferenceToInternal": true
1310
1070
  },
@@ -1324,45 +1084,17 @@
1324
1084
  "border",
1325
1085
  "active"
1326
1086
  ]
1327
- },
1328
- "focus": {
1329
- "value": "#be4242",
1330
- "public": true,
1331
- "isReferenceToInternal": true,
1332
- "filePath": "tokens/color/alias/interactive.dark.json",
1333
- "isSource": true,
1334
- "original": {
1335
- "value": "{color.dark-mode.semantic.error.400.value}",
1336
- "public": true,
1337
- "isReferenceToInternal": true
1338
- },
1339
- "name": "color-dark-mode-button-critical-border-focus",
1340
- "attributes": {
1341
- "category": "color",
1342
- "type": "dark-mode",
1343
- "item": "button",
1344
- "subitem": "critical",
1345
- "state": "border"
1346
- },
1347
- "path": [
1348
- "color",
1349
- "dark-mode",
1350
- "button",
1351
- "critical",
1352
- "border",
1353
- "focus"
1354
- ]
1355
1087
  }
1356
1088
  },
1357
1089
  "foreground": {
1358
1090
  "default": {
1359
- "value": "#e05757",
1091
+ "value": "#ffffff",
1360
1092
  "public": true,
1361
1093
  "isReferenceToInternal": true,
1362
1094
  "filePath": "tokens/color/alias/interactive.dark.json",
1363
1095
  "isSource": true,
1364
1096
  "original": {
1365
- "value": "{color.dark-mode.semantic.error.300.value}",
1097
+ "value": "{color.dark-mode.neutral.000.value}",
1366
1098
  "public": true,
1367
1099
  "isReferenceToInternal": true
1368
1100
  },
@@ -1384,13 +1116,13 @@
1384
1116
  ]
1385
1117
  },
1386
1118
  "hover": {
1387
- "value": "#ffafaf",
1119
+ "value": "#ffffff",
1388
1120
  "public": true,
1389
1121
  "isReferenceToInternal": true,
1390
1122
  "filePath": "tokens/color/alias/interactive.dark.json",
1391
1123
  "isSource": true,
1392
1124
  "original": {
1393
- "value": "{color.dark-mode.semantic.error.200.value}",
1125
+ "value": "{color.dark-mode.neutral.000.value}",
1394
1126
  "public": true,
1395
1127
  "isReferenceToInternal": true
1396
1128
  },
@@ -1412,13 +1144,13 @@
1412
1144
  ]
1413
1145
  },
1414
1146
  "active": {
1415
- "value": "#be4242",
1147
+ "value": "#ffffff",
1416
1148
  "public": true,
1417
1149
  "isReferenceToInternal": true,
1418
1150
  "filePath": "tokens/color/alias/interactive.dark.json",
1419
1151
  "isSource": true,
1420
1152
  "original": {
1421
- "value": "{color.dark-mode.semantic.error.400.value}",
1153
+ "value": "{color.dark-mode.neutral.000.value}",
1422
1154
  "public": true,
1423
1155
  "isReferenceToInternal": true
1424
1156
  },
@@ -1438,34 +1170,6 @@
1438
1170
  "foreground",
1439
1171
  "active"
1440
1172
  ]
1441
- },
1442
- "focus": {
1443
- "value": "#e05757",
1444
- "public": true,
1445
- "isReferenceToInternal": true,
1446
- "filePath": "tokens/color/alias/interactive.dark.json",
1447
- "isSource": true,
1448
- "original": {
1449
- "value": "{color.dark-mode.semantic.error.300.value}",
1450
- "public": true,
1451
- "isReferenceToInternal": true
1452
- },
1453
- "name": "color-dark-mode-button-critical-foreground-focus",
1454
- "attributes": {
1455
- "category": "color",
1456
- "type": "dark-mode",
1457
- "item": "button",
1458
- "subitem": "critical",
1459
- "state": "foreground"
1460
- },
1461
- "path": [
1462
- "color",
1463
- "dark-mode",
1464
- "button",
1465
- "critical",
1466
- "foreground",
1467
- "focus"
1468
- ]
1469
1173
  }
1470
1174
  }
1471
1175
  }