@pantheon-systems/pds-design-tokens 0.7.0-dev.7 → 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 +19 -10
  2. package/build/css/pds-design-tokens-light-mode.css +20 -11
  3. package/build/css/pds-design-tokens.css +3 -0
  4. package/build/figma/pds-design-tokens-figma.json +901 -400
  5. package/build/json/pds-design-tokens-dark-mode.json +291 -31
  6. package/build/json/pds-design-tokens-light-mode.json +302 -134
  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 +20 -11
  10. package/build/scss/_pds-design-tokens.scss +3 -0
  11. package/package.json +1 -1
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -198,13 +198,13 @@
198
198
  "primary": {
199
199
  "background": {
200
200
  "default": {
201
- "value": "#ffdc28",
201
+ "value": "#3017a1",
202
202
  "public": true,
203
203
  "isReferenceToInternal": true,
204
204
  "filePath": "tokens/color/alias/interactive.light.json",
205
205
  "isSource": true,
206
206
  "original": {
207
- "value": "{color.light-mode.brand.primary.400.value}",
207
+ "value": "{color.light-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": "#785aff",
230
230
  "public": true,
231
231
  "isReferenceToInternal": true,
232
232
  "filePath": "tokens/color/alias/interactive.light.json",
233
233
  "isSource": true,
234
234
  "original": {
235
- "value": "{color.light-mode.brand.primary.300.value}",
235
+ "value": "{color.light-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": "#11005d",
258
258
  "public": true,
259
259
  "isReferenceToInternal": true,
260
260
  "filePath": "tokens/color/alias/interactive.light.json",
261
261
  "isSource": true,
262
262
  "original": {
263
- "value": "{color.light-mode.brand.primary.500.value}",
263
+ "value": "{color.light-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": "#3017a1",
288
288
  "public": true,
289
289
  "isReferenceToInternal": true,
290
290
  "filePath": "tokens/color/alias/interactive.light.json",
291
291
  "isSource": true,
292
292
  "original": {
293
- "value": "{color.light-mode.brand.primary.400.value}",
293
+ "value": "{color.light-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": "#785aff",
316
316
  "public": true,
317
317
  "isReferenceToInternal": true,
318
318
  "filePath": "tokens/color/alias/interactive.light.json",
319
319
  "isSource": true,
320
320
  "original": {
321
- "value": "{color.light-mode.brand.primary.300.value}",
321
+ "value": "{color.light-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": "#11005d",
344
344
  "public": true,
345
345
  "isReferenceToInternal": true,
346
346
  "filePath": "tokens/color/alias/interactive.light.json",
347
347
  "isSource": true,
348
348
  "original": {
349
- "value": "{color.light-mode.brand.primary.500.value}",
349
+ "value": "{color.light-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": "#23232d",
373
+ "value": "#ffffff",
374
374
  "public": true,
375
375
  "isReferenceToInternal": true,
376
376
  "filePath": "tokens/color/alias/interactive.light.json",
377
377
  "isSource": true,
378
378
  "original": {
379
- "value": "{color.light-mode.neutral.700.value}",
379
+ "value": "{color.light-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": "#23232d",
401
+ "value": "#ffffff",
402
402
  "public": true,
403
403
  "isReferenceToInternal": true,
404
404
  "filePath": "tokens/color/alias/interactive.light.json",
405
405
  "isSource": true,
406
406
  "original": {
407
- "value": "{color.light-mode.neutral.700.value}",
407
+ "value": "{color.light-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": "#23232d",
429
+ "value": "#ffffff",
430
430
  "public": true,
431
431
  "isReferenceToInternal": true,
432
432
  "filePath": "tokens/color/alias/interactive.light.json",
433
433
  "isSource": true,
434
434
  "original": {
435
- "value": "{color.light-mode.neutral.700.value}",
435
+ "value": "{color.light-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.light.json",
923
+ "isSource": true,
924
+ "original": {
925
+ "value": "{color.light-mode.brand.primary.400.value}",
926
+ "public": true,
927
+ "isReferenceToInternal": true
928
+ },
929
+ "name": "color-light-mode-button-brand-background-default",
930
+ "attributes": {
931
+ "category": "color",
932
+ "type": "light-mode",
933
+ "item": "button",
934
+ "subitem": "brand",
935
+ "state": "background"
936
+ },
937
+ "path": [
938
+ "color",
939
+ "light-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.light.json",
951
+ "isSource": true,
952
+ "original": {
953
+ "value": "{color.light-mode.brand.primary.300.value}",
954
+ "public": true,
955
+ "isReferenceToInternal": true
956
+ },
957
+ "name": "color-light-mode-button-brand-background-hover",
958
+ "attributes": {
959
+ "category": "color",
960
+ "type": "light-mode",
961
+ "item": "button",
962
+ "subitem": "brand",
963
+ "state": "background"
964
+ },
965
+ "path": [
966
+ "color",
967
+ "light-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.light.json",
979
+ "isSource": true,
980
+ "original": {
981
+ "value": "{color.light-mode.brand.primary.500.value}",
982
+ "public": true,
983
+ "isReferenceToInternal": true
984
+ },
985
+ "name": "color-light-mode-button-brand-background-active",
986
+ "attributes": {
987
+ "category": "color",
988
+ "type": "light-mode",
989
+ "item": "button",
990
+ "subitem": "brand",
991
+ "state": "background"
992
+ },
993
+ "path": [
994
+ "color",
995
+ "light-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.light.json",
1009
+ "isSource": true,
1010
+ "original": {
1011
+ "value": "{color.light-mode.brand.primary.400.value}",
1012
+ "public": true,
1013
+ "isReferenceToInternal": true
1014
+ },
1015
+ "name": "color-light-mode-button-brand-border-default",
1016
+ "attributes": {
1017
+ "category": "color",
1018
+ "type": "light-mode",
1019
+ "item": "button",
1020
+ "subitem": "brand",
1021
+ "state": "border"
1022
+ },
1023
+ "path": [
1024
+ "color",
1025
+ "light-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.light.json",
1037
+ "isSource": true,
1038
+ "original": {
1039
+ "value": "{color.light-mode.brand.primary.300.value}",
1040
+ "public": true,
1041
+ "isReferenceToInternal": true
1042
+ },
1043
+ "name": "color-light-mode-button-brand-border-hover",
1044
+ "attributes": {
1045
+ "category": "color",
1046
+ "type": "light-mode",
1047
+ "item": "button",
1048
+ "subitem": "brand",
1049
+ "state": "border"
1050
+ },
1051
+ "path": [
1052
+ "color",
1053
+ "light-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.light.json",
1065
+ "isSource": true,
1066
+ "original": {
1067
+ "value": "{color.light-mode.brand.primary.500.value}",
1068
+ "public": true,
1069
+ "isReferenceToInternal": true
1070
+ },
1071
+ "name": "color-light-mode-button-brand-border-active",
1072
+ "attributes": {
1073
+ "category": "color",
1074
+ "type": "light-mode",
1075
+ "item": "button",
1076
+ "subitem": "brand",
1077
+ "state": "border"
1078
+ },
1079
+ "path": [
1080
+ "color",
1081
+ "light-mode",
1082
+ "button",
1083
+ "brand",
1084
+ "border",
1085
+ "active"
1086
+ ]
1087
+ }
1088
+ },
1089
+ "foreground": {
1090
+ "default": {
1091
+ "value": "#23232d",
1092
+ "public": true,
1093
+ "isReferenceToInternal": true,
1094
+ "filePath": "tokens/color/alias/interactive.light.json",
1095
+ "isSource": true,
1096
+ "original": {
1097
+ "value": "{color.light-mode.neutral.700.value}",
1098
+ "public": true,
1099
+ "isReferenceToInternal": true
1100
+ },
1101
+ "name": "color-light-mode-button-brand-foreground-default",
1102
+ "attributes": {
1103
+ "category": "color",
1104
+ "type": "light-mode",
1105
+ "item": "button",
1106
+ "subitem": "brand",
1107
+ "state": "foreground"
1108
+ },
1109
+ "path": [
1110
+ "color",
1111
+ "light-mode",
1112
+ "button",
1113
+ "brand",
1114
+ "foreground",
1115
+ "default"
1116
+ ]
1117
+ },
1118
+ "hover": {
1119
+ "value": "#23232d",
1120
+ "public": true,
1121
+ "isReferenceToInternal": true,
1122
+ "filePath": "tokens/color/alias/interactive.light.json",
1123
+ "isSource": true,
1124
+ "original": {
1125
+ "value": "{color.light-mode.neutral.700.value}",
1126
+ "public": true,
1127
+ "isReferenceToInternal": true
1128
+ },
1129
+ "name": "color-light-mode-button-brand-foreground-hover",
1130
+ "attributes": {
1131
+ "category": "color",
1132
+ "type": "light-mode",
1133
+ "item": "button",
1134
+ "subitem": "brand",
1135
+ "state": "foreground"
1136
+ },
1137
+ "path": [
1138
+ "color",
1139
+ "light-mode",
1140
+ "button",
1141
+ "brand",
1142
+ "foreground",
1143
+ "hover"
1144
+ ]
1145
+ },
1146
+ "active": {
1147
+ "value": "#23232d",
1148
+ "public": true,
1149
+ "isReferenceToInternal": true,
1150
+ "filePath": "tokens/color/alias/interactive.light.json",
1151
+ "isSource": true,
1152
+ "original": {
1153
+ "value": "{color.light-mode.neutral.700.value}",
1154
+ "public": true,
1155
+ "isReferenceToInternal": true
1156
+ },
1157
+ "name": "color-light-mode-button-brand-foreground-active",
1158
+ "attributes": {
1159
+ "category": "color",
1160
+ "type": "light-mode",
1161
+ "item": "button",
1162
+ "subitem": "brand",
1163
+ "state": "foreground"
1164
+ },
1165
+ "path": [
1166
+ "color",
1167
+ "light-mode",
1168
+ "button",
1169
+ "brand",
1170
+ "foreground",
1171
+ "active"
1172
+ ]
1173
+ }
1174
+ }
1175
+ },
916
1176
  "critical": {
917
1177
  "background": {
918
1178
  "default": {
@@ -972,7 +1232,7 @@
972
1232
  ]
973
1233
  },
974
1234
  "active": {
975
- "value": "#920303",
1235
+ "value": "#700000",
976
1236
  "public": true,
977
1237
  "isReferenceToInternal": true,
978
1238
  "filePath": "tokens/color/alias/interactive.light.json",
@@ -1058,7 +1318,7 @@
1058
1318
  ]
1059
1319
  },
1060
1320
  "active": {
1061
- "value": "#920303",
1321
+ "value": "#700000",
1062
1322
  "public": true,
1063
1323
  "isReferenceToInternal": true,
1064
1324
  "filePath": "tokens/color/alias/interactive.light.json",
@@ -1758,11 +2018,11 @@
1758
2018
  ]
1759
2019
  },
1760
2020
  "600": {
1761
- "value": "#bb9e08",
2021
+ "value": "#705e00",
1762
2022
  "filePath": "tokens/color/base/brand.light.json",
1763
2023
  "isSource": true,
1764
2024
  "original": {
1765
- "value": "#BB9E08"
2025
+ "value": "#705E00"
1766
2026
  },
1767
2027
  "name": "color-light-mode-brand-primary-600",
1768
2028
  "attributes": {
@@ -2787,11 +3047,11 @@
2787
3047
  ]
2788
3048
  },
2789
3049
  "500": {
2790
- "value": "#920303",
3050
+ "value": "#700000",
2791
3051
  "filePath": "tokens/color/base/semantic.light.json",
2792
3052
  "isSource": true,
2793
3053
  "original": {
2794
- "value": "#920303"
3054
+ "value": "#700000"
2795
3055
  },
2796
3056
  "name": "color-light-mode-semantic-error-500",
2797
3057
  "attributes": {
@@ -2808,38 +3068,15 @@
2808
3068
  "error",
2809
3069
  "500"
2810
3070
  ]
2811
- },
2812
- "600": {
2813
- "value": "#700000",
2814
- "filePath": "tokens/color/base/semantic.light.json",
2815
- "isSource": true,
2816
- "original": {
2817
- "value": "#700000"
2818
- },
2819
- "name": "color-light-mode-semantic-error-600",
2820
- "attributes": {
2821
- "category": "color",
2822
- "type": "light-mode",
2823
- "item": "semantic",
2824
- "subitem": "error",
2825
- "state": "600"
2826
- },
2827
- "path": [
2828
- "color",
2829
- "light-mode",
2830
- "semantic",
2831
- "error",
2832
- "600"
2833
- ]
2834
3071
  }
2835
3072
  },
2836
3073
  "warning": {
2837
3074
  "100": {
2838
- "value": "#fff4e5",
3075
+ "value": "#fffae6",
2839
3076
  "filePath": "tokens/color/base/semantic.light.json",
2840
3077
  "isSource": true,
2841
3078
  "original": {
2842
- "value": "#FFF4E5"
3079
+ "value": "#FFFAE6"
2843
3080
  },
2844
3081
  "name": "color-light-mode-semantic-warning-100",
2845
3082
  "attributes": {
@@ -2858,11 +3095,11 @@
2858
3095
  ]
2859
3096
  },
2860
3097
  "200": {
2861
- "value": "#fec57b",
3098
+ "value": "#ffdd99",
2862
3099
  "filePath": "tokens/color/base/semantic.light.json",
2863
3100
  "isSource": true,
2864
3101
  "original": {
2865
- "value": "#FEC57B"
3102
+ "value": "#FFDD99"
2866
3103
  },
2867
3104
  "name": "color-light-mode-semantic-warning-200",
2868
3105
  "attributes": {
@@ -2881,11 +3118,11 @@
2881
3118
  ]
2882
3119
  },
2883
3120
  "300": {
2884
- "value": "#d97008",
3121
+ "value": "#ffc44c",
2885
3122
  "filePath": "tokens/color/base/semantic.light.json",
2886
3123
  "isSource": true,
2887
3124
  "original": {
2888
- "value": "#D97008"
3125
+ "value": "#FFC44C"
2889
3126
  },
2890
3127
  "name": "color-light-mode-semantic-warning-300",
2891
3128
  "attributes": {
@@ -2904,11 +3141,11 @@
2904
3141
  ]
2905
3142
  },
2906
3143
  "400": {
2907
- "value": "#b65c02",
3144
+ "value": "#ffab00",
2908
3145
  "filePath": "tokens/color/base/semantic.light.json",
2909
3146
  "isSource": true,
2910
3147
  "original": {
2911
- "value": "#B65C02"
3148
+ "value": "#FFAB00"
2912
3149
  },
2913
3150
  "name": "color-light-mode-semantic-warning-400",
2914
3151
  "attributes": {
@@ -2927,11 +3164,11 @@
2927
3164
  ]
2928
3165
  },
2929
3166
  "500": {
2930
- "value": "#5f3811",
3167
+ "value": "#b15902",
2931
3168
  "filePath": "tokens/color/base/semantic.light.json",
2932
3169
  "isSource": true,
2933
3170
  "original": {
2934
- "value": "#5F3811"
3171
+ "value": "#B15902"
2935
3172
  },
2936
3173
  "name": "color-light-mode-semantic-warning-500",
2937
3174
  "attributes": {
@@ -2948,29 +3185,6 @@
2948
3185
  "warning",
2949
3186
  "500"
2950
3187
  ]
2951
- },
2952
- "600": {
2953
- "value": "#43290f",
2954
- "filePath": "tokens/color/base/semantic.light.json",
2955
- "isSource": true,
2956
- "original": {
2957
- "value": "#43290F"
2958
- },
2959
- "name": "color-light-mode-semantic-warning-600",
2960
- "attributes": {
2961
- "category": "color",
2962
- "type": "light-mode",
2963
- "item": "semantic",
2964
- "subitem": "warning",
2965
- "state": "600"
2966
- },
2967
- "path": [
2968
- "color",
2969
- "light-mode",
2970
- "semantic",
2971
- "warning",
2972
- "600"
2973
- ]
2974
3188
  }
2975
3189
  },
2976
3190
  "success": {
@@ -3088,38 +3302,15 @@
3088
3302
  "success",
3089
3303
  "500"
3090
3304
  ]
3091
- },
3092
- "600": {
3093
- "value": "#133527",
3094
- "filePath": "tokens/color/base/semantic.light.json",
3095
- "isSource": true,
3096
- "original": {
3097
- "value": "#133527"
3098
- },
3099
- "name": "color-light-mode-semantic-success-600",
3100
- "attributes": {
3101
- "category": "color",
3102
- "type": "light-mode",
3103
- "item": "semantic",
3104
- "subitem": "success",
3105
- "state": "600"
3106
- },
3107
- "path": [
3108
- "color",
3109
- "light-mode",
3110
- "semantic",
3111
- "success",
3112
- "600"
3113
- ]
3114
3305
  }
3115
3306
  },
3116
3307
  "info": {
3117
3308
  "100": {
3118
- "value": "#e3fafc",
3309
+ "value": "#f0fdff",
3119
3310
  "filePath": "tokens/color/base/semantic.light.json",
3120
3311
  "isSource": true,
3121
3312
  "original": {
3122
- "value": "#E3FAFC"
3313
+ "value": "#F0FDFF"
3123
3314
  },
3124
3315
  "name": "color-light-mode-semantic-info-100",
3125
3316
  "attributes": {
@@ -3138,11 +3329,11 @@
3138
3329
  ]
3139
3330
  },
3140
3331
  "200": {
3141
- "value": "#c1f0f5",
3332
+ "value": "#acf5ff",
3142
3333
  "filePath": "tokens/color/base/semantic.light.json",
3143
3334
  "isSource": true,
3144
3335
  "original": {
3145
- "value": "#C1F0F5"
3336
+ "value": "#ACF5FF"
3146
3337
  },
3147
3338
  "name": "color-light-mode-semantic-info-200",
3148
3339
  "attributes": {
@@ -3161,11 +3352,11 @@
3161
3352
  ]
3162
3353
  },
3163
3354
  "300": {
3164
- "value": "#60c6d2",
3355
+ "value": "#47c0d0",
3165
3356
  "filePath": "tokens/color/base/semantic.light.json",
3166
3357
  "isSource": true,
3167
3358
  "original": {
3168
- "value": "#60C6D2"
3359
+ "value": "#47C0D0"
3169
3360
  },
3170
3361
  "name": "color-light-mode-semantic-info-300",
3171
3362
  "attributes": {
@@ -3207,11 +3398,11 @@
3207
3398
  ]
3208
3399
  },
3209
3400
  "500": {
3210
- "value": "#206b74",
3401
+ "value": "#0f5f6a",
3211
3402
  "filePath": "tokens/color/base/semantic.light.json",
3212
3403
  "isSource": true,
3213
3404
  "original": {
3214
- "value": "#206B74"
3405
+ "value": "#0F5F6A"
3215
3406
  },
3216
3407
  "name": "color-light-mode-semantic-info-500",
3217
3408
  "attributes": {
@@ -3228,29 +3419,6 @@
3228
3419
  "info",
3229
3420
  "500"
3230
3421
  ]
3231
- },
3232
- "600": {
3233
- "value": "#1d474c",
3234
- "filePath": "tokens/color/base/semantic.light.json",
3235
- "isSource": true,
3236
- "original": {
3237
- "value": "#1D474C"
3238
- },
3239
- "name": "color-light-mode-semantic-info-600",
3240
- "attributes": {
3241
- "category": "color",
3242
- "type": "light-mode",
3243
- "item": "semantic",
3244
- "subitem": "info",
3245
- "state": "600"
3246
- },
3247
- "path": [
3248
- "color",
3249
- "light-mode",
3250
- "semantic",
3251
- "info",
3252
- "600"
3253
- ]
3254
3422
  }
3255
3423
  }
3256
3424
  }