@pantheon-systems/pds-design-tokens 1.0.0-dev.66 → 1.0.0-dev.68
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.
- package/build/css/pds-design-tokens-dark-mode.css +0 -2
- package/build/css/pds-design-tokens-light-mode.css +0 -2
- package/build/figma/pds-design-tokens-figma.json +0 -112
- package/build/json/pds-design-tokens-dark-mode.json +0 -56
- package/build/json/pds-design-tokens-light-mode.json +0 -56
- package/build/json/pds-design-tokens.json +61 -93
- package/package.json +1 -1
|
@@ -25,8 +25,6 @@
|
|
|
25
25
|
--pds-color-banner-critical-foreground: #ffffff;
|
|
26
26
|
--pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
|
|
27
27
|
--pds-color-banner-info-foreground: #ffffff;
|
|
28
|
-
--pds-color-banner-loader-background: linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%);
|
|
29
|
-
--pds-color-banner-loader-foreground: #ffffff;
|
|
30
28
|
--pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
|
|
31
29
|
--pds-color-banner-warning-foreground: #121219;
|
|
32
30
|
--pds-color-border-default: #504e62;
|
|
@@ -25,8 +25,6 @@
|
|
|
25
25
|
--pds-color-banner-critical-foreground: #ffffff;
|
|
26
26
|
--pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
|
|
27
27
|
--pds-color-banner-info-foreground: #ffffff;
|
|
28
|
-
--pds-color-banner-loader-background: linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%);
|
|
29
|
-
--pds-color-banner-loader-foreground: #ffffff;
|
|
30
28
|
--pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
|
|
31
29
|
--pds-color-banner-warning-foreground: #23232d;
|
|
32
30
|
--pds-color-border-default: #cfcfd3;
|
|
@@ -2199,62 +2199,6 @@
|
|
|
2199
2199
|
"foreground"
|
|
2200
2200
|
]
|
|
2201
2201
|
}
|
|
2202
|
-
},
|
|
2203
|
-
"loader": {
|
|
2204
|
-
"background": {
|
|
2205
|
-
"value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
|
|
2206
|
-
"public": true,
|
|
2207
|
-
"isReferenceToInternal": true,
|
|
2208
|
-
"filePath": "tokens/color/alias/banner.dark.json",
|
|
2209
|
-
"isSource": true,
|
|
2210
|
-
"original": {
|
|
2211
|
-
"value": "{color.dark-mode.gradient.banner.loader.background.value}",
|
|
2212
|
-
"public": true,
|
|
2213
|
-
"isReferenceToInternal": true
|
|
2214
|
-
},
|
|
2215
|
-
"name": "color-dark-mode-banner-loader-background",
|
|
2216
|
-
"attributes": {
|
|
2217
|
-
"category": "color",
|
|
2218
|
-
"type": "dark-mode",
|
|
2219
|
-
"item": "banner",
|
|
2220
|
-
"subitem": "loader",
|
|
2221
|
-
"state": "background"
|
|
2222
|
-
},
|
|
2223
|
-
"path": [
|
|
2224
|
-
"color",
|
|
2225
|
-
"dark-mode",
|
|
2226
|
-
"banner",
|
|
2227
|
-
"loader",
|
|
2228
|
-
"background"
|
|
2229
|
-
]
|
|
2230
|
-
},
|
|
2231
|
-
"foreground": {
|
|
2232
|
-
"value": "#ffffff",
|
|
2233
|
-
"public": true,
|
|
2234
|
-
"isReferenceToInternal": true,
|
|
2235
|
-
"filePath": "tokens/color/alias/banner.dark.json",
|
|
2236
|
-
"isSource": true,
|
|
2237
|
-
"original": {
|
|
2238
|
-
"value": "{color.dark-mode.neutral.000.value}",
|
|
2239
|
-
"public": true,
|
|
2240
|
-
"isReferenceToInternal": true
|
|
2241
|
-
},
|
|
2242
|
-
"name": "color-dark-mode-banner-loader-foreground",
|
|
2243
|
-
"attributes": {
|
|
2244
|
-
"category": "color",
|
|
2245
|
-
"type": "dark-mode",
|
|
2246
|
-
"item": "banner",
|
|
2247
|
-
"subitem": "loader",
|
|
2248
|
-
"state": "foreground"
|
|
2249
|
-
},
|
|
2250
|
-
"path": [
|
|
2251
|
-
"color",
|
|
2252
|
-
"dark-mode",
|
|
2253
|
-
"banner",
|
|
2254
|
-
"loader",
|
|
2255
|
-
"foreground"
|
|
2256
|
-
]
|
|
2257
|
-
}
|
|
2258
2202
|
}
|
|
2259
2203
|
},
|
|
2260
2204
|
"breadcrumb": {
|
|
@@ -7610,62 +7554,6 @@
|
|
|
7610
7554
|
"foreground"
|
|
7611
7555
|
]
|
|
7612
7556
|
}
|
|
7613
|
-
},
|
|
7614
|
-
"loader": {
|
|
7615
|
-
"background": {
|
|
7616
|
-
"value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
|
|
7617
|
-
"public": true,
|
|
7618
|
-
"isReferenceToInternal": true,
|
|
7619
|
-
"filePath": "tokens/color/alias/banner.light.json",
|
|
7620
|
-
"isSource": true,
|
|
7621
|
-
"original": {
|
|
7622
|
-
"value": "{color.light-mode.gradient.banner.loader.background.value}",
|
|
7623
|
-
"public": true,
|
|
7624
|
-
"isReferenceToInternal": true
|
|
7625
|
-
},
|
|
7626
|
-
"name": "color-light-mode-banner-loader-background",
|
|
7627
|
-
"attributes": {
|
|
7628
|
-
"category": "color",
|
|
7629
|
-
"type": "light-mode",
|
|
7630
|
-
"item": "banner",
|
|
7631
|
-
"subitem": "loader",
|
|
7632
|
-
"state": "background"
|
|
7633
|
-
},
|
|
7634
|
-
"path": [
|
|
7635
|
-
"color",
|
|
7636
|
-
"light-mode",
|
|
7637
|
-
"banner",
|
|
7638
|
-
"loader",
|
|
7639
|
-
"background"
|
|
7640
|
-
]
|
|
7641
|
-
},
|
|
7642
|
-
"foreground": {
|
|
7643
|
-
"value": "#ffffff",
|
|
7644
|
-
"public": true,
|
|
7645
|
-
"isReferenceToInternal": true,
|
|
7646
|
-
"filePath": "tokens/color/alias/banner.light.json",
|
|
7647
|
-
"isSource": true,
|
|
7648
|
-
"original": {
|
|
7649
|
-
"value": "{color.light-mode.neutral.000.value}",
|
|
7650
|
-
"public": true,
|
|
7651
|
-
"isReferenceToInternal": true
|
|
7652
|
-
},
|
|
7653
|
-
"name": "color-light-mode-banner-loader-foreground",
|
|
7654
|
-
"attributes": {
|
|
7655
|
-
"category": "color",
|
|
7656
|
-
"type": "light-mode",
|
|
7657
|
-
"item": "banner",
|
|
7658
|
-
"subitem": "loader",
|
|
7659
|
-
"state": "foreground"
|
|
7660
|
-
},
|
|
7661
|
-
"path": [
|
|
7662
|
-
"color",
|
|
7663
|
-
"light-mode",
|
|
7664
|
-
"banner",
|
|
7665
|
-
"loader",
|
|
7666
|
-
"foreground"
|
|
7667
|
-
]
|
|
7668
|
-
}
|
|
7669
7557
|
}
|
|
7670
7558
|
},
|
|
7671
7559
|
"breadcrumb": {
|
|
@@ -375,62 +375,6 @@
|
|
|
375
375
|
"foreground"
|
|
376
376
|
]
|
|
377
377
|
}
|
|
378
|
-
},
|
|
379
|
-
"loader": {
|
|
380
|
-
"background": {
|
|
381
|
-
"value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
|
|
382
|
-
"public": true,
|
|
383
|
-
"isReferenceToInternal": true,
|
|
384
|
-
"filePath": "tokens/color/alias/banner.dark.json",
|
|
385
|
-
"isSource": true,
|
|
386
|
-
"original": {
|
|
387
|
-
"value": "{color.dark-mode.gradient.banner.loader.background.value}",
|
|
388
|
-
"public": true,
|
|
389
|
-
"isReferenceToInternal": true
|
|
390
|
-
},
|
|
391
|
-
"name": "color-dark-mode-banner-loader-background",
|
|
392
|
-
"attributes": {
|
|
393
|
-
"category": "color",
|
|
394
|
-
"type": "dark-mode",
|
|
395
|
-
"item": "banner",
|
|
396
|
-
"subitem": "loader",
|
|
397
|
-
"state": "background"
|
|
398
|
-
},
|
|
399
|
-
"path": [
|
|
400
|
-
"color",
|
|
401
|
-
"dark-mode",
|
|
402
|
-
"banner",
|
|
403
|
-
"loader",
|
|
404
|
-
"background"
|
|
405
|
-
]
|
|
406
|
-
},
|
|
407
|
-
"foreground": {
|
|
408
|
-
"value": "#ffffff",
|
|
409
|
-
"public": true,
|
|
410
|
-
"isReferenceToInternal": true,
|
|
411
|
-
"filePath": "tokens/color/alias/banner.dark.json",
|
|
412
|
-
"isSource": true,
|
|
413
|
-
"original": {
|
|
414
|
-
"value": "{color.dark-mode.neutral.000.value}",
|
|
415
|
-
"public": true,
|
|
416
|
-
"isReferenceToInternal": true
|
|
417
|
-
},
|
|
418
|
-
"name": "color-dark-mode-banner-loader-foreground",
|
|
419
|
-
"attributes": {
|
|
420
|
-
"category": "color",
|
|
421
|
-
"type": "dark-mode",
|
|
422
|
-
"item": "banner",
|
|
423
|
-
"subitem": "loader",
|
|
424
|
-
"state": "foreground"
|
|
425
|
-
},
|
|
426
|
-
"path": [
|
|
427
|
-
"color",
|
|
428
|
-
"dark-mode",
|
|
429
|
-
"banner",
|
|
430
|
-
"loader",
|
|
431
|
-
"foreground"
|
|
432
|
-
]
|
|
433
|
-
}
|
|
434
378
|
}
|
|
435
379
|
},
|
|
436
380
|
"breadcrumb": {
|
|
@@ -371,62 +371,6 @@
|
|
|
371
371
|
"foreground"
|
|
372
372
|
]
|
|
373
373
|
}
|
|
374
|
-
},
|
|
375
|
-
"loader": {
|
|
376
|
-
"background": {
|
|
377
|
-
"value": "linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%)",
|
|
378
|
-
"public": true,
|
|
379
|
-
"isReferenceToInternal": true,
|
|
380
|
-
"filePath": "tokens/color/alias/banner.light.json",
|
|
381
|
-
"isSource": true,
|
|
382
|
-
"original": {
|
|
383
|
-
"value": "{color.light-mode.gradient.banner.loader.background.value}",
|
|
384
|
-
"public": true,
|
|
385
|
-
"isReferenceToInternal": true
|
|
386
|
-
},
|
|
387
|
-
"name": "color-light-mode-banner-loader-background",
|
|
388
|
-
"attributes": {
|
|
389
|
-
"category": "color",
|
|
390
|
-
"type": "light-mode",
|
|
391
|
-
"item": "banner",
|
|
392
|
-
"subitem": "loader",
|
|
393
|
-
"state": "background"
|
|
394
|
-
},
|
|
395
|
-
"path": [
|
|
396
|
-
"color",
|
|
397
|
-
"light-mode",
|
|
398
|
-
"banner",
|
|
399
|
-
"loader",
|
|
400
|
-
"background"
|
|
401
|
-
]
|
|
402
|
-
},
|
|
403
|
-
"foreground": {
|
|
404
|
-
"value": "#ffffff",
|
|
405
|
-
"public": true,
|
|
406
|
-
"isReferenceToInternal": true,
|
|
407
|
-
"filePath": "tokens/color/alias/banner.light.json",
|
|
408
|
-
"isSource": true,
|
|
409
|
-
"original": {
|
|
410
|
-
"value": "{color.light-mode.neutral.000.value}",
|
|
411
|
-
"public": true,
|
|
412
|
-
"isReferenceToInternal": true
|
|
413
|
-
},
|
|
414
|
-
"name": "color-light-mode-banner-loader-foreground",
|
|
415
|
-
"attributes": {
|
|
416
|
-
"category": "color",
|
|
417
|
-
"type": "light-mode",
|
|
418
|
-
"item": "banner",
|
|
419
|
-
"subitem": "loader",
|
|
420
|
-
"state": "foreground"
|
|
421
|
-
},
|
|
422
|
-
"path": [
|
|
423
|
-
"color",
|
|
424
|
-
"light-mode",
|
|
425
|
-
"banner",
|
|
426
|
-
"loader",
|
|
427
|
-
"foreground"
|
|
428
|
-
]
|
|
429
|
-
}
|
|
430
374
|
}
|
|
431
375
|
},
|
|
432
376
|
"breadcrumb": {
|
|
@@ -371,25 +371,6 @@
|
|
|
371
371
|
},
|
|
372
372
|
"grid": {
|
|
373
373
|
"columns-4": {
|
|
374
|
-
"width": {
|
|
375
|
-
"value": "20.875%",
|
|
376
|
-
"filePath": "tokens/grid/base.json",
|
|
377
|
-
"isSource": true,
|
|
378
|
-
"original": {
|
|
379
|
-
"value": "20.875%"
|
|
380
|
-
},
|
|
381
|
-
"name": "grid-columns-4-width",
|
|
382
|
-
"attributes": {
|
|
383
|
-
"category": "grid",
|
|
384
|
-
"type": "columns-4",
|
|
385
|
-
"item": "width"
|
|
386
|
-
},
|
|
387
|
-
"path": [
|
|
388
|
-
"grid",
|
|
389
|
-
"columns-4",
|
|
390
|
-
"width"
|
|
391
|
-
]
|
|
392
|
-
},
|
|
393
374
|
"gap": {
|
|
394
375
|
"value": "5.5%",
|
|
395
376
|
"filePath": "tokens/grid/base.json",
|
|
@@ -410,84 +391,71 @@
|
|
|
410
391
|
]
|
|
411
392
|
}
|
|
412
393
|
},
|
|
413
|
-
"columns-6": {
|
|
414
|
-
"width": {
|
|
415
|
-
"value": "14.53125%",
|
|
416
|
-
"filePath": "tokens/grid/base.json",
|
|
417
|
-
"isSource": true,
|
|
418
|
-
"original": {
|
|
419
|
-
"value": "14.53125%"
|
|
420
|
-
},
|
|
421
|
-
"name": "grid-columns-6-width",
|
|
422
|
-
"attributes": {
|
|
423
|
-
"category": "grid",
|
|
424
|
-
"type": "columns-6",
|
|
425
|
-
"item": "width"
|
|
426
|
-
},
|
|
427
|
-
"path": [
|
|
428
|
-
"grid",
|
|
429
|
-
"columns-6",
|
|
430
|
-
"width"
|
|
431
|
-
]
|
|
432
|
-
},
|
|
433
|
-
"gap": {
|
|
434
|
-
"value": "2.5625%",
|
|
435
|
-
"filePath": "tokens/grid/base.json",
|
|
436
|
-
"isSource": true,
|
|
437
|
-
"original": {
|
|
438
|
-
"value": "2.5625%"
|
|
439
|
-
},
|
|
440
|
-
"name": "grid-columns-6-gap",
|
|
441
|
-
"attributes": {
|
|
442
|
-
"category": "grid",
|
|
443
|
-
"type": "columns-6",
|
|
444
|
-
"item": "gap"
|
|
445
|
-
},
|
|
446
|
-
"path": [
|
|
447
|
-
"grid",
|
|
448
|
-
"columns-6",
|
|
449
|
-
"gap"
|
|
450
|
-
]
|
|
451
|
-
}
|
|
452
|
-
},
|
|
453
394
|
"columns-12": {
|
|
454
|
-
"width": {
|
|
455
|
-
"value": "6.5%",
|
|
456
|
-
"filePath": "tokens/grid/base.json",
|
|
457
|
-
"isSource": true,
|
|
458
|
-
"original": {
|
|
459
|
-
"value": "6.5%"
|
|
460
|
-
},
|
|
461
|
-
"name": "grid-columns-12-width",
|
|
462
|
-
"attributes": {
|
|
463
|
-
"category": "grid",
|
|
464
|
-
"type": "columns-12",
|
|
465
|
-
"item": "width"
|
|
466
|
-
},
|
|
467
|
-
"path": [
|
|
468
|
-
"grid",
|
|
469
|
-
"columns-12",
|
|
470
|
-
"width"
|
|
471
|
-
]
|
|
472
|
-
},
|
|
473
395
|
"gap": {
|
|
474
|
-
"
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
"
|
|
396
|
+
"narrow": {
|
|
397
|
+
"value": "2.5%",
|
|
398
|
+
"filePath": "tokens/grid/base.json",
|
|
399
|
+
"isSource": true,
|
|
400
|
+
"original": {
|
|
401
|
+
"value": "2.5%"
|
|
402
|
+
},
|
|
403
|
+
"name": "grid-columns-12-gap-narrow",
|
|
404
|
+
"attributes": {
|
|
405
|
+
"category": "grid",
|
|
406
|
+
"type": "columns-12",
|
|
407
|
+
"item": "gap",
|
|
408
|
+
"subitem": "narrow"
|
|
409
|
+
},
|
|
410
|
+
"path": [
|
|
411
|
+
"grid",
|
|
412
|
+
"columns-12",
|
|
413
|
+
"gap",
|
|
414
|
+
"narrow"
|
|
415
|
+
]
|
|
479
416
|
},
|
|
480
|
-
"
|
|
481
|
-
|
|
482
|
-
"
|
|
483
|
-
"
|
|
484
|
-
"
|
|
417
|
+
"standard": {
|
|
418
|
+
"value": "4%",
|
|
419
|
+
"filePath": "tokens/grid/base.json",
|
|
420
|
+
"isSource": true,
|
|
421
|
+
"original": {
|
|
422
|
+
"value": "4%"
|
|
423
|
+
},
|
|
424
|
+
"name": "grid-columns-12-gap-standard",
|
|
425
|
+
"attributes": {
|
|
426
|
+
"category": "grid",
|
|
427
|
+
"type": "columns-12",
|
|
428
|
+
"item": "gap",
|
|
429
|
+
"subitem": "standard"
|
|
430
|
+
},
|
|
431
|
+
"path": [
|
|
432
|
+
"grid",
|
|
433
|
+
"columns-12",
|
|
434
|
+
"gap",
|
|
435
|
+
"standard"
|
|
436
|
+
]
|
|
485
437
|
},
|
|
486
|
-
"
|
|
487
|
-
"
|
|
488
|
-
"
|
|
489
|
-
"
|
|
490
|
-
|
|
438
|
+
"wide": {
|
|
439
|
+
"value": "5.5%",
|
|
440
|
+
"filePath": "tokens/grid/base.json",
|
|
441
|
+
"isSource": true,
|
|
442
|
+
"original": {
|
|
443
|
+
"value": "5.5%"
|
|
444
|
+
},
|
|
445
|
+
"name": "grid-columns-12-gap-wide",
|
|
446
|
+
"attributes": {
|
|
447
|
+
"category": "grid",
|
|
448
|
+
"type": "columns-12",
|
|
449
|
+
"item": "gap",
|
|
450
|
+
"subitem": "wide"
|
|
451
|
+
},
|
|
452
|
+
"path": [
|
|
453
|
+
"grid",
|
|
454
|
+
"columns-12",
|
|
455
|
+
"gap",
|
|
456
|
+
"wide"
|
|
457
|
+
]
|
|
458
|
+
}
|
|
491
459
|
}
|
|
492
460
|
},
|
|
493
461
|
"marketing": {
|