@pantheon-systems/pds-design-tokens 0.7.0-dev.7 → 1.0.0-dev.1

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 +19 -10
  2. package/build/css/pds-design-tokens-light-mode.css +21 -12
  3. package/build/css/pds-design-tokens.css +3 -0
  4. package/build/figma/pds-design-tokens-figma.json +935 -411
  5. package/build/json/pds-design-tokens-dark-mode.json +314 -31
  6. package/build/json/pds-design-tokens-light-mode.json +304 -136
  7. package/build/json/pds-design-tokens.json +67 -0
  8. package/build/scss/_pds-design-tokens-dark-mode.scss +19 -10
  9. package/build/scss/_pds-design-tokens-light-mode.scss +21 -12
  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": "#6947ff",
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.400.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": "#7657ff",
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.300.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": "#4b32bb",
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.500.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": "#6947ff",
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.400.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": "#7657ff",
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.300.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": "#4b32bb",
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.500.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": {
@@ -1762,11 +2022,11 @@
1762
2022
  ]
1763
2023
  },
1764
2024
  "600": {
1765
- "value": "#bb9e08",
2025
+ "value": "#705e00",
1766
2026
  "filePath": "tokens/color/base/brand.dark.json",
1767
2027
  "isSource": true,
1768
2028
  "original": {
1769
- "value": "#BB9E08"
2029
+ "value": "#705E00"
1770
2030
  },
1771
2031
  "name": "color-dark-mode-brand-primary-600",
1772
2032
  "attributes": {
@@ -1814,11 +2074,11 @@
1814
2074
  },
1815
2075
  "secondary": {
1816
2076
  "100": {
1817
- "value": "#f0ecff",
2077
+ "value": "#f1eeff",
1818
2078
  "filePath": "tokens/color/base/brand.dark.json",
1819
2079
  "isSource": true,
1820
2080
  "original": {
1821
- "value": "#F0ECFF"
2081
+ "value": "#F1EEFF"
1822
2082
  },
1823
2083
  "name": "color-dark-mode-brand-secondary-100",
1824
2084
  "attributes": {
@@ -1837,11 +2097,11 @@
1837
2097
  ]
1838
2098
  },
1839
2099
  "200": {
1840
- "value": "#c3b6ff",
2100
+ "value": "#b5a4ff",
1841
2101
  "filePath": "tokens/color/base/brand.dark.json",
1842
2102
  "isSource": true,
1843
2103
  "original": {
1844
- "value": "#C3B6FF"
2104
+ "value": "#B5A4FF"
1845
2105
  },
1846
2106
  "name": "color-dark-mode-brand-secondary-200",
1847
2107
  "attributes": {
@@ -1860,11 +2120,11 @@
1860
2120
  ]
1861
2121
  },
1862
2122
  "300": {
1863
- "value": "#785aff",
2123
+ "value": "#7657ff",
1864
2124
  "filePath": "tokens/color/base/brand.dark.json",
1865
2125
  "isSource": true,
1866
2126
  "original": {
1867
- "value": "#785AFF"
2127
+ "value": "#7657FF"
1868
2128
  },
1869
2129
  "name": "color-dark-mode-brand-secondary-300",
1870
2130
  "attributes": {
@@ -1883,11 +2143,11 @@
1883
2143
  ]
1884
2144
  },
1885
2145
  "400": {
1886
- "value": "#3017a1",
2146
+ "value": "#6947ff",
1887
2147
  "filePath": "tokens/color/base/brand.dark.json",
1888
2148
  "isSource": true,
1889
2149
  "original": {
1890
- "value": "#3017A1"
2150
+ "value": "#6947FF"
1891
2151
  },
1892
2152
  "name": "color-dark-mode-brand-secondary-400",
1893
2153
  "attributes": {
@@ -1906,11 +2166,11 @@
1906
2166
  ]
1907
2167
  },
1908
2168
  "500": {
1909
- "value": "#11005d",
2169
+ "value": "#4b32bb",
1910
2170
  "filePath": "tokens/color/base/brand.dark.json",
1911
2171
  "isSource": true,
1912
2172
  "original": {
1913
- "value": "#11005D"
2173
+ "value": "#4B32BB"
1914
2174
  },
1915
2175
  "name": "color-dark-mode-brand-secondary-500",
1916
2176
  "attributes": {
@@ -1928,8 +2188,31 @@
1928
2188
  "500"
1929
2189
  ]
1930
2190
  },
2191
+ "600": {
2192
+ "value": "#271577",
2193
+ "filePath": "tokens/color/base/brand.dark.json",
2194
+ "isSource": true,
2195
+ "original": {
2196
+ "value": "#271577"
2197
+ },
2198
+ "name": "color-dark-mode-brand-secondary-600",
2199
+ "attributes": {
2200
+ "category": "color",
2201
+ "type": "dark-mode",
2202
+ "item": "brand",
2203
+ "subitem": "secondary",
2204
+ "state": "600"
2205
+ },
2206
+ "path": [
2207
+ "color",
2208
+ "dark-mode",
2209
+ "brand",
2210
+ "secondary",
2211
+ "600"
2212
+ ]
2213
+ },
1931
2214
  "default": {
1932
- "value": "#3017a1",
2215
+ "value": "#6947ff",
1933
2216
  "public": true,
1934
2217
  "isReferenceToInternal": true,
1935
2218
  "filePath": "tokens/color/base/brand.dark.json",