@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/json/pds-design-tokens-dark-mode.json CHANGED
@@ -689,6 +689,64 @@
689
689
  ]
690
690
  }
691
691
  },
692
+ "critical": {
693
+ "background": {
694
+ "value": "#ef5c48",
695
+ "public": true,
696
+ "isReferenceToInternal": true,
697
+ "filePath": "tokens/color/alias/badge.dark.json",
698
+ "isSource": true,
699
+ "original": {
700
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
701
+ "public": true,
702
+ "isReferenceToInternal": true
703
+ },
704
+ "name": "color-dark-mode-badge-indicator-critical-background",
705
+ "attributes": {
706
+ "category": "color",
707
+ "type": "dark-mode",
708
+ "item": "badge",
709
+ "subitem": "indicator",
710
+ "state": "critical"
711
+ },
712
+ "path": [
713
+ "color",
714
+ "dark-mode",
715
+ "badge",
716
+ "indicator",
717
+ "critical",
718
+ "background"
719
+ ]
720
+ },
721
+ "foreground": {
722
+ "value": "#ffffff",
723
+ "public": true,
724
+ "isReferenceToInternal": true,
725
+ "filePath": "tokens/color/alias/badge.dark.json",
726
+ "isSource": true,
727
+ "original": {
728
+ "value": "{color.dark-mode.neutral.000.value}",
729
+ "public": true,
730
+ "isReferenceToInternal": true
731
+ },
732
+ "name": "color-dark-mode-badge-indicator-critical-foreground",
733
+ "attributes": {
734
+ "category": "color",
735
+ "type": "dark-mode",
736
+ "item": "badge",
737
+ "subitem": "indicator",
738
+ "state": "critical"
739
+ },
740
+ "path": [
741
+ "color",
742
+ "dark-mode",
743
+ "badge",
744
+ "indicator",
745
+ "critical",
746
+ "foreground"
747
+ ]
748
+ }
749
+ },
692
750
  "info": {
693
751
  "background": {
694
752
  "value": "#388bff",
@@ -862,6 +920,64 @@
862
920
  "foreground"
863
921
  ]
864
922
  }
923
+ },
924
+ "warning": {
925
+ "background": {
926
+ "value": "#cf9f02",
927
+ "public": true,
928
+ "isReferenceToInternal": true,
929
+ "filePath": "tokens/color/alias/badge.dark.json",
930
+ "isSource": true,
931
+ "original": {
932
+ "value": "{color.dark-mode.semantic.warning.foreground.value}",
933
+ "public": true,
934
+ "isReferenceToInternal": true
935
+ },
936
+ "name": "color-dark-mode-badge-indicator-warning-background",
937
+ "attributes": {
938
+ "category": "color",
939
+ "type": "dark-mode",
940
+ "item": "badge",
941
+ "subitem": "indicator",
942
+ "state": "warning"
943
+ },
944
+ "path": [
945
+ "color",
946
+ "dark-mode",
947
+ "badge",
948
+ "indicator",
949
+ "warning",
950
+ "background"
951
+ ]
952
+ },
953
+ "foreground": {
954
+ "value": "#ffffff",
955
+ "public": true,
956
+ "isReferenceToInternal": true,
957
+ "filePath": "tokens/color/alias/badge.dark.json",
958
+ "isSource": true,
959
+ "original": {
960
+ "value": "{color.dark-mode.neutral.000.value}",
961
+ "public": true,
962
+ "isReferenceToInternal": true
963
+ },
964
+ "name": "color-dark-mode-badge-indicator-warning-foreground",
965
+ "attributes": {
966
+ "category": "color",
967
+ "type": "dark-mode",
968
+ "item": "badge",
969
+ "subitem": "indicator",
970
+ "state": "warning"
971
+ },
972
+ "path": [
973
+ "color",
974
+ "dark-mode",
975
+ "badge",
976
+ "indicator",
977
+ "warning",
978
+ "foreground"
979
+ ]
980
+ }
865
981
  }
866
982
  }
867
983
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -691,6 +691,64 @@
691
691
  ]
692
692
  }
693
693
  },
694
+ "critical": {
695
+ "background": {
696
+ "value": "#ca3521",
697
+ "public": true,
698
+ "isReferenceToInternal": true,
699
+ "filePath": "tokens/color/alias/badge.light.json",
700
+ "isSource": true,
701
+ "original": {
702
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
703
+ "public": true,
704
+ "isReferenceToInternal": true
705
+ },
706
+ "name": "color-light-mode-badge-indicator-critical-background",
707
+ "attributes": {
708
+ "category": "color",
709
+ "type": "light-mode",
710
+ "item": "badge",
711
+ "subitem": "indicator",
712
+ "state": "critical"
713
+ },
714
+ "path": [
715
+ "color",
716
+ "light-mode",
717
+ "badge",
718
+ "indicator",
719
+ "critical",
720
+ "background"
721
+ ]
722
+ },
723
+ "foreground": {
724
+ "value": "#ffffff",
725
+ "public": true,
726
+ "isReferenceToInternal": true,
727
+ "filePath": "tokens/color/alias/badge.light.json",
728
+ "isSource": true,
729
+ "original": {
730
+ "value": "{color.light-mode.neutral.000.value}",
731
+ "public": true,
732
+ "isReferenceToInternal": true
733
+ },
734
+ "name": "color-light-mode-badge-indicator-critical-foreground",
735
+ "attributes": {
736
+ "category": "color",
737
+ "type": "light-mode",
738
+ "item": "badge",
739
+ "subitem": "indicator",
740
+ "state": "critical"
741
+ },
742
+ "path": [
743
+ "color",
744
+ "light-mode",
745
+ "badge",
746
+ "indicator",
747
+ "critical",
748
+ "foreground"
749
+ ]
750
+ }
751
+ },
694
752
  "info": {
695
753
  "background": {
696
754
  "value": "#1d7afc",
@@ -864,6 +922,64 @@
864
922
  "foreground"
865
923
  ]
866
924
  }
925
+ },
926
+ "warning": {
927
+ "background": {
928
+ "value": "#d97008",
929
+ "public": true,
930
+ "isReferenceToInternal": true,
931
+ "filePath": "tokens/color/alias/badge.light.json",
932
+ "isSource": true,
933
+ "original": {
934
+ "value": "{color.light-mode.semantic.warning.foreground.value}",
935
+ "public": true,
936
+ "isReferenceToInternal": true
937
+ },
938
+ "name": "color-light-mode-badge-indicator-warning-background",
939
+ "attributes": {
940
+ "category": "color",
941
+ "type": "light-mode",
942
+ "item": "badge",
943
+ "subitem": "indicator",
944
+ "state": "warning"
945
+ },
946
+ "path": [
947
+ "color",
948
+ "light-mode",
949
+ "badge",
950
+ "indicator",
951
+ "warning",
952
+ "background"
953
+ ]
954
+ },
955
+ "foreground": {
956
+ "value": "#ffffff",
957
+ "public": true,
958
+ "isReferenceToInternal": true,
959
+ "filePath": "tokens/color/alias/badge.light.json",
960
+ "isSource": true,
961
+ "original": {
962
+ "value": "{color.light-mode.neutral.000.value}",
963
+ "public": true,
964
+ "isReferenceToInternal": true
965
+ },
966
+ "name": "color-light-mode-badge-indicator-warning-foreground",
967
+ "attributes": {
968
+ "category": "color",
969
+ "type": "light-mode",
970
+ "item": "badge",
971
+ "subitem": "indicator",
972
+ "state": "warning"
973
+ },
974
+ "path": [
975
+ "color",
976
+ "light-mode",
977
+ "badge",
978
+ "indicator",
979
+ "warning",
980
+ "foreground"
981
+ ]
982
+ }
867
983
  }
868
984
  }
869
985
  },
@@ -6534,6 +6650,386 @@
6534
6650
  "pastel-1"
6535
6651
  ]
6536
6652
  },
6653
+ "avatar": {
6654
+ "g01": {
6655
+ "value": "linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%)",
6656
+ "public": true,
6657
+ "filePath": "tokens/color/base/gradients.light.json",
6658
+ "isSource": true,
6659
+ "original": {
6660
+ "value": "{color.light-mode.gradient.sunrise.value}",
6661
+ "public": true
6662
+ },
6663
+ "name": "color-light-mode-gradient-avatar-g01",
6664
+ "attributes": {
6665
+ "category": "color",
6666
+ "type": "light-mode",
6667
+ "item": "gradient",
6668
+ "subitem": "avatar",
6669
+ "state": "g01"
6670
+ },
6671
+ "path": [
6672
+ "color",
6673
+ "light-mode",
6674
+ "gradient",
6675
+ "avatar",
6676
+ "g01"
6677
+ ]
6678
+ },
6679
+ "g02": {
6680
+ "value": "linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%)",
6681
+ "public": true,
6682
+ "filePath": "tokens/color/base/gradients.light.json",
6683
+ "isSource": true,
6684
+ "original": {
6685
+ "value": "{color.light-mode.gradient.sunset.value}",
6686
+ "public": true
6687
+ },
6688
+ "name": "color-light-mode-gradient-avatar-g02",
6689
+ "attributes": {
6690
+ "category": "color",
6691
+ "type": "light-mode",
6692
+ "item": "gradient",
6693
+ "subitem": "avatar",
6694
+ "state": "g02"
6695
+ },
6696
+ "path": [
6697
+ "color",
6698
+ "light-mode",
6699
+ "gradient",
6700
+ "avatar",
6701
+ "g02"
6702
+ ]
6703
+ },
6704
+ "g03": {
6705
+ "value": "linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%)",
6706
+ "public": true,
6707
+ "filePath": "tokens/color/base/gradients.light.json",
6708
+ "isSource": true,
6709
+ "original": {
6710
+ "value": "{color.light-mode.gradient.after-hours.value}",
6711
+ "public": true
6712
+ },
6713
+ "name": "color-light-mode-gradient-avatar-g03",
6714
+ "attributes": {
6715
+ "category": "color",
6716
+ "type": "light-mode",
6717
+ "item": "gradient",
6718
+ "subitem": "avatar",
6719
+ "state": "g03"
6720
+ },
6721
+ "path": [
6722
+ "color",
6723
+ "light-mode",
6724
+ "gradient",
6725
+ "avatar",
6726
+ "g03"
6727
+ ]
6728
+ },
6729
+ "g04": {
6730
+ "value": "linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%)",
6731
+ "public": true,
6732
+ "filePath": "tokens/color/base/gradients.light.json",
6733
+ "isSource": true,
6734
+ "original": {
6735
+ "value": "{color.light-mode.gradient.midnight.value}",
6736
+ "public": true
6737
+ },
6738
+ "name": "color-light-mode-gradient-avatar-g04",
6739
+ "attributes": {
6740
+ "category": "color",
6741
+ "type": "light-mode",
6742
+ "item": "gradient",
6743
+ "subitem": "avatar",
6744
+ "state": "g04"
6745
+ },
6746
+ "path": [
6747
+ "color",
6748
+ "light-mode",
6749
+ "gradient",
6750
+ "avatar",
6751
+ "g04"
6752
+ ]
6753
+ },
6754
+ "g05": {
6755
+ "value": "linear-gradient(138deg, #E65F35 13.12%, #1B0874 93.73%)",
6756
+ "type": "color",
6757
+ "public": true,
6758
+ "filePath": "tokens/color/base/gradients.light.json",
6759
+ "isSource": true,
6760
+ "original": {
6761
+ "value": {
6762
+ "type": "linear-gradient",
6763
+ "angle": "138deg",
6764
+ "colors": {
6765
+ "1": "#E65F35 13.12%",
6766
+ "2": "#1B0874 93.73%"
6767
+ }
6768
+ },
6769
+ "type": "color",
6770
+ "public": true
6771
+ },
6772
+ "name": "color-light-mode-gradient-avatar-g05",
6773
+ "attributes": {
6774
+ "category": "color",
6775
+ "type": "light-mode",
6776
+ "item": "gradient",
6777
+ "subitem": "avatar",
6778
+ "state": "g05"
6779
+ },
6780
+ "path": [
6781
+ "color",
6782
+ "light-mode",
6783
+ "gradient",
6784
+ "avatar",
6785
+ "g05"
6786
+ ]
6787
+ },
6788
+ "g06": {
6789
+ "value": "linear-gradient(138deg, #EF13AD 12.78%, #1B0874 97.85%)",
6790
+ "type": "color",
6791
+ "public": true,
6792
+ "filePath": "tokens/color/base/gradients.light.json",
6793
+ "isSource": true,
6794
+ "original": {
6795
+ "value": {
6796
+ "type": "linear-gradient",
6797
+ "angle": "138deg",
6798
+ "colors": {
6799
+ "1": "#EF13AD 12.78%",
6800
+ "2": "#1B0874 97.85%"
6801
+ }
6802
+ },
6803
+ "type": "color",
6804
+ "public": true
6805
+ },
6806
+ "name": "color-light-mode-gradient-avatar-g06",
6807
+ "attributes": {
6808
+ "category": "color",
6809
+ "type": "light-mode",
6810
+ "item": "gradient",
6811
+ "subitem": "avatar",
6812
+ "state": "g06"
6813
+ },
6814
+ "path": [
6815
+ "color",
6816
+ "light-mode",
6817
+ "gradient",
6818
+ "avatar",
6819
+ "g06"
6820
+ ]
6821
+ },
6822
+ "g07": {
6823
+ "value": "linear-gradient(139deg, #29B2FF 9.79%, #2365C0 50.54%, #1B0874 99.32%)",
6824
+ "type": "color",
6825
+ "public": true,
6826
+ "filePath": "tokens/color/base/gradients.light.json",
6827
+ "isSource": true,
6828
+ "original": {
6829
+ "value": {
6830
+ "type": "linear-gradient",
6831
+ "angle": "139deg",
6832
+ "colors": {
6833
+ "1": "#29B2FF 9.79%",
6834
+ "2": "#2365C0 50.54%",
6835
+ "3": "#1B0874 99.32%"
6836
+ }
6837
+ },
6838
+ "type": "color",
6839
+ "public": true
6840
+ },
6841
+ "name": "color-light-mode-gradient-avatar-g07",
6842
+ "attributes": {
6843
+ "category": "color",
6844
+ "type": "light-mode",
6845
+ "item": "gradient",
6846
+ "subitem": "avatar",
6847
+ "state": "g07"
6848
+ },
6849
+ "path": [
6850
+ "color",
6851
+ "light-mode",
6852
+ "gradient",
6853
+ "avatar",
6854
+ "g07"
6855
+ ]
6856
+ },
6857
+ "g08": {
6858
+ "value": "linear-gradient(139deg, #00E0C3 6.57%, #0C7D9F 51.07%, #1B0874 97.18%)",
6859
+ "type": "color",
6860
+ "public": true,
6861
+ "filePath": "tokens/color/base/gradients.light.json",
6862
+ "isSource": true,
6863
+ "original": {
6864
+ "value": {
6865
+ "type": "linear-gradient",
6866
+ "angle": "139deg",
6867
+ "colors": {
6868
+ "1": "#00E0C3 6.57%",
6869
+ "2": "#0C7D9F 51.07%",
6870
+ "3": "#1B0874 97.18%"
6871
+ }
6872
+ },
6873
+ "type": "color",
6874
+ "public": true
6875
+ },
6876
+ "name": "color-light-mode-gradient-avatar-g08",
6877
+ "attributes": {
6878
+ "category": "color",
6879
+ "type": "light-mode",
6880
+ "item": "gradient",
6881
+ "subitem": "avatar",
6882
+ "state": "g08"
6883
+ },
6884
+ "path": [
6885
+ "color",
6886
+ "light-mode",
6887
+ "gradient",
6888
+ "avatar",
6889
+ "g08"
6890
+ ]
6891
+ },
6892
+ "g09": {
6893
+ "value": "linear-gradient(319deg, #FFD808 8.18%, #DA8E32 38.74%, #9A0066 96.11%)",
6894
+ "type": "color",
6895
+ "public": true,
6896
+ "filePath": "tokens/color/base/gradients.light.json",
6897
+ "isSource": true,
6898
+ "original": {
6899
+ "value": {
6900
+ "type": "linear-gradient",
6901
+ "angle": "319deg",
6902
+ "colors": {
6903
+ "1": "#FFD808 8.18%",
6904
+ "2": "#DA8E32 38.74%",
6905
+ "3": "#9A0066 96.11%"
6906
+ }
6907
+ },
6908
+ "type": "color",
6909
+ "public": true
6910
+ },
6911
+ "name": "color-light-mode-gradient-avatar-g09",
6912
+ "attributes": {
6913
+ "category": "color",
6914
+ "type": "light-mode",
6915
+ "item": "gradient",
6916
+ "subitem": "avatar",
6917
+ "state": "g09"
6918
+ },
6919
+ "path": [
6920
+ "color",
6921
+ "light-mode",
6922
+ "gradient",
6923
+ "avatar",
6924
+ "g09"
6925
+ ]
6926
+ },
6927
+ "g10": {
6928
+ "value": "linear-gradient(319deg, #FF99DC 13.01%, #6D41B4 72.52%, #371EA3 92.89%)",
6929
+ "type": "color",
6930
+ "public": true,
6931
+ "filePath": "tokens/color/base/gradients.light.json",
6932
+ "isSource": true,
6933
+ "original": {
6934
+ "value": {
6935
+ "type": "linear-gradient",
6936
+ "angle": "319deg",
6937
+ "colors": {
6938
+ "1": "#FF99DC 13.01%",
6939
+ "2": "#6D41B4 72.52%",
6940
+ "3": "#371EA3 92.89%"
6941
+ }
6942
+ },
6943
+ "type": "color",
6944
+ "public": true
6945
+ },
6946
+ "name": "color-light-mode-gradient-avatar-g10",
6947
+ "attributes": {
6948
+ "category": "color",
6949
+ "type": "light-mode",
6950
+ "item": "gradient",
6951
+ "subitem": "avatar",
6952
+ "state": "g10"
6953
+ },
6954
+ "path": [
6955
+ "color",
6956
+ "light-mode",
6957
+ "gradient",
6958
+ "avatar",
6959
+ "g10"
6960
+ ]
6961
+ },
6962
+ "g11": {
6963
+ "value": "linear-gradient(319deg, #FFF1A9 10.33%, #F0829F 53.22%, #DE0093 97.18%)",
6964
+ "type": "color",
6965
+ "public": true,
6966
+ "filePath": "tokens/color/base/gradients.light.json",
6967
+ "isSource": true,
6968
+ "original": {
6969
+ "value": {
6970
+ "type": "linear-gradient",
6971
+ "angle": "319deg",
6972
+ "colors": {
6973
+ "1": "#FFF1A9 10.33%",
6974
+ "2": "#F0829F 53.22%",
6975
+ "3": "#DE0093 97.18%"
6976
+ }
6977
+ },
6978
+ "type": "color",
6979
+ "public": true
6980
+ },
6981
+ "name": "color-light-mode-gradient-avatar-g11",
6982
+ "attributes": {
6983
+ "category": "color",
6984
+ "type": "light-mode",
6985
+ "item": "gradient",
6986
+ "subitem": "avatar",
6987
+ "state": "g11"
6988
+ },
6989
+ "path": [
6990
+ "color",
6991
+ "light-mode",
6992
+ "gradient",
6993
+ "avatar",
6994
+ "g11"
6995
+ ]
6996
+ },
6997
+ "g12": {
6998
+ "value": "linear-gradient(319deg, #96DAB7 14.62%, #1DACFC 53.22%, #1666D6 97.18%)",
6999
+ "type": "color",
7000
+ "public": true,
7001
+ "filePath": "tokens/color/base/gradients.light.json",
7002
+ "isSource": true,
7003
+ "original": {
7004
+ "value": {
7005
+ "type": "linear-gradient",
7006
+ "angle": "319deg",
7007
+ "colors": {
7008
+ "1": "#96DAB7 14.62%",
7009
+ "2": "#1DACFC 53.22%",
7010
+ "3": "#1666D6 97.18%"
7011
+ }
7012
+ },
7013
+ "type": "color",
7014
+ "public": true
7015
+ },
7016
+ "name": "color-light-mode-gradient-avatar-g12",
7017
+ "attributes": {
7018
+ "category": "color",
7019
+ "type": "light-mode",
7020
+ "item": "gradient",
7021
+ "subitem": "avatar",
7022
+ "state": "g12"
7023
+ },
7024
+ "path": [
7025
+ "color",
7026
+ "light-mode",
7027
+ "gradient",
7028
+ "avatar",
7029
+ "g12"
7030
+ ]
7031
+ }
7032
+ },
6537
7033
  "banner": {
6538
7034
  "info": {
6539
7035
  "background": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.124",
3
+ "version": "1.0.0-dev.126",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [