@pantheon-systems/pds-design-tokens 0.7.0-dev.6 → 1.0.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 (11) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +21 -10
  2. package/build/css/pds-design-tokens-light-mode.css +22 -11
  3. package/build/css/pds-design-tokens.css +3 -0
  4. package/build/figma/pds-design-tokens-figma.json +984 -383
  5. package/build/json/pds-design-tokens-dark-mode.json +341 -31
  6. package/build/json/pds-design-tokens-light-mode.json +353 -135
  7. package/build/json/pds-design-tokens.json +67 -0
  8. package/build/scss/_pds-design-tokens-dark-mode.scss +21 -10
  9. package/build/scss/_pds-design-tokens-light-mode.scss +22 -11
  10. package/build/scss/_pds-design-tokens.scss +3 -0
  11. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -198,13 +198,13 @@
198
198
  "primary": {
199
199
  "background": {
200
200
  "default": {
201
- "value": "#ffdc28",
201
+ "value": "#967fff",
202
202
  "public": true,
203
203
  "isReferenceToInternal": true,
204
204
  "filePath": "tokens/color/alias/interactive.dark.json",
205
205
  "isSource": true,
206
206
  "original": {
207
- "value": "{color.dark-mode.brand.primary.400.value}",
207
+ "value": "{color.dark-mode.brand.secondary.300.value}",
208
208
  "public": true,
209
209
  "isReferenceToInternal": true
210
210
  },
@@ -226,13 +226,13 @@
226
226
  ]
227
227
  },
228
228
  "hover": {
229
- "value": "#ffe668",
229
+ "value": "#b5a4ff",
230
230
  "public": true,
231
231
  "isReferenceToInternal": true,
232
232
  "filePath": "tokens/color/alias/interactive.dark.json",
233
233
  "isSource": true,
234
234
  "original": {
235
- "value": "{color.dark-mode.brand.primary.300.value}",
235
+ "value": "{color.dark-mode.brand.secondary.200.value}",
236
236
  "public": true,
237
237
  "isReferenceToInternal": true
238
238
  },
@@ -254,13 +254,13 @@
254
254
  ]
255
255
  },
256
256
  "active": {
257
- "value": "#ddbd16",
257
+ "value": "#785aff",
258
258
  "public": true,
259
259
  "isReferenceToInternal": true,
260
260
  "filePath": "tokens/color/alias/interactive.dark.json",
261
261
  "isSource": true,
262
262
  "original": {
263
- "value": "{color.dark-mode.brand.primary.500.value}",
263
+ "value": "{color.dark-mode.brand.secondary.400.value}",
264
264
  "public": true,
265
265
  "isReferenceToInternal": true
266
266
  },
@@ -284,13 +284,13 @@
284
284
  },
285
285
  "border": {
286
286
  "default": {
287
- "value": "#ffdc28",
287
+ "value": "#967fff",
288
288
  "public": true,
289
289
  "isReferenceToInternal": true,
290
290
  "filePath": "tokens/color/alias/interactive.dark.json",
291
291
  "isSource": true,
292
292
  "original": {
293
- "value": "{color.dark-mode.brand.primary.400.value}",
293
+ "value": "{color.dark-mode.brand.secondary.300.value}",
294
294
  "public": true,
295
295
  "isReferenceToInternal": true
296
296
  },
@@ -312,13 +312,13 @@
312
312
  ]
313
313
  },
314
314
  "hover": {
315
- "value": "#ffe668",
315
+ "value": "#b5a4ff",
316
316
  "public": true,
317
317
  "isReferenceToInternal": true,
318
318
  "filePath": "tokens/color/alias/interactive.dark.json",
319
319
  "isSource": true,
320
320
  "original": {
321
- "value": "{color.dark-mode.brand.primary.300.value}",
321
+ "value": "{color.dark-mode.brand.secondary.200.value}",
322
322
  "public": true,
323
323
  "isReferenceToInternal": true
324
324
  },
@@ -340,13 +340,13 @@
340
340
  ]
341
341
  },
342
342
  "active": {
343
- "value": "#ddbd16",
343
+ "value": "#785aff",
344
344
  "public": true,
345
345
  "isReferenceToInternal": true,
346
346
  "filePath": "tokens/color/alias/interactive.dark.json",
347
347
  "isSource": true,
348
348
  "original": {
349
- "value": "{color.dark-mode.brand.primary.500.value}",
349
+ "value": "{color.dark-mode.brand.secondary.400.value}",
350
350
  "public": true,
351
351
  "isReferenceToInternal": true
352
352
  },
@@ -370,13 +370,13 @@
370
370
  },
371
371
  "foreground": {
372
372
  "default": {
373
- "value": "#121219",
373
+ "value": "#ffffff",
374
374
  "public": true,
375
375
  "isReferenceToInternal": true,
376
376
  "filePath": "tokens/color/alias/interactive.dark.json",
377
377
  "isSource": true,
378
378
  "original": {
379
- "value": "{color.dark-mode.neutral.700.value}",
379
+ "value": "{color.dark-mode.neutral.000.value}",
380
380
  "public": true,
381
381
  "isReferenceToInternal": true
382
382
  },
@@ -398,13 +398,13 @@
398
398
  ]
399
399
  },
400
400
  "hover": {
401
- "value": "#121219",
401
+ "value": "#ffffff",
402
402
  "public": true,
403
403
  "isReferenceToInternal": true,
404
404
  "filePath": "tokens/color/alias/interactive.dark.json",
405
405
  "isSource": true,
406
406
  "original": {
407
- "value": "{color.dark-mode.neutral.700.value}",
407
+ "value": "{color.dark-mode.neutral.000.value}",
408
408
  "public": true,
409
409
  "isReferenceToInternal": true
410
410
  },
@@ -426,13 +426,13 @@
426
426
  ]
427
427
  },
428
428
  "active": {
429
- "value": "#121219",
429
+ "value": "#ffffff",
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.neutral.700.value}",
435
+ "value": "{color.dark-mode.neutral.000.value}",
436
436
  "public": true,
437
437
  "isReferenceToInternal": true
438
438
  },
@@ -913,6 +913,266 @@
913
913
  }
914
914
  }
915
915
  },
916
+ "brand": {
917
+ "background": {
918
+ "default": {
919
+ "value": "#ffdc28",
920
+ "public": true,
921
+ "isReferenceToInternal": true,
922
+ "filePath": "tokens/color/alias/interactive.dark.json",
923
+ "isSource": true,
924
+ "original": {
925
+ "value": "{color.dark-mode.brand.primary.400.value}",
926
+ "public": true,
927
+ "isReferenceToInternal": true
928
+ },
929
+ "name": "color-dark-mode-button-brand-background-default",
930
+ "attributes": {
931
+ "category": "color",
932
+ "type": "dark-mode",
933
+ "item": "button",
934
+ "subitem": "brand",
935
+ "state": "background"
936
+ },
937
+ "path": [
938
+ "color",
939
+ "dark-mode",
940
+ "button",
941
+ "brand",
942
+ "background",
943
+ "default"
944
+ ]
945
+ },
946
+ "hover": {
947
+ "value": "#ffe668",
948
+ "public": true,
949
+ "isReferenceToInternal": true,
950
+ "filePath": "tokens/color/alias/interactive.dark.json",
951
+ "isSource": true,
952
+ "original": {
953
+ "value": "{color.dark-mode.brand.primary.300.value}",
954
+ "public": true,
955
+ "isReferenceToInternal": true
956
+ },
957
+ "name": "color-dark-mode-button-brand-background-hover",
958
+ "attributes": {
959
+ "category": "color",
960
+ "type": "dark-mode",
961
+ "item": "button",
962
+ "subitem": "brand",
963
+ "state": "background"
964
+ },
965
+ "path": [
966
+ "color",
967
+ "dark-mode",
968
+ "button",
969
+ "brand",
970
+ "background",
971
+ "hover"
972
+ ]
973
+ },
974
+ "active": {
975
+ "value": "#ddbd16",
976
+ "public": true,
977
+ "isReferenceToInternal": true,
978
+ "filePath": "tokens/color/alias/interactive.dark.json",
979
+ "isSource": true,
980
+ "original": {
981
+ "value": "{color.dark-mode.brand.primary.500.value}",
982
+ "public": true,
983
+ "isReferenceToInternal": true
984
+ },
985
+ "name": "color-dark-mode-button-brand-background-active",
986
+ "attributes": {
987
+ "category": "color",
988
+ "type": "dark-mode",
989
+ "item": "button",
990
+ "subitem": "brand",
991
+ "state": "background"
992
+ },
993
+ "path": [
994
+ "color",
995
+ "dark-mode",
996
+ "button",
997
+ "brand",
998
+ "background",
999
+ "active"
1000
+ ]
1001
+ }
1002
+ },
1003
+ "border": {
1004
+ "default": {
1005
+ "value": "#ffdc28",
1006
+ "public": true,
1007
+ "isReferenceToInternal": true,
1008
+ "filePath": "tokens/color/alias/interactive.dark.json",
1009
+ "isSource": true,
1010
+ "original": {
1011
+ "value": "{color.dark-mode.brand.primary.400.value}",
1012
+ "public": true,
1013
+ "isReferenceToInternal": true
1014
+ },
1015
+ "name": "color-dark-mode-button-brand-border-default",
1016
+ "attributes": {
1017
+ "category": "color",
1018
+ "type": "dark-mode",
1019
+ "item": "button",
1020
+ "subitem": "brand",
1021
+ "state": "border"
1022
+ },
1023
+ "path": [
1024
+ "color",
1025
+ "dark-mode",
1026
+ "button",
1027
+ "brand",
1028
+ "border",
1029
+ "default"
1030
+ ]
1031
+ },
1032
+ "hover": {
1033
+ "value": "#ffe668",
1034
+ "public": true,
1035
+ "isReferenceToInternal": true,
1036
+ "filePath": "tokens/color/alias/interactive.dark.json",
1037
+ "isSource": true,
1038
+ "original": {
1039
+ "value": "{color.dark-mode.brand.primary.300.value}",
1040
+ "public": true,
1041
+ "isReferenceToInternal": true
1042
+ },
1043
+ "name": "color-dark-mode-button-brand-border-hover",
1044
+ "attributes": {
1045
+ "category": "color",
1046
+ "type": "dark-mode",
1047
+ "item": "button",
1048
+ "subitem": "brand",
1049
+ "state": "border"
1050
+ },
1051
+ "path": [
1052
+ "color",
1053
+ "dark-mode",
1054
+ "button",
1055
+ "brand",
1056
+ "border",
1057
+ "hover"
1058
+ ]
1059
+ },
1060
+ "active": {
1061
+ "value": "#ddbd16",
1062
+ "public": true,
1063
+ "isReferenceToInternal": true,
1064
+ "filePath": "tokens/color/alias/interactive.dark.json",
1065
+ "isSource": true,
1066
+ "original": {
1067
+ "value": "{color.dark-mode.brand.primary.500.value}",
1068
+ "public": true,
1069
+ "isReferenceToInternal": true
1070
+ },
1071
+ "name": "color-dark-mode-button-brand-border-active",
1072
+ "attributes": {
1073
+ "category": "color",
1074
+ "type": "dark-mode",
1075
+ "item": "button",
1076
+ "subitem": "brand",
1077
+ "state": "border"
1078
+ },
1079
+ "path": [
1080
+ "color",
1081
+ "dark-mode",
1082
+ "button",
1083
+ "brand",
1084
+ "border",
1085
+ "active"
1086
+ ]
1087
+ }
1088
+ },
1089
+ "foreground": {
1090
+ "default": {
1091
+ "value": "#121219",
1092
+ "public": true,
1093
+ "isReferenceToInternal": true,
1094
+ "filePath": "tokens/color/alias/interactive.dark.json",
1095
+ "isSource": true,
1096
+ "original": {
1097
+ "value": "{color.dark-mode.neutral.700.value}",
1098
+ "public": true,
1099
+ "isReferenceToInternal": true
1100
+ },
1101
+ "name": "color-dark-mode-button-brand-foreground-default",
1102
+ "attributes": {
1103
+ "category": "color",
1104
+ "type": "dark-mode",
1105
+ "item": "button",
1106
+ "subitem": "brand",
1107
+ "state": "foreground"
1108
+ },
1109
+ "path": [
1110
+ "color",
1111
+ "dark-mode",
1112
+ "button",
1113
+ "brand",
1114
+ "foreground",
1115
+ "default"
1116
+ ]
1117
+ },
1118
+ "hover": {
1119
+ "value": "#121219",
1120
+ "public": true,
1121
+ "isReferenceToInternal": true,
1122
+ "filePath": "tokens/color/alias/interactive.dark.json",
1123
+ "isSource": true,
1124
+ "original": {
1125
+ "value": "{color.dark-mode.neutral.700.value}",
1126
+ "public": true,
1127
+ "isReferenceToInternal": true
1128
+ },
1129
+ "name": "color-dark-mode-button-brand-foreground-hover",
1130
+ "attributes": {
1131
+ "category": "color",
1132
+ "type": "dark-mode",
1133
+ "item": "button",
1134
+ "subitem": "brand",
1135
+ "state": "foreground"
1136
+ },
1137
+ "path": [
1138
+ "color",
1139
+ "dark-mode",
1140
+ "button",
1141
+ "brand",
1142
+ "foreground",
1143
+ "hover"
1144
+ ]
1145
+ },
1146
+ "active": {
1147
+ "value": "#121219",
1148
+ "public": true,
1149
+ "isReferenceToInternal": true,
1150
+ "filePath": "tokens/color/alias/interactive.dark.json",
1151
+ "isSource": true,
1152
+ "original": {
1153
+ "value": "{color.dark-mode.neutral.700.value}",
1154
+ "public": true,
1155
+ "isReferenceToInternal": true
1156
+ },
1157
+ "name": "color-dark-mode-button-brand-foreground-active",
1158
+ "attributes": {
1159
+ "category": "color",
1160
+ "type": "dark-mode",
1161
+ "item": "button",
1162
+ "subitem": "brand",
1163
+ "state": "foreground"
1164
+ },
1165
+ "path": [
1166
+ "color",
1167
+ "dark-mode",
1168
+ "button",
1169
+ "brand",
1170
+ "foreground",
1171
+ "active"
1172
+ ]
1173
+ }
1174
+ }
1175
+ },
916
1176
  "critical": {
917
1177
  "background": {
918
1178
  "default": {
@@ -1568,6 +1828,31 @@
1568
1828
  "headings"
1569
1829
  ]
1570
1830
  },
1831
+ "lead": {
1832
+ "value": "#858299",
1833
+ "public": true,
1834
+ "isReferenceToInternal": true,
1835
+ "filePath": "tokens/color/alias/typography.dark.json",
1836
+ "isSource": true,
1837
+ "original": {
1838
+ "value": "{color.dark-mode.neutral.300.value}",
1839
+ "public": true,
1840
+ "isReferenceToInternal": true
1841
+ },
1842
+ "name": "color-dark-mode-text-lead",
1843
+ "attributes": {
1844
+ "category": "color",
1845
+ "type": "dark-mode",
1846
+ "item": "text",
1847
+ "subitem": "lead"
1848
+ },
1849
+ "path": [
1850
+ "color",
1851
+ "dark-mode",
1852
+ "text",
1853
+ "lead"
1854
+ ]
1855
+ },
1571
1856
  "overline": {
1572
1857
  "value": "#858299",
1573
1858
  "public": true,
@@ -1592,6 +1877,31 @@
1592
1877
  "text",
1593
1878
  "overline"
1594
1879
  ]
1880
+ },
1881
+ "quote": {
1882
+ "value": "#858299",
1883
+ "public": true,
1884
+ "isReferenceToInternal": true,
1885
+ "filePath": "tokens/color/alias/typography.dark.json",
1886
+ "isSource": true,
1887
+ "original": {
1888
+ "value": "{color.dark-mode.neutral.300.value}",
1889
+ "public": true,
1890
+ "isReferenceToInternal": true
1891
+ },
1892
+ "name": "color-dark-mode-text-quote",
1893
+ "attributes": {
1894
+ "category": "color",
1895
+ "type": "dark-mode",
1896
+ "item": "text",
1897
+ "subitem": "quote"
1898
+ },
1899
+ "path": [
1900
+ "color",
1901
+ "dark-mode",
1902
+ "text",
1903
+ "quote"
1904
+ ]
1595
1905
  }
1596
1906
  },
1597
1907
  "brand": {
@@ -1712,11 +2022,11 @@
1712
2022
  ]
1713
2023
  },
1714
2024
  "600": {
1715
- "value": "#bb9e08",
2025
+ "value": "#705e00",
1716
2026
  "filePath": "tokens/color/base/brand.dark.json",
1717
2027
  "isSource": true,
1718
2028
  "original": {
1719
- "value": "#BB9E08"
2029
+ "value": "#705E00"
1720
2030
  },
1721
2031
  "name": "color-dark-mode-brand-primary-600",
1722
2032
  "attributes": {
@@ -1764,11 +2074,11 @@
1764
2074
  },
1765
2075
  "secondary": {
1766
2076
  "100": {
1767
- "value": "#f0ecff",
2077
+ "value": "#f1eeff",
1768
2078
  "filePath": "tokens/color/base/brand.dark.json",
1769
2079
  "isSource": true,
1770
2080
  "original": {
1771
- "value": "#F0ECFF"
2081
+ "value": "#F1EEFF"
1772
2082
  },
1773
2083
  "name": "color-dark-mode-brand-secondary-100",
1774
2084
  "attributes": {
@@ -1787,11 +2097,11 @@
1787
2097
  ]
1788
2098
  },
1789
2099
  "200": {
1790
- "value": "#c3b6ff",
2100
+ "value": "#b5a4ff",
1791
2101
  "filePath": "tokens/color/base/brand.dark.json",
1792
2102
  "isSource": true,
1793
2103
  "original": {
1794
- "value": "#C3B6FF"
2104
+ "value": "#B5A4FF"
1795
2105
  },
1796
2106
  "name": "color-dark-mode-brand-secondary-200",
1797
2107
  "attributes": {
@@ -1810,11 +2120,11 @@
1810
2120
  ]
1811
2121
  },
1812
2122
  "300": {
1813
- "value": "#785aff",
2123
+ "value": "#967fff",
1814
2124
  "filePath": "tokens/color/base/brand.dark.json",
1815
2125
  "isSource": true,
1816
2126
  "original": {
1817
- "value": "#785AFF"
2127
+ "value": "#967FFF"
1818
2128
  },
1819
2129
  "name": "color-dark-mode-brand-secondary-300",
1820
2130
  "attributes": {
@@ -1833,11 +2143,11 @@
1833
2143
  ]
1834
2144
  },
1835
2145
  "400": {
1836
- "value": "#3017a1",
2146
+ "value": "#785aff",
1837
2147
  "filePath": "tokens/color/base/brand.dark.json",
1838
2148
  "isSource": true,
1839
2149
  "original": {
1840
- "value": "#3017A1"
2150
+ "value": "#785AFF"
1841
2151
  },
1842
2152
  "name": "color-dark-mode-brand-secondary-400",
1843
2153
  "attributes": {
@@ -1856,11 +2166,11 @@
1856
2166
  ]
1857
2167
  },
1858
2168
  "500": {
1859
- "value": "#11005d",
2169
+ "value": "#4b32bb",
1860
2170
  "filePath": "tokens/color/base/brand.dark.json",
1861
2171
  "isSource": true,
1862
2172
  "original": {
1863
- "value": "#11005D"
2173
+ "value": "#4B32BB"
1864
2174
  },
1865
2175
  "name": "color-dark-mode-brand-secondary-500",
1866
2176
  "attributes": {
@@ -1879,7 +2189,7 @@
1879
2189
  ]
1880
2190
  },
1881
2191
  "default": {
1882
- "value": "#3017a1",
2192
+ "value": "#785aff",
1883
2193
  "public": true,
1884
2194
  "isReferenceToInternal": true,
1885
2195
  "filePath": "tokens/color/base/brand.dark.json",