@pantheon-systems/pds-design-tokens 1.0.0-dev.40 → 1.0.0-dev.42
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-light-mode.css +3 -0
- package/build/figma/pds-design-tokens-figma.json +87 -0
- package/build/json/pds-design-tokens-light-mode.json +87 -0
- package/build/json/pds-design-tokens.json +42 -0
- package/build/scss/_pds-design-tokens-light-mode.scss +3 -0
- package/package.json +1 -1
|
@@ -105,6 +105,9 @@
|
|
|
105
105
|
--pds-color-menu-item-description-text: #6d6d78;
|
|
106
106
|
--pds-color-menu-item-foreground: #23232d;
|
|
107
107
|
--pds-color-menu-item-heading-text: #6d6d78;
|
|
108
|
+
--pds-color-pager-background-active: #f0ecff;
|
|
109
|
+
--pds-color-pager-background-hover: #f1f1f1;
|
|
110
|
+
--pds-color-pager-foreground-active: #5f41e5;
|
|
108
111
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
109
112
|
--pds-color-panel-default-border: var(--pds-color-border-default);
|
|
110
113
|
--pds-color-panel-overlay-background: var(--pds-color-background-default);
|
|
@@ -8762,6 +8762,93 @@
|
|
|
8762
8762
|
}
|
|
8763
8763
|
}
|
|
8764
8764
|
},
|
|
8765
|
+
"pager": {
|
|
8766
|
+
"background": {
|
|
8767
|
+
"hover": {
|
|
8768
|
+
"value": "#f1f1f1",
|
|
8769
|
+
"public": true,
|
|
8770
|
+
"isReferenceToInternal": true,
|
|
8771
|
+
"filePath": "tokens/color/alias/pager.light.json",
|
|
8772
|
+
"isSource": true,
|
|
8773
|
+
"original": {
|
|
8774
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
8775
|
+
"public": true,
|
|
8776
|
+
"isReferenceToInternal": true
|
|
8777
|
+
},
|
|
8778
|
+
"name": "color-light-mode-pager-background-hover",
|
|
8779
|
+
"attributes": {
|
|
8780
|
+
"category": "color",
|
|
8781
|
+
"type": "light-mode",
|
|
8782
|
+
"item": "pager",
|
|
8783
|
+
"subitem": "background",
|
|
8784
|
+
"state": "hover"
|
|
8785
|
+
},
|
|
8786
|
+
"path": [
|
|
8787
|
+
"color",
|
|
8788
|
+
"light-mode",
|
|
8789
|
+
"pager",
|
|
8790
|
+
"background",
|
|
8791
|
+
"hover"
|
|
8792
|
+
]
|
|
8793
|
+
},
|
|
8794
|
+
"active": {
|
|
8795
|
+
"value": "#f0ecff",
|
|
8796
|
+
"public": true,
|
|
8797
|
+
"isReferenceToInternal": true,
|
|
8798
|
+
"filePath": "tokens/color/alias/pager.light.json",
|
|
8799
|
+
"isSource": true,
|
|
8800
|
+
"original": {
|
|
8801
|
+
"value": "{color.light-mode.brand.secondary.100.value}",
|
|
8802
|
+
"public": true,
|
|
8803
|
+
"isReferenceToInternal": true
|
|
8804
|
+
},
|
|
8805
|
+
"name": "color-light-mode-pager-background-active",
|
|
8806
|
+
"attributes": {
|
|
8807
|
+
"category": "color",
|
|
8808
|
+
"type": "light-mode",
|
|
8809
|
+
"item": "pager",
|
|
8810
|
+
"subitem": "background",
|
|
8811
|
+
"state": "active"
|
|
8812
|
+
},
|
|
8813
|
+
"path": [
|
|
8814
|
+
"color",
|
|
8815
|
+
"light-mode",
|
|
8816
|
+
"pager",
|
|
8817
|
+
"background",
|
|
8818
|
+
"active"
|
|
8819
|
+
]
|
|
8820
|
+
}
|
|
8821
|
+
},
|
|
8822
|
+
"foreground": {
|
|
8823
|
+
"active": {
|
|
8824
|
+
"value": "#5f41e5",
|
|
8825
|
+
"public": true,
|
|
8826
|
+
"isReferenceToInternal": true,
|
|
8827
|
+
"filePath": "tokens/color/alias/pager.light.json",
|
|
8828
|
+
"isSource": true,
|
|
8829
|
+
"original": {
|
|
8830
|
+
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
8831
|
+
"public": true,
|
|
8832
|
+
"isReferenceToInternal": true
|
|
8833
|
+
},
|
|
8834
|
+
"name": "color-light-mode-pager-foreground-active",
|
|
8835
|
+
"attributes": {
|
|
8836
|
+
"category": "color",
|
|
8837
|
+
"type": "light-mode",
|
|
8838
|
+
"item": "pager",
|
|
8839
|
+
"subitem": "foreground",
|
|
8840
|
+
"state": "active"
|
|
8841
|
+
},
|
|
8842
|
+
"path": [
|
|
8843
|
+
"color",
|
|
8844
|
+
"light-mode",
|
|
8845
|
+
"pager",
|
|
8846
|
+
"foreground",
|
|
8847
|
+
"active"
|
|
8848
|
+
]
|
|
8849
|
+
}
|
|
8850
|
+
}
|
|
8851
|
+
},
|
|
8765
8852
|
"panel": {
|
|
8766
8853
|
"default": {
|
|
8767
8854
|
"background": {
|
|
@@ -2510,6 +2510,93 @@
|
|
|
2510
2510
|
}
|
|
2511
2511
|
}
|
|
2512
2512
|
},
|
|
2513
|
+
"pager": {
|
|
2514
|
+
"background": {
|
|
2515
|
+
"hover": {
|
|
2516
|
+
"value": "#f1f1f1",
|
|
2517
|
+
"public": true,
|
|
2518
|
+
"isReferenceToInternal": true,
|
|
2519
|
+
"filePath": "tokens/color/alias/pager.light.json",
|
|
2520
|
+
"isSource": true,
|
|
2521
|
+
"original": {
|
|
2522
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
2523
|
+
"public": true,
|
|
2524
|
+
"isReferenceToInternal": true
|
|
2525
|
+
},
|
|
2526
|
+
"name": "color-light-mode-pager-background-hover",
|
|
2527
|
+
"attributes": {
|
|
2528
|
+
"category": "color",
|
|
2529
|
+
"type": "light-mode",
|
|
2530
|
+
"item": "pager",
|
|
2531
|
+
"subitem": "background",
|
|
2532
|
+
"state": "hover"
|
|
2533
|
+
},
|
|
2534
|
+
"path": [
|
|
2535
|
+
"color",
|
|
2536
|
+
"light-mode",
|
|
2537
|
+
"pager",
|
|
2538
|
+
"background",
|
|
2539
|
+
"hover"
|
|
2540
|
+
]
|
|
2541
|
+
},
|
|
2542
|
+
"active": {
|
|
2543
|
+
"value": "#f0ecff",
|
|
2544
|
+
"public": true,
|
|
2545
|
+
"isReferenceToInternal": true,
|
|
2546
|
+
"filePath": "tokens/color/alias/pager.light.json",
|
|
2547
|
+
"isSource": true,
|
|
2548
|
+
"original": {
|
|
2549
|
+
"value": "{color.light-mode.brand.secondary.100.value}",
|
|
2550
|
+
"public": true,
|
|
2551
|
+
"isReferenceToInternal": true
|
|
2552
|
+
},
|
|
2553
|
+
"name": "color-light-mode-pager-background-active",
|
|
2554
|
+
"attributes": {
|
|
2555
|
+
"category": "color",
|
|
2556
|
+
"type": "light-mode",
|
|
2557
|
+
"item": "pager",
|
|
2558
|
+
"subitem": "background",
|
|
2559
|
+
"state": "active"
|
|
2560
|
+
},
|
|
2561
|
+
"path": [
|
|
2562
|
+
"color",
|
|
2563
|
+
"light-mode",
|
|
2564
|
+
"pager",
|
|
2565
|
+
"background",
|
|
2566
|
+
"active"
|
|
2567
|
+
]
|
|
2568
|
+
}
|
|
2569
|
+
},
|
|
2570
|
+
"foreground": {
|
|
2571
|
+
"active": {
|
|
2572
|
+
"value": "#5f41e5",
|
|
2573
|
+
"public": true,
|
|
2574
|
+
"isReferenceToInternal": true,
|
|
2575
|
+
"filePath": "tokens/color/alias/pager.light.json",
|
|
2576
|
+
"isSource": true,
|
|
2577
|
+
"original": {
|
|
2578
|
+
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
2579
|
+
"public": true,
|
|
2580
|
+
"isReferenceToInternal": true
|
|
2581
|
+
},
|
|
2582
|
+
"name": "color-light-mode-pager-foreground-active",
|
|
2583
|
+
"attributes": {
|
|
2584
|
+
"category": "color",
|
|
2585
|
+
"type": "light-mode",
|
|
2586
|
+
"item": "pager",
|
|
2587
|
+
"subitem": "foreground",
|
|
2588
|
+
"state": "active"
|
|
2589
|
+
},
|
|
2590
|
+
"path": [
|
|
2591
|
+
"color",
|
|
2592
|
+
"light-mode",
|
|
2593
|
+
"pager",
|
|
2594
|
+
"foreground",
|
|
2595
|
+
"active"
|
|
2596
|
+
]
|
|
2597
|
+
}
|
|
2598
|
+
}
|
|
2599
|
+
},
|
|
2513
2600
|
"panel": {
|
|
2514
2601
|
"default": {
|
|
2515
2602
|
"background": {
|
|
@@ -379,6 +379,48 @@
|
|
|
379
379
|
"scale-ratio"
|
|
380
380
|
]
|
|
381
381
|
},
|
|
382
|
+
"8XL": {
|
|
383
|
+
"value": "7.451",
|
|
384
|
+
"formula": "1.25**7",
|
|
385
|
+
"defaultUnit": "rem",
|
|
386
|
+
"filePath": "tokens/spacing/base.json",
|
|
387
|
+
"isSource": true,
|
|
388
|
+
"original": {
|
|
389
|
+
"value": "7.451",
|
|
390
|
+
"formula": "{spacing.scale-ratio}**7",
|
|
391
|
+
"defaultUnit": "rem"
|
|
392
|
+
},
|
|
393
|
+
"name": "spacing-8-xl",
|
|
394
|
+
"attributes": {
|
|
395
|
+
"category": "spacing",
|
|
396
|
+
"type": "8XL"
|
|
397
|
+
},
|
|
398
|
+
"path": [
|
|
399
|
+
"spacing",
|
|
400
|
+
"8XL"
|
|
401
|
+
]
|
|
402
|
+
},
|
|
403
|
+
"7XL": {
|
|
404
|
+
"value": "5.96",
|
|
405
|
+
"formula": "1.25**7",
|
|
406
|
+
"defaultUnit": "rem",
|
|
407
|
+
"filePath": "tokens/spacing/base.json",
|
|
408
|
+
"isSource": true,
|
|
409
|
+
"original": {
|
|
410
|
+
"value": "5.96",
|
|
411
|
+
"formula": "{spacing.scale-ratio}**7",
|
|
412
|
+
"defaultUnit": "rem"
|
|
413
|
+
},
|
|
414
|
+
"name": "spacing-7-xl",
|
|
415
|
+
"attributes": {
|
|
416
|
+
"category": "spacing",
|
|
417
|
+
"type": "7XL"
|
|
418
|
+
},
|
|
419
|
+
"path": [
|
|
420
|
+
"spacing",
|
|
421
|
+
"7XL"
|
|
422
|
+
]
|
|
423
|
+
},
|
|
382
424
|
"6XL": {
|
|
383
425
|
"value": "4.678",
|
|
384
426
|
"formula": "1.25**7",
|
|
@@ -103,6 +103,9 @@ $pds-color-menu-item-background-hover: #f8f8f8;
|
|
|
103
103
|
$pds-color-menu-item-description-text: #6d6d78;
|
|
104
104
|
$pds-color-menu-item-foreground: #23232d;
|
|
105
105
|
$pds-color-menu-item-heading-text: #6d6d78;
|
|
106
|
+
$pds-color-pager-background-active: #f0ecff;
|
|
107
|
+
$pds-color-pager-background-hover: #f1f1f1;
|
|
108
|
+
$pds-color-pager-foreground-active: #5f41e5;
|
|
106
109
|
$pds-color-panel-default-background: $pds-color-background-default;
|
|
107
110
|
$pds-color-panel-default-border: $pds-color-border-default;
|
|
108
111
|
$pds-color-panel-overlay-background: $pds-color-background-default;
|