@pantheon-systems/pds-design-tokens 1.0.0-dev.124 → 1.0.0-dev.126

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 (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +4 -0
  2. package/build/css/pds-design-tokens-light-mode.css +16 -0
  3. package/build/figma/pds-design-tokens-figma.json +616 -4
  4. package/build/json/pds-design-tokens-dark-mode.json +116 -0
  5. package/build/json/pds-design-tokens-light-mode.json +496 -0
  6. package/package.json +1 -1
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -1105,7 +1105,7 @@
1105
1105
  "headings-product": {
1106
1106
  "h1": {
1107
1107
  "value": {
1108
- "fontSize": "2.074 * 16",
1108
+ "fontSize": "1.728 * 16",
1109
1109
  "fontWeight": 700,
1110
1110
  "fontFamily": "Poppins",
1111
1111
  "lineHeight": "120%"
@@ -1115,7 +1115,7 @@
1115
1115
  "isSource": true,
1116
1116
  "original": {
1117
1117
  "value": {
1118
- "fontSize": "{typography.size.3XL} * {figma.typography.size.base}",
1118
+ "fontSize": "{typography.size.2XL} * {figma.typography.size.base}",
1119
1119
  "fontWeight": "{typography.font-weight.bold}",
1120
1120
  "fontFamily": "Poppins",
1121
1121
  "lineHeight": "{typography.line-height.S}"
@@ -1168,7 +1168,7 @@
1168
1168
  "h3": {
1169
1169
  "value": {
1170
1170
  "fontSize": "1.2 * 16",
1171
- "fontWeight": 700,
1171
+ "fontWeight": 600,
1172
1172
  "fontFamily": "Poppins",
1173
1173
  "lineHeight": "120%"
1174
1174
  },
@@ -1178,7 +1178,7 @@
1178
1178
  "original": {
1179
1179
  "value": {
1180
1180
  "fontSize": "{typography.size.L} * {figma.typography.size.base}",
1181
- "fontWeight": "{text.headings-product.h1.value.fontWeight}",
1181
+ "fontWeight": "{typography.font-weight.semibold}",
1182
1182
  "fontFamily": "{text.headings-product.h1.value.fontFamily}",
1183
1183
  "lineHeight": "{text.headings-product.h1.value.lineHeight}"
1184
1184
  },
@@ -3586,6 +3586,64 @@
3586
3586
  ]
3587
3587
  }
3588
3588
  },
3589
+ "critical": {
3590
+ "background": {
3591
+ "value": "#ef5c48",
3592
+ "public": true,
3593
+ "isReferenceToInternal": true,
3594
+ "filePath": "tokens/color/alias/badge.dark.json",
3595
+ "isSource": true,
3596
+ "original": {
3597
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
3598
+ "public": true,
3599
+ "isReferenceToInternal": true
3600
+ },
3601
+ "name": "color-dark-mode-badge-indicator-critical-background",
3602
+ "attributes": {
3603
+ "category": "color",
3604
+ "type": "dark-mode",
3605
+ "item": "badge",
3606
+ "subitem": "indicator",
3607
+ "state": "critical"
3608
+ },
3609
+ "path": [
3610
+ "color",
3611
+ "dark-mode",
3612
+ "badge",
3613
+ "indicator",
3614
+ "critical",
3615
+ "background"
3616
+ ]
3617
+ },
3618
+ "foreground": {
3619
+ "value": "#ffffff",
3620
+ "public": true,
3621
+ "isReferenceToInternal": true,
3622
+ "filePath": "tokens/color/alias/badge.dark.json",
3623
+ "isSource": true,
3624
+ "original": {
3625
+ "value": "{color.dark-mode.neutral.000.value}",
3626
+ "public": true,
3627
+ "isReferenceToInternal": true
3628
+ },
3629
+ "name": "color-dark-mode-badge-indicator-critical-foreground",
3630
+ "attributes": {
3631
+ "category": "color",
3632
+ "type": "dark-mode",
3633
+ "item": "badge",
3634
+ "subitem": "indicator",
3635
+ "state": "critical"
3636
+ },
3637
+ "path": [
3638
+ "color",
3639
+ "dark-mode",
3640
+ "badge",
3641
+ "indicator",
3642
+ "critical",
3643
+ "foreground"
3644
+ ]
3645
+ }
3646
+ },
3589
3647
  "info": {
3590
3648
  "background": {
3591
3649
  "value": "#388bff",
@@ -3759,6 +3817,64 @@
3759
3817
  "foreground"
3760
3818
  ]
3761
3819
  }
3820
+ },
3821
+ "warning": {
3822
+ "background": {
3823
+ "value": "#cf9f02",
3824
+ "public": true,
3825
+ "isReferenceToInternal": true,
3826
+ "filePath": "tokens/color/alias/badge.dark.json",
3827
+ "isSource": true,
3828
+ "original": {
3829
+ "value": "{color.dark-mode.semantic.warning.foreground.value}",
3830
+ "public": true,
3831
+ "isReferenceToInternal": true
3832
+ },
3833
+ "name": "color-dark-mode-badge-indicator-warning-background",
3834
+ "attributes": {
3835
+ "category": "color",
3836
+ "type": "dark-mode",
3837
+ "item": "badge",
3838
+ "subitem": "indicator",
3839
+ "state": "warning"
3840
+ },
3841
+ "path": [
3842
+ "color",
3843
+ "dark-mode",
3844
+ "badge",
3845
+ "indicator",
3846
+ "warning",
3847
+ "background"
3848
+ ]
3849
+ },
3850
+ "foreground": {
3851
+ "value": "#ffffff",
3852
+ "public": true,
3853
+ "isReferenceToInternal": true,
3854
+ "filePath": "tokens/color/alias/badge.dark.json",
3855
+ "isSource": true,
3856
+ "original": {
3857
+ "value": "{color.dark-mode.neutral.000.value}",
3858
+ "public": true,
3859
+ "isReferenceToInternal": true
3860
+ },
3861
+ "name": "color-dark-mode-badge-indicator-warning-foreground",
3862
+ "attributes": {
3863
+ "category": "color",
3864
+ "type": "dark-mode",
3865
+ "item": "badge",
3866
+ "subitem": "indicator",
3867
+ "state": "warning"
3868
+ },
3869
+ "path": [
3870
+ "color",
3871
+ "dark-mode",
3872
+ "badge",
3873
+ "indicator",
3874
+ "warning",
3875
+ "foreground"
3876
+ ]
3877
+ }
3762
3878
  }
3763
3879
  }
3764
3880
  },
@@ -10341,6 +10457,64 @@
10341
10457
  ]
10342
10458
  }
10343
10459
  },
10460
+ "critical": {
10461
+ "background": {
10462
+ "value": "#ca3521",
10463
+ "public": true,
10464
+ "isReferenceToInternal": true,
10465
+ "filePath": "tokens/color/alias/badge.light.json",
10466
+ "isSource": true,
10467
+ "original": {
10468
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
10469
+ "public": true,
10470
+ "isReferenceToInternal": true
10471
+ },
10472
+ "name": "color-light-mode-badge-indicator-critical-background",
10473
+ "attributes": {
10474
+ "category": "color",
10475
+ "type": "light-mode",
10476
+ "item": "badge",
10477
+ "subitem": "indicator",
10478
+ "state": "critical"
10479
+ },
10480
+ "path": [
10481
+ "color",
10482
+ "light-mode",
10483
+ "badge",
10484
+ "indicator",
10485
+ "critical",
10486
+ "background"
10487
+ ]
10488
+ },
10489
+ "foreground": {
10490
+ "value": "#ffffff",
10491
+ "public": true,
10492
+ "isReferenceToInternal": true,
10493
+ "filePath": "tokens/color/alias/badge.light.json",
10494
+ "isSource": true,
10495
+ "original": {
10496
+ "value": "{color.light-mode.neutral.000.value}",
10497
+ "public": true,
10498
+ "isReferenceToInternal": true
10499
+ },
10500
+ "name": "color-light-mode-badge-indicator-critical-foreground",
10501
+ "attributes": {
10502
+ "category": "color",
10503
+ "type": "light-mode",
10504
+ "item": "badge",
10505
+ "subitem": "indicator",
10506
+ "state": "critical"
10507
+ },
10508
+ "path": [
10509
+ "color",
10510
+ "light-mode",
10511
+ "badge",
10512
+ "indicator",
10513
+ "critical",
10514
+ "foreground"
10515
+ ]
10516
+ }
10517
+ },
10344
10518
  "info": {
10345
10519
  "background": {
10346
10520
  "value": "#1d7afc",
@@ -10514,6 +10688,64 @@
10514
10688
  "foreground"
10515
10689
  ]
10516
10690
  }
10691
+ },
10692
+ "warning": {
10693
+ "background": {
10694
+ "value": "#d97008",
10695
+ "public": true,
10696
+ "isReferenceToInternal": true,
10697
+ "filePath": "tokens/color/alias/badge.light.json",
10698
+ "isSource": true,
10699
+ "original": {
10700
+ "value": "{color.light-mode.semantic.warning.foreground.value}",
10701
+ "public": true,
10702
+ "isReferenceToInternal": true
10703
+ },
10704
+ "name": "color-light-mode-badge-indicator-warning-background",
10705
+ "attributes": {
10706
+ "category": "color",
10707
+ "type": "light-mode",
10708
+ "item": "badge",
10709
+ "subitem": "indicator",
10710
+ "state": "warning"
10711
+ },
10712
+ "path": [
10713
+ "color",
10714
+ "light-mode",
10715
+ "badge",
10716
+ "indicator",
10717
+ "warning",
10718
+ "background"
10719
+ ]
10720
+ },
10721
+ "foreground": {
10722
+ "value": "#ffffff",
10723
+ "public": true,
10724
+ "isReferenceToInternal": true,
10725
+ "filePath": "tokens/color/alias/badge.light.json",
10726
+ "isSource": true,
10727
+ "original": {
10728
+ "value": "{color.light-mode.neutral.000.value}",
10729
+ "public": true,
10730
+ "isReferenceToInternal": true
10731
+ },
10732
+ "name": "color-light-mode-badge-indicator-warning-foreground",
10733
+ "attributes": {
10734
+ "category": "color",
10735
+ "type": "light-mode",
10736
+ "item": "badge",
10737
+ "subitem": "indicator",
10738
+ "state": "warning"
10739
+ },
10740
+ "path": [
10741
+ "color",
10742
+ "light-mode",
10743
+ "badge",
10744
+ "indicator",
10745
+ "warning",
10746
+ "foreground"
10747
+ ]
10748
+ }
10517
10749
  }
10518
10750
  }
10519
10751
  },
@@ -16183,6 +16415,386 @@
16183
16415
  "gradient",
16184
16416
  "pastel-1"
16185
16417
  ]
16418
+ },
16419
+ "avatar": {
16420
+ "g01": {
16421
+ "value": "linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%)",
16422
+ "public": true,
16423
+ "filePath": "tokens/color/base/gradients.light.json",
16424
+ "isSource": true,
16425
+ "original": {
16426
+ "value": "{color.light-mode.gradient.sunrise.value}",
16427
+ "public": true
16428
+ },
16429
+ "name": "color-light-mode-gradient-avatar-g01",
16430
+ "attributes": {
16431
+ "category": "color",
16432
+ "type": "light-mode",
16433
+ "item": "gradient",
16434
+ "subitem": "avatar",
16435
+ "state": "g01"
16436
+ },
16437
+ "path": [
16438
+ "color",
16439
+ "light-mode",
16440
+ "gradient",
16441
+ "avatar",
16442
+ "g01"
16443
+ ]
16444
+ },
16445
+ "g02": {
16446
+ "value": "linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%)",
16447
+ "public": true,
16448
+ "filePath": "tokens/color/base/gradients.light.json",
16449
+ "isSource": true,
16450
+ "original": {
16451
+ "value": "{color.light-mode.gradient.sunset.value}",
16452
+ "public": true
16453
+ },
16454
+ "name": "color-light-mode-gradient-avatar-g02",
16455
+ "attributes": {
16456
+ "category": "color",
16457
+ "type": "light-mode",
16458
+ "item": "gradient",
16459
+ "subitem": "avatar",
16460
+ "state": "g02"
16461
+ },
16462
+ "path": [
16463
+ "color",
16464
+ "light-mode",
16465
+ "gradient",
16466
+ "avatar",
16467
+ "g02"
16468
+ ]
16469
+ },
16470
+ "g03": {
16471
+ "value": "linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%)",
16472
+ "public": true,
16473
+ "filePath": "tokens/color/base/gradients.light.json",
16474
+ "isSource": true,
16475
+ "original": {
16476
+ "value": "{color.light-mode.gradient.after-hours.value}",
16477
+ "public": true
16478
+ },
16479
+ "name": "color-light-mode-gradient-avatar-g03",
16480
+ "attributes": {
16481
+ "category": "color",
16482
+ "type": "light-mode",
16483
+ "item": "gradient",
16484
+ "subitem": "avatar",
16485
+ "state": "g03"
16486
+ },
16487
+ "path": [
16488
+ "color",
16489
+ "light-mode",
16490
+ "gradient",
16491
+ "avatar",
16492
+ "g03"
16493
+ ]
16494
+ },
16495
+ "g04": {
16496
+ "value": "linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%)",
16497
+ "public": true,
16498
+ "filePath": "tokens/color/base/gradients.light.json",
16499
+ "isSource": true,
16500
+ "original": {
16501
+ "value": "{color.light-mode.gradient.midnight.value}",
16502
+ "public": true
16503
+ },
16504
+ "name": "color-light-mode-gradient-avatar-g04",
16505
+ "attributes": {
16506
+ "category": "color",
16507
+ "type": "light-mode",
16508
+ "item": "gradient",
16509
+ "subitem": "avatar",
16510
+ "state": "g04"
16511
+ },
16512
+ "path": [
16513
+ "color",
16514
+ "light-mode",
16515
+ "gradient",
16516
+ "avatar",
16517
+ "g04"
16518
+ ]
16519
+ },
16520
+ "g05": {
16521
+ "value": "linear-gradient(138deg, #E65F35 13.12%, #1B0874 93.73%)",
16522
+ "type": "color",
16523
+ "public": true,
16524
+ "filePath": "tokens/color/base/gradients.light.json",
16525
+ "isSource": true,
16526
+ "original": {
16527
+ "value": {
16528
+ "type": "linear-gradient",
16529
+ "angle": "138deg",
16530
+ "colors": {
16531
+ "1": "#E65F35 13.12%",
16532
+ "2": "#1B0874 93.73%"
16533
+ }
16534
+ },
16535
+ "type": "color",
16536
+ "public": true
16537
+ },
16538
+ "name": "color-light-mode-gradient-avatar-g05",
16539
+ "attributes": {
16540
+ "category": "color",
16541
+ "type": "light-mode",
16542
+ "item": "gradient",
16543
+ "subitem": "avatar",
16544
+ "state": "g05"
16545
+ },
16546
+ "path": [
16547
+ "color",
16548
+ "light-mode",
16549
+ "gradient",
16550
+ "avatar",
16551
+ "g05"
16552
+ ]
16553
+ },
16554
+ "g06": {
16555
+ "value": "linear-gradient(138deg, #EF13AD 12.78%, #1B0874 97.85%)",
16556
+ "type": "color",
16557
+ "public": true,
16558
+ "filePath": "tokens/color/base/gradients.light.json",
16559
+ "isSource": true,
16560
+ "original": {
16561
+ "value": {
16562
+ "type": "linear-gradient",
16563
+ "angle": "138deg",
16564
+ "colors": {
16565
+ "1": "#EF13AD 12.78%",
16566
+ "2": "#1B0874 97.85%"
16567
+ }
16568
+ },
16569
+ "type": "color",
16570
+ "public": true
16571
+ },
16572
+ "name": "color-light-mode-gradient-avatar-g06",
16573
+ "attributes": {
16574
+ "category": "color",
16575
+ "type": "light-mode",
16576
+ "item": "gradient",
16577
+ "subitem": "avatar",
16578
+ "state": "g06"
16579
+ },
16580
+ "path": [
16581
+ "color",
16582
+ "light-mode",
16583
+ "gradient",
16584
+ "avatar",
16585
+ "g06"
16586
+ ]
16587
+ },
16588
+ "g07": {
16589
+ "value": "linear-gradient(139deg, #29B2FF 9.79%, #2365C0 50.54%, #1B0874 99.32%)",
16590
+ "type": "color",
16591
+ "public": true,
16592
+ "filePath": "tokens/color/base/gradients.light.json",
16593
+ "isSource": true,
16594
+ "original": {
16595
+ "value": {
16596
+ "type": "linear-gradient",
16597
+ "angle": "139deg",
16598
+ "colors": {
16599
+ "1": "#29B2FF 9.79%",
16600
+ "2": "#2365C0 50.54%",
16601
+ "3": "#1B0874 99.32%"
16602
+ }
16603
+ },
16604
+ "type": "color",
16605
+ "public": true
16606
+ },
16607
+ "name": "color-light-mode-gradient-avatar-g07",
16608
+ "attributes": {
16609
+ "category": "color",
16610
+ "type": "light-mode",
16611
+ "item": "gradient",
16612
+ "subitem": "avatar",
16613
+ "state": "g07"
16614
+ },
16615
+ "path": [
16616
+ "color",
16617
+ "light-mode",
16618
+ "gradient",
16619
+ "avatar",
16620
+ "g07"
16621
+ ]
16622
+ },
16623
+ "g08": {
16624
+ "value": "linear-gradient(139deg, #00E0C3 6.57%, #0C7D9F 51.07%, #1B0874 97.18%)",
16625
+ "type": "color",
16626
+ "public": true,
16627
+ "filePath": "tokens/color/base/gradients.light.json",
16628
+ "isSource": true,
16629
+ "original": {
16630
+ "value": {
16631
+ "type": "linear-gradient",
16632
+ "angle": "139deg",
16633
+ "colors": {
16634
+ "1": "#00E0C3 6.57%",
16635
+ "2": "#0C7D9F 51.07%",
16636
+ "3": "#1B0874 97.18%"
16637
+ }
16638
+ },
16639
+ "type": "color",
16640
+ "public": true
16641
+ },
16642
+ "name": "color-light-mode-gradient-avatar-g08",
16643
+ "attributes": {
16644
+ "category": "color",
16645
+ "type": "light-mode",
16646
+ "item": "gradient",
16647
+ "subitem": "avatar",
16648
+ "state": "g08"
16649
+ },
16650
+ "path": [
16651
+ "color",
16652
+ "light-mode",
16653
+ "gradient",
16654
+ "avatar",
16655
+ "g08"
16656
+ ]
16657
+ },
16658
+ "g09": {
16659
+ "value": "linear-gradient(319deg, #FFD808 8.18%, #DA8E32 38.74%, #9A0066 96.11%)",
16660
+ "type": "color",
16661
+ "public": true,
16662
+ "filePath": "tokens/color/base/gradients.light.json",
16663
+ "isSource": true,
16664
+ "original": {
16665
+ "value": {
16666
+ "type": "linear-gradient",
16667
+ "angle": "319deg",
16668
+ "colors": {
16669
+ "1": "#FFD808 8.18%",
16670
+ "2": "#DA8E32 38.74%",
16671
+ "3": "#9A0066 96.11%"
16672
+ }
16673
+ },
16674
+ "type": "color",
16675
+ "public": true
16676
+ },
16677
+ "name": "color-light-mode-gradient-avatar-g09",
16678
+ "attributes": {
16679
+ "category": "color",
16680
+ "type": "light-mode",
16681
+ "item": "gradient",
16682
+ "subitem": "avatar",
16683
+ "state": "g09"
16684
+ },
16685
+ "path": [
16686
+ "color",
16687
+ "light-mode",
16688
+ "gradient",
16689
+ "avatar",
16690
+ "g09"
16691
+ ]
16692
+ },
16693
+ "g10": {
16694
+ "value": "linear-gradient(319deg, #FF99DC 13.01%, #6D41B4 72.52%, #371EA3 92.89%)",
16695
+ "type": "color",
16696
+ "public": true,
16697
+ "filePath": "tokens/color/base/gradients.light.json",
16698
+ "isSource": true,
16699
+ "original": {
16700
+ "value": {
16701
+ "type": "linear-gradient",
16702
+ "angle": "319deg",
16703
+ "colors": {
16704
+ "1": "#FF99DC 13.01%",
16705
+ "2": "#6D41B4 72.52%",
16706
+ "3": "#371EA3 92.89%"
16707
+ }
16708
+ },
16709
+ "type": "color",
16710
+ "public": true
16711
+ },
16712
+ "name": "color-light-mode-gradient-avatar-g10",
16713
+ "attributes": {
16714
+ "category": "color",
16715
+ "type": "light-mode",
16716
+ "item": "gradient",
16717
+ "subitem": "avatar",
16718
+ "state": "g10"
16719
+ },
16720
+ "path": [
16721
+ "color",
16722
+ "light-mode",
16723
+ "gradient",
16724
+ "avatar",
16725
+ "g10"
16726
+ ]
16727
+ },
16728
+ "g11": {
16729
+ "value": "linear-gradient(319deg, #FFF1A9 10.33%, #F0829F 53.22%, #DE0093 97.18%)",
16730
+ "type": "color",
16731
+ "public": true,
16732
+ "filePath": "tokens/color/base/gradients.light.json",
16733
+ "isSource": true,
16734
+ "original": {
16735
+ "value": {
16736
+ "type": "linear-gradient",
16737
+ "angle": "319deg",
16738
+ "colors": {
16739
+ "1": "#FFF1A9 10.33%",
16740
+ "2": "#F0829F 53.22%",
16741
+ "3": "#DE0093 97.18%"
16742
+ }
16743
+ },
16744
+ "type": "color",
16745
+ "public": true
16746
+ },
16747
+ "name": "color-light-mode-gradient-avatar-g11",
16748
+ "attributes": {
16749
+ "category": "color",
16750
+ "type": "light-mode",
16751
+ "item": "gradient",
16752
+ "subitem": "avatar",
16753
+ "state": "g11"
16754
+ },
16755
+ "path": [
16756
+ "color",
16757
+ "light-mode",
16758
+ "gradient",
16759
+ "avatar",
16760
+ "g11"
16761
+ ]
16762
+ },
16763
+ "g12": {
16764
+ "value": "linear-gradient(319deg, #96DAB7 14.62%, #1DACFC 53.22%, #1666D6 97.18%)",
16765
+ "type": "color",
16766
+ "public": true,
16767
+ "filePath": "tokens/color/base/gradients.light.json",
16768
+ "isSource": true,
16769
+ "original": {
16770
+ "value": {
16771
+ "type": "linear-gradient",
16772
+ "angle": "319deg",
16773
+ "colors": {
16774
+ "1": "#96DAB7 14.62%",
16775
+ "2": "#1DACFC 53.22%",
16776
+ "3": "#1666D6 97.18%"
16777
+ }
16778
+ },
16779
+ "type": "color",
16780
+ "public": true
16781
+ },
16782
+ "name": "color-light-mode-gradient-avatar-g12",
16783
+ "attributes": {
16784
+ "category": "color",
16785
+ "type": "light-mode",
16786
+ "item": "gradient",
16787
+ "subitem": "avatar",
16788
+ "state": "g12"
16789
+ },
16790
+ "path": [
16791
+ "color",
16792
+ "light-mode",
16793
+ "gradient",
16794
+ "avatar",
16795
+ "g12"
16796
+ ]
16797
+ }
16186
16798
  }
16187
16799
  },
16188
16800
  "interactive": {