@pantheon-systems/pds-design-tokens 1.0.0-dev.0 → 1.0.0-dev.10

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 +31 -13
  2. package/build/css/pds-design-tokens-light-mode.css +27 -9
  3. package/build/css/pds-design-tokens.css +4 -3
  4. package/build/figma/pds-design-tokens-figma.json +1374 -167
  5. package/build/json/pds-design-tokens-dark-mode.json +560 -40
  6. package/build/json/pds-design-tokens-light-mode.json +529 -32
  7. package/build/json/pds-design-tokens.json +106 -52
  8. package/build/scss/_pds-design-tokens-dark-mode.scss +31 -13
  9. package/build/scss/_pds-design-tokens-light-mode.scss +27 -9
  10. package/build/scss/_pds-design-tokens.scss +4 -3
  11. package/package.json +1 -1
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -88,7 +88,7 @@
88
88
  "value": "#ffffff",
89
89
  "public": true,
90
90
  "isReferenceToInternal": true,
91
- "filePath": "tokens/color/alias/input.light.json",
91
+ "filePath": "tokens/color/alias/form.light.json",
92
92
  "isSource": true,
93
93
  "original": {
94
94
  "value": "{color.light-mode.neutral.000.value}",
@@ -111,43 +111,126 @@
111
111
  "default"
112
112
  ]
113
113
  },
114
- "disabled": {
115
- "value": "#cfcfd3",
114
+ "hover": {
115
+ "value": "#f0ecff",
116
+ "public": true,
117
+ "isReferenceToInternal": true,
118
+ "filePath": "tokens/color/alias/form.light.json",
119
+ "isSource": true,
120
+ "original": {
121
+ "value": "{color.light-mode.brand.secondary.100.value}",
122
+ "public": true,
123
+ "isReferenceToInternal": true
124
+ },
125
+ "name": "color-light-mode-input-background-hover",
126
+ "attributes": {
127
+ "category": "color",
128
+ "type": "light-mode",
129
+ "item": "input",
130
+ "subitem": "background",
131
+ "state": "hover"
132
+ },
133
+ "path": [
134
+ "color",
135
+ "light-mode",
136
+ "input",
137
+ "background",
138
+ "hover"
139
+ ]
140
+ },
141
+ "active": {
142
+ "value": "#ffffff",
143
+ "public": true,
144
+ "isReferenceToInternal": true,
145
+ "filePath": "tokens/color/alias/form.light.json",
146
+ "isSource": true,
147
+ "original": {
148
+ "value": "{color.light-mode.neutral.000.value}",
149
+ "public": true,
150
+ "isReferenceToInternal": true
151
+ },
152
+ "name": "color-light-mode-input-background-active",
153
+ "attributes": {
154
+ "category": "color",
155
+ "type": "light-mode",
156
+ "item": "input",
157
+ "subitem": "background",
158
+ "state": "active"
159
+ },
160
+ "path": [
161
+ "color",
162
+ "light-mode",
163
+ "input",
164
+ "background",
165
+ "active"
166
+ ]
167
+ },
168
+ "success": {
169
+ "value": "#ffffff",
170
+ "public": true,
171
+ "isReferenceToInternal": true,
172
+ "filePath": "tokens/color/alias/form.light.json",
173
+ "isSource": true,
174
+ "original": {
175
+ "value": "{color.light-mode.neutral.000.value}",
176
+ "public": true,
177
+ "isReferenceToInternal": true
178
+ },
179
+ "name": "color-light-mode-input-background-success",
180
+ "attributes": {
181
+ "category": "color",
182
+ "type": "light-mode",
183
+ "item": "input",
184
+ "subitem": "background",
185
+ "state": "success"
186
+ },
187
+ "path": [
188
+ "color",
189
+ "light-mode",
190
+ "input",
191
+ "background",
192
+ "success"
193
+ ]
194
+ },
195
+ "critical": {
196
+ "value": "#ffebeb",
116
197
  "public": true,
117
198
  "isReferenceToInternal": true,
118
- "filePath": "tokens/color/alias/input.light.json",
199
+ "filePath": "tokens/color/alias/form.light.json",
119
200
  "isSource": true,
120
201
  "original": {
121
- "value": "{color.light-mode.neutral.100.value}",
202
+ "value": "{color.light-mode.semantic.error.100.value}",
122
203
  "public": true,
123
204
  "isReferenceToInternal": true
124
205
  },
125
- "name": "color-light-mode-input-background-disabled",
206
+ "name": "color-light-mode-input-background-critical",
126
207
  "attributes": {
127
208
  "category": "color",
128
209
  "type": "light-mode",
129
210
  "item": "input",
130
211
  "subitem": "background",
131
- "state": "disabled"
212
+ "state": "critical"
132
213
  },
133
214
  "path": [
134
215
  "color",
135
216
  "light-mode",
136
217
  "input",
137
218
  "background",
138
- "disabled"
219
+ "critical"
139
220
  ]
140
221
  }
141
222
  },
142
223
  "border": {
143
224
  "default": {
144
- "value": "#cfcfd3",
225
+ "value": "#8f8f99",
145
226
  "public": true,
146
- "filePath": "tokens/color/alias/input.light.json",
227
+ "isReferenceToInternal": true,
228
+ "filePath": "tokens/color/alias/form.light.json",
147
229
  "isSource": true,
148
230
  "original": {
149
- "value": "{color.light-mode.border.default}",
150
- "public": true
231
+ "value": "{color.light-mode.neutral.300.value}",
232
+ "public": true,
233
+ "isReferenceToInternal": true
151
234
  },
152
235
  "name": "color-light-mode-input-border-default",
153
236
  "attributes": {
@@ -165,31 +248,249 @@
165
248
  "default"
166
249
  ]
167
250
  },
168
- "disabled": {
169
- "value": "#aeaeb6",
251
+ "hover": {
252
+ "value": "#5f41e5",
170
253
  "public": true,
171
254
  "isReferenceToInternal": true,
172
- "filePath": "tokens/color/alias/input.light.json",
255
+ "filePath": "tokens/color/alias/form.light.json",
173
256
  "isSource": true,
174
257
  "original": {
175
- "value": "{color.light-mode.neutral.200.value}",
258
+ "value": "{color.light-mode.brand.secondary.300.value}",
176
259
  "public": true,
177
260
  "isReferenceToInternal": true
178
261
  },
179
- "name": "color-light-mode-input-border-disabled",
262
+ "name": "color-light-mode-input-border-hover",
180
263
  "attributes": {
181
264
  "category": "color",
182
265
  "type": "light-mode",
183
266
  "item": "input",
184
267
  "subitem": "border",
185
- "state": "disabled"
268
+ "state": "hover"
186
269
  },
187
270
  "path": [
188
271
  "color",
189
272
  "light-mode",
190
273
  "input",
191
274
  "border",
192
- "disabled"
275
+ "hover"
276
+ ]
277
+ },
278
+ "active": {
279
+ "value": "#5f41e5",
280
+ "public": true,
281
+ "isReferenceToInternal": true,
282
+ "filePath": "tokens/color/alias/form.light.json",
283
+ "isSource": true,
284
+ "original": {
285
+ "value": "{color.light-mode.brand.secondary.300.value}",
286
+ "public": true,
287
+ "isReferenceToInternal": true
288
+ },
289
+ "name": "color-light-mode-input-border-active",
290
+ "attributes": {
291
+ "category": "color",
292
+ "type": "light-mode",
293
+ "item": "input",
294
+ "subitem": "border",
295
+ "state": "active"
296
+ },
297
+ "path": [
298
+ "color",
299
+ "light-mode",
300
+ "input",
301
+ "border",
302
+ "active"
303
+ ]
304
+ },
305
+ "success": {
306
+ "value": "#1f845a",
307
+ "public": true,
308
+ "isReferenceToInternal": true,
309
+ "filePath": "tokens/color/alias/form.light.json",
310
+ "isSource": true,
311
+ "original": {
312
+ "value": "{color.light-mode.semantic.success.400.value}",
313
+ "public": true,
314
+ "isReferenceToInternal": true
315
+ },
316
+ "name": "color-light-mode-input-border-success",
317
+ "attributes": {
318
+ "category": "color",
319
+ "type": "light-mode",
320
+ "item": "input",
321
+ "subitem": "border",
322
+ "state": "success"
323
+ },
324
+ "path": [
325
+ "color",
326
+ "light-mode",
327
+ "input",
328
+ "border",
329
+ "success"
330
+ ]
331
+ },
332
+ "critical": {
333
+ "value": "#d61f1f",
334
+ "public": true,
335
+ "isReferenceToInternal": true,
336
+ "filePath": "tokens/color/alias/form.light.json",
337
+ "isSource": true,
338
+ "original": {
339
+ "value": "{color.light-mode.semantic.error.400.value}",
340
+ "public": true,
341
+ "isReferenceToInternal": true
342
+ },
343
+ "name": "color-light-mode-input-border-critical",
344
+ "attributes": {
345
+ "category": "color",
346
+ "type": "light-mode",
347
+ "item": "input",
348
+ "subitem": "border",
349
+ "state": "critical"
350
+ },
351
+ "path": [
352
+ "color",
353
+ "light-mode",
354
+ "input",
355
+ "border",
356
+ "critical"
357
+ ]
358
+ }
359
+ },
360
+ "foreground": {
361
+ "default": {
362
+ "value": "#23232d",
363
+ "public": true,
364
+ "isReferenceToInternal": true,
365
+ "filePath": "tokens/color/alias/form.light.json",
366
+ "isSource": true,
367
+ "original": {
368
+ "value": "{color.light-mode.neutral.700.value}",
369
+ "public": true,
370
+ "isReferenceToInternal": true
371
+ },
372
+ "name": "color-light-mode-input-foreground-default",
373
+ "attributes": {
374
+ "category": "color",
375
+ "type": "light-mode",
376
+ "item": "input",
377
+ "subitem": "foreground",
378
+ "state": "default"
379
+ },
380
+ "path": [
381
+ "color",
382
+ "light-mode",
383
+ "input",
384
+ "foreground",
385
+ "default"
386
+ ]
387
+ },
388
+ "hover": {
389
+ "value": "#23232d",
390
+ "public": true,
391
+ "isReferenceToInternal": true,
392
+ "filePath": "tokens/color/alias/form.light.json",
393
+ "isSource": true,
394
+ "original": {
395
+ "value": "{color.light-mode.neutral.700.value}",
396
+ "public": true,
397
+ "isReferenceToInternal": true
398
+ },
399
+ "name": "color-light-mode-input-foreground-hover",
400
+ "attributes": {
401
+ "category": "color",
402
+ "type": "light-mode",
403
+ "item": "input",
404
+ "subitem": "foreground",
405
+ "state": "hover"
406
+ },
407
+ "path": [
408
+ "color",
409
+ "light-mode",
410
+ "input",
411
+ "foreground",
412
+ "hover"
413
+ ]
414
+ },
415
+ "active": {
416
+ "value": "#23232d",
417
+ "public": true,
418
+ "isReferenceToInternal": true,
419
+ "filePath": "tokens/color/alias/form.light.json",
420
+ "isSource": true,
421
+ "original": {
422
+ "value": "{color.light-mode.neutral.700.value}",
423
+ "public": true,
424
+ "isReferenceToInternal": true
425
+ },
426
+ "name": "color-light-mode-input-foreground-active",
427
+ "attributes": {
428
+ "category": "color",
429
+ "type": "light-mode",
430
+ "item": "input",
431
+ "subitem": "foreground",
432
+ "state": "active"
433
+ },
434
+ "path": [
435
+ "color",
436
+ "light-mode",
437
+ "input",
438
+ "foreground",
439
+ "active"
440
+ ]
441
+ },
442
+ "success": {
443
+ "value": "#1f845a",
444
+ "public": true,
445
+ "isReferenceToInternal": true,
446
+ "filePath": "tokens/color/alias/form.light.json",
447
+ "isSource": true,
448
+ "original": {
449
+ "value": "{color.light-mode.semantic.success.400.value}",
450
+ "public": true,
451
+ "isReferenceToInternal": true
452
+ },
453
+ "name": "color-light-mode-input-foreground-success",
454
+ "attributes": {
455
+ "category": "color",
456
+ "type": "light-mode",
457
+ "item": "input",
458
+ "subitem": "foreground",
459
+ "state": "success"
460
+ },
461
+ "path": [
462
+ "color",
463
+ "light-mode",
464
+ "input",
465
+ "foreground",
466
+ "success"
467
+ ]
468
+ },
469
+ "critical": {
470
+ "value": "#d61f1f",
471
+ "public": true,
472
+ "isReferenceToInternal": true,
473
+ "filePath": "tokens/color/alias/form.light.json",
474
+ "isSource": true,
475
+ "original": {
476
+ "value": "{color.light-mode.semantic.error.400.value}",
477
+ "public": true,
478
+ "isReferenceToInternal": true
479
+ },
480
+ "name": "color-light-mode-input-foreground-critical",
481
+ "attributes": {
482
+ "category": "color",
483
+ "type": "light-mode",
484
+ "item": "input",
485
+ "subitem": "foreground",
486
+ "state": "critical"
487
+ },
488
+ "path": [
489
+ "color",
490
+ "light-mode",
491
+ "input",
492
+ "foreground",
493
+ "critical"
193
494
  ]
194
495
  }
195
496
  }
@@ -226,7 +527,7 @@
226
527
  ]
227
528
  },
228
529
  "hover": {
229
- "value": "#785aff",
530
+ "value": "#5f41e5",
230
531
  "public": true,
231
532
  "isReferenceToInternal": true,
232
533
  "filePath": "tokens/color/alias/interactive.light.json",
@@ -312,7 +613,7 @@
312
613
  ]
313
614
  },
314
615
  "hover": {
315
- "value": "#785aff",
616
+ "value": "#5f41e5",
316
617
  "public": true,
317
618
  "isReferenceToInternal": true,
318
619
  "filePath": "tokens/color/alias/interactive.light.json",
@@ -512,13 +813,13 @@
512
813
  ]
513
814
  },
514
815
  "active": {
515
- "value": "#cfcfd3",
816
+ "value": "#e5dbff",
516
817
  "public": true,
517
818
  "isReferenceToInternal": true,
518
819
  "filePath": "tokens/color/alias/interactive.light.json",
519
820
  "isSource": true,
520
821
  "original": {
521
- "value": "{color.light-mode.neutral.100.value}",
822
+ "value": "{color.light-mode.brand.secondary.200.value}",
522
823
  "public": true,
523
824
  "isReferenceToInternal": true
524
825
  },
@@ -570,7 +871,7 @@
570
871
  ]
571
872
  },
572
873
  "hover": {
573
- "value": "#785aff",
874
+ "value": "#5f41e5",
574
875
  "public": true,
575
876
  "isReferenceToInternal": true,
576
877
  "filePath": "tokens/color/alias/interactive.light.json",
@@ -742,13 +1043,13 @@
742
1043
  ]
743
1044
  },
744
1045
  "hover": {
745
- "value": "#f1f1f1",
1046
+ "value": "#f0ecff",
746
1047
  "public": true,
747
1048
  "isReferenceToInternal": true,
748
1049
  "filePath": "tokens/color/alias/interactive.light.json",
749
1050
  "isSource": true,
750
1051
  "original": {
751
- "value": "{color.light-mode.neutral.050.value}",
1052
+ "value": "{color.light-mode.brand.secondary.100.value}",
752
1053
  "public": true,
753
1054
  "isReferenceToInternal": true
754
1055
  },
@@ -770,13 +1071,13 @@
770
1071
  ]
771
1072
  },
772
1073
  "active": {
773
- "value": "#cfcfd3",
1074
+ "value": "#e5dbff",
774
1075
  "public": true,
775
1076
  "isReferenceToInternal": true,
776
1077
  "filePath": "tokens/color/alias/interactive.light.json",
777
1078
  "isSource": true,
778
1079
  "original": {
779
- "value": "{color.light-mode.neutral.100.value}",
1080
+ "value": "{color.light-mode.brand.secondary.200.value}",
780
1081
  "public": true,
781
1082
  "isReferenceToInternal": true
782
1083
  },
@@ -1536,6 +1837,202 @@
1536
1837
  ]
1537
1838
  }
1538
1839
  },
1840
+ "menu": {
1841
+ "background": {
1842
+ "value": "#ffffff",
1843
+ "public": true,
1844
+ "isReferenceToInternal": true,
1845
+ "filePath": "tokens/color/alias/menu.light.json",
1846
+ "isSource": true,
1847
+ "original": {
1848
+ "value": "{color.light-mode.background.default}",
1849
+ "public": true,
1850
+ "isReferenceToInternal": true
1851
+ },
1852
+ "name": "color-light-mode-menu-background",
1853
+ "attributes": {
1854
+ "category": "color",
1855
+ "type": "light-mode",
1856
+ "item": "menu",
1857
+ "subitem": "background"
1858
+ },
1859
+ "path": [
1860
+ "color",
1861
+ "light-mode",
1862
+ "menu",
1863
+ "background"
1864
+ ]
1865
+ },
1866
+ "item": {
1867
+ "background": {
1868
+ "default": {
1869
+ "value": "#ffffff",
1870
+ "public": true,
1871
+ "isReferenceToInternal": true,
1872
+ "filePath": "tokens/color/alias/menu.light.json",
1873
+ "isSource": true,
1874
+ "original": {
1875
+ "value": "{color.light-mode.background.default}",
1876
+ "public": true,
1877
+ "isReferenceToInternal": true
1878
+ },
1879
+ "name": "color-light-mode-menu-item-background-default",
1880
+ "attributes": {
1881
+ "category": "color",
1882
+ "type": "light-mode",
1883
+ "item": "menu",
1884
+ "subitem": "item",
1885
+ "state": "background"
1886
+ },
1887
+ "path": [
1888
+ "color",
1889
+ "light-mode",
1890
+ "menu",
1891
+ "item",
1892
+ "background",
1893
+ "default"
1894
+ ]
1895
+ },
1896
+ "hover": {
1897
+ "value": "#f1f1f1",
1898
+ "public": true,
1899
+ "isReferenceToInternal": true,
1900
+ "filePath": "tokens/color/alias/menu.light.json",
1901
+ "isSource": true,
1902
+ "original": {
1903
+ "value": "{color.light-mode.neutral.050}",
1904
+ "public": true,
1905
+ "isReferenceToInternal": true
1906
+ },
1907
+ "name": "color-light-mode-menu-item-background-hover",
1908
+ "attributes": {
1909
+ "category": "color",
1910
+ "type": "light-mode",
1911
+ "item": "menu",
1912
+ "subitem": "item",
1913
+ "state": "background"
1914
+ },
1915
+ "path": [
1916
+ "color",
1917
+ "light-mode",
1918
+ "menu",
1919
+ "item",
1920
+ "background",
1921
+ "hover"
1922
+ ]
1923
+ },
1924
+ "active": {
1925
+ "value": "#cfcfd3",
1926
+ "public": true,
1927
+ "isReferenceToInternal": true,
1928
+ "filePath": "tokens/color/alias/menu.light.json",
1929
+ "isSource": true,
1930
+ "original": {
1931
+ "value": "{color.light-mode.neutral.100}",
1932
+ "public": true,
1933
+ "isReferenceToInternal": true
1934
+ },
1935
+ "name": "color-light-mode-menu-item-background-active",
1936
+ "attributes": {
1937
+ "category": "color",
1938
+ "type": "light-mode",
1939
+ "item": "menu",
1940
+ "subitem": "item",
1941
+ "state": "background"
1942
+ },
1943
+ "path": [
1944
+ "color",
1945
+ "light-mode",
1946
+ "menu",
1947
+ "item",
1948
+ "background",
1949
+ "active"
1950
+ ]
1951
+ }
1952
+ },
1953
+ "foreground": {
1954
+ "value": "#23232d",
1955
+ "public": true,
1956
+ "isReferenceToInternal": true,
1957
+ "filePath": "tokens/color/alias/menu.light.json",
1958
+ "isSource": true,
1959
+ "original": {
1960
+ "value": "{color.light-mode.foreground.default}",
1961
+ "public": true,
1962
+ "isReferenceToInternal": true
1963
+ },
1964
+ "name": "color-light-mode-menu-item-foreground",
1965
+ "attributes": {
1966
+ "category": "color",
1967
+ "type": "light-mode",
1968
+ "item": "menu",
1969
+ "subitem": "item",
1970
+ "state": "foreground"
1971
+ },
1972
+ "path": [
1973
+ "color",
1974
+ "light-mode",
1975
+ "menu",
1976
+ "item",
1977
+ "foreground"
1978
+ ]
1979
+ },
1980
+ "heading-text": {
1981
+ "value": "#71717c",
1982
+ "public": true,
1983
+ "isReferenceToInternal": true,
1984
+ "filePath": "tokens/color/alias/menu.light.json",
1985
+ "isSource": true,
1986
+ "original": {
1987
+ "value": "{color.light-mode.neutral.400}",
1988
+ "public": true,
1989
+ "isReferenceToInternal": true
1990
+ },
1991
+ "name": "color-light-mode-menu-item-heading-text",
1992
+ "attributes": {
1993
+ "category": "color",
1994
+ "type": "light-mode",
1995
+ "item": "menu",
1996
+ "subitem": "item",
1997
+ "state": "heading-text"
1998
+ },
1999
+ "path": [
2000
+ "color",
2001
+ "light-mode",
2002
+ "menu",
2003
+ "item",
2004
+ "heading-text"
2005
+ ]
2006
+ },
2007
+ "description-text": {
2008
+ "value": "#71717c",
2009
+ "public": true,
2010
+ "isReferenceToInternal": true,
2011
+ "filePath": "tokens/color/alias/menu.light.json",
2012
+ "isSource": true,
2013
+ "original": {
2014
+ "value": "{color.light-mode.neutral.400}",
2015
+ "public": true,
2016
+ "isReferenceToInternal": true
2017
+ },
2018
+ "name": "color-light-mode-menu-item-description-text",
2019
+ "attributes": {
2020
+ "category": "color",
2021
+ "type": "light-mode",
2022
+ "item": "menu",
2023
+ "subitem": "item",
2024
+ "state": "description-text"
2025
+ },
2026
+ "path": [
2027
+ "color",
2028
+ "light-mode",
2029
+ "menu",
2030
+ "item",
2031
+ "description-text"
2032
+ ]
2033
+ }
2034
+ }
2035
+ },
1539
2036
  "panel": {
1540
2037
  "default": {
1541
2038
  "background": {
@@ -2093,11 +2590,11 @@
2093
2590
  ]
2094
2591
  },
2095
2592
  "200": {
2096
- "value": "#c3b6ff",
2593
+ "value": "#e5dbff",
2097
2594
  "filePath": "tokens/color/base/brand.light.json",
2098
2595
  "isSource": true,
2099
2596
  "original": {
2100
- "value": "#C3B6FF"
2597
+ "value": "#E5DBFF"
2101
2598
  },
2102
2599
  "name": "color-light-mode-brand-secondary-200",
2103
2600
  "attributes": {
@@ -2116,11 +2613,11 @@
2116
2613
  ]
2117
2614
  },
2118
2615
  "300": {
2119
- "value": "#785aff",
2616
+ "value": "#5f41e5",
2120
2617
  "filePath": "tokens/color/base/brand.light.json",
2121
2618
  "isSource": true,
2122
2619
  "original": {
2123
- "value": "#785AFF"
2620
+ "value": "#5F41E5"
2124
2621
  },
2125
2622
  "name": "color-light-mode-brand-secondary-300",
2126
2623
  "attributes": {