@pantheon-systems/pds-design-tokens 1.0.0-dev.134 → 1.0.0-dev.135

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 +8 -4
  2. package/build/css/pds-design-tokens-light-mode.css +10 -5
  3. package/build/figma/pds-design-tokens-figma.json +543 -274
  4. package/build/json/pds-design-tokens-dark-mode.json +220 -98
  5. package/build/json/pds-design-tokens-light-mode.json +247 -100
  6. package/package.json +1 -1
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2733,114 +2733,236 @@
2733
2733
  }
2734
2734
  },
2735
2735
  "icon-button": {
2736
- "background": {
2737
- "default": {
2738
- "value": "rgba(0, 0, 0, 0)",
2739
- "public": true,
2740
- "filePath": "tokens/color/alias/button.light.json",
2741
- "isSource": true,
2742
- "original": {
2743
- "value": "transparent",
2744
- "public": true
2745
- },
2746
- "name": "color-light-mode-icon-button-background-default",
2747
- "attributes": {
2748
- "category": "color",
2749
- "type": "light-mode",
2750
- "item": "icon-button",
2751
- "subitem": "background",
2752
- "state": "default"
2753
- },
2754
- "path": [
2755
- "color",
2756
- "light-mode",
2757
- "icon-button",
2758
- "background",
2759
- "default"
2760
- ]
2761
- },
2762
- "hover": {
2763
- "value": "#f1f1f1",
2764
- "public": true,
2765
- "isReferenceToInternal": true,
2766
- "filePath": "tokens/color/alias/button.light.json",
2767
- "isSource": true,
2768
- "original": {
2769
- "value": "{color.light-mode.neutral.200.value}",
2736
+ "standard": {
2737
+ "background": {
2738
+ "default": {
2739
+ "value": "rgba(0, 0, 0, 0)",
2770
2740
  "public": true,
2771
- "isReferenceToInternal": true
2741
+ "filePath": "tokens/color/alias/button.light.json",
2742
+ "isSource": true,
2743
+ "original": {
2744
+ "value": "transparent",
2745
+ "public": true
2746
+ },
2747
+ "name": "color-light-mode-icon-button-standard-background-default",
2748
+ "attributes": {
2749
+ "category": "color",
2750
+ "type": "light-mode",
2751
+ "item": "icon-button",
2752
+ "subitem": "standard",
2753
+ "state": "background"
2754
+ },
2755
+ "path": [
2756
+ "color",
2757
+ "light-mode",
2758
+ "icon-button",
2759
+ "standard",
2760
+ "background",
2761
+ "default"
2762
+ ]
2772
2763
  },
2773
- "name": "color-light-mode-icon-button-background-hover",
2774
- "attributes": {
2775
- "category": "color",
2776
- "type": "light-mode",
2777
- "item": "icon-button",
2778
- "subitem": "background",
2779
- "state": "hover"
2764
+ "hover": {
2765
+ "value": "#f1f1f1",
2766
+ "public": true,
2767
+ "isReferenceToInternal": true,
2768
+ "filePath": "tokens/color/alias/button.light.json",
2769
+ "isSource": true,
2770
+ "original": {
2771
+ "value": "{color.light-mode.neutral.200.value}",
2772
+ "public": true,
2773
+ "isReferenceToInternal": true
2774
+ },
2775
+ "name": "color-light-mode-icon-button-standard-background-hover",
2776
+ "attributes": {
2777
+ "category": "color",
2778
+ "type": "light-mode",
2779
+ "item": "icon-button",
2780
+ "subitem": "standard",
2781
+ "state": "background"
2782
+ },
2783
+ "path": [
2784
+ "color",
2785
+ "light-mode",
2786
+ "icon-button",
2787
+ "standard",
2788
+ "background",
2789
+ "hover"
2790
+ ]
2780
2791
  },
2781
- "path": [
2782
- "color",
2783
- "light-mode",
2784
- "icon-button",
2785
- "background",
2786
- "hover"
2787
- ]
2792
+ "active": {
2793
+ "value": "#cfcfd3",
2794
+ "public": true,
2795
+ "isReferenceToInternal": true,
2796
+ "filePath": "tokens/color/alias/button.light.json",
2797
+ "isSource": true,
2798
+ "original": {
2799
+ "value": "{color.light-mode.neutral.300.value}",
2800
+ "public": true,
2801
+ "isReferenceToInternal": true
2802
+ },
2803
+ "name": "color-light-mode-icon-button-standard-background-active",
2804
+ "attributes": {
2805
+ "category": "color",
2806
+ "type": "light-mode",
2807
+ "item": "icon-button",
2808
+ "subitem": "standard",
2809
+ "state": "background"
2810
+ },
2811
+ "path": [
2812
+ "color",
2813
+ "light-mode",
2814
+ "icon-button",
2815
+ "standard",
2816
+ "background",
2817
+ "active"
2818
+ ]
2819
+ }
2788
2820
  },
2789
- "active": {
2790
- "value": "#cfcfd3",
2791
- "public": true,
2792
- "isReferenceToInternal": true,
2793
- "filePath": "tokens/color/alias/button.light.json",
2794
- "isSource": true,
2795
- "original": {
2796
- "value": "{color.light-mode.neutral.300.value}",
2821
+ "foreground": {
2822
+ "default": {
2823
+ "value": "#6d6d78",
2797
2824
  "public": true,
2798
- "isReferenceToInternal": true
2799
- },
2800
- "name": "color-light-mode-icon-button-background-active",
2801
- "attributes": {
2802
- "category": "color",
2803
- "type": "light-mode",
2804
- "item": "icon-button",
2805
- "subitem": "background",
2806
- "state": "active"
2807
- },
2808
- "path": [
2809
- "color",
2810
- "light-mode",
2811
- "icon-button",
2812
- "background",
2813
- "active"
2814
- ]
2825
+ "isReferenceToInternal": true,
2826
+ "filePath": "tokens/color/alias/button.light.json",
2827
+ "isSource": true,
2828
+ "original": {
2829
+ "value": "{color.light-mode.neutral.400.value}",
2830
+ "public": true,
2831
+ "isReferenceToInternal": true
2832
+ },
2833
+ "name": "color-light-mode-icon-button-standard-foreground-default",
2834
+ "attributes": {
2835
+ "category": "color",
2836
+ "type": "light-mode",
2837
+ "item": "icon-button",
2838
+ "subitem": "standard",
2839
+ "state": "foreground"
2840
+ },
2841
+ "path": [
2842
+ "color",
2843
+ "light-mode",
2844
+ "icon-button",
2845
+ "standard",
2846
+ "foreground",
2847
+ "default"
2848
+ ]
2849
+ }
2815
2850
  }
2816
2851
  },
2817
- "foreground": {
2818
- "default": {
2819
- "value": "#23232d",
2820
- "public": true,
2821
- "isReferenceToInternal": true,
2822
- "filePath": "tokens/color/alias/button.light.json",
2823
- "isSource": true,
2824
- "original": {
2825
- "value": "{color.light-mode.neutral.500.value}",
2852
+ "critical": {
2853
+ "background": {
2854
+ "default": {
2855
+ "value": "rgba(0, 0, 0, 0)",
2826
2856
  "public": true,
2827
- "isReferenceToInternal": true
2857
+ "filePath": "tokens/color/alias/button.light.json",
2858
+ "isSource": true,
2859
+ "original": {
2860
+ "value": "transparent",
2861
+ "public": true
2862
+ },
2863
+ "name": "color-light-mode-icon-button-critical-background-default",
2864
+ "attributes": {
2865
+ "category": "color",
2866
+ "type": "light-mode",
2867
+ "item": "icon-button",
2868
+ "subitem": "critical",
2869
+ "state": "background"
2870
+ },
2871
+ "path": [
2872
+ "color",
2873
+ "light-mode",
2874
+ "icon-button",
2875
+ "critical",
2876
+ "background",
2877
+ "default"
2878
+ ]
2828
2879
  },
2829
- "name": "color-light-mode-icon-button-foreground-default",
2830
- "attributes": {
2831
- "category": "color",
2832
- "type": "light-mode",
2833
- "item": "icon-button",
2834
- "subitem": "foreground",
2835
- "state": "default"
2880
+ "hover": {
2881
+ "value": "#ffedeb",
2882
+ "public": true,
2883
+ "isReferenceToInternal": true,
2884
+ "filePath": "tokens/color/alias/button.light.json",
2885
+ "isSource": true,
2886
+ "original": {
2887
+ "value": "{color.light-mode.semantic.critical.background.value}",
2888
+ "public": true,
2889
+ "isReferenceToInternal": true
2890
+ },
2891
+ "name": "color-light-mode-icon-button-critical-background-hover",
2892
+ "attributes": {
2893
+ "category": "color",
2894
+ "type": "light-mode",
2895
+ "item": "icon-button",
2896
+ "subitem": "critical",
2897
+ "state": "background"
2898
+ },
2899
+ "path": [
2900
+ "color",
2901
+ "light-mode",
2902
+ "icon-button",
2903
+ "critical",
2904
+ "background",
2905
+ "hover"
2906
+ ]
2836
2907
  },
2837
- "path": [
2838
- "color",
2839
- "light-mode",
2840
- "icon-button",
2841
- "foreground",
2842
- "default"
2843
- ]
2908
+ "active": {
2909
+ "value": "#fcc5be",
2910
+ "public": true,
2911
+ "isReferenceToInternal": true,
2912
+ "filePath": "tokens/color/alias/button.light.json",
2913
+ "isSource": true,
2914
+ "original": {
2915
+ "value": "{color.light-mode.semantic.critical.utility-light.value}",
2916
+ "public": true,
2917
+ "isReferenceToInternal": true
2918
+ },
2919
+ "name": "color-light-mode-icon-button-critical-background-active",
2920
+ "attributes": {
2921
+ "category": "color",
2922
+ "type": "light-mode",
2923
+ "item": "icon-button",
2924
+ "subitem": "critical",
2925
+ "state": "background"
2926
+ },
2927
+ "path": [
2928
+ "color",
2929
+ "light-mode",
2930
+ "icon-button",
2931
+ "critical",
2932
+ "background",
2933
+ "active"
2934
+ ]
2935
+ }
2936
+ },
2937
+ "foreground": {
2938
+ "default": {
2939
+ "value": "#ca3521",
2940
+ "public": true,
2941
+ "isReferenceToInternal": true,
2942
+ "filePath": "tokens/color/alias/button.light.json",
2943
+ "isSource": true,
2944
+ "original": {
2945
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
2946
+ "public": true,
2947
+ "isReferenceToInternal": true
2948
+ },
2949
+ "name": "color-light-mode-icon-button-critical-foreground-default",
2950
+ "attributes": {
2951
+ "category": "color",
2952
+ "type": "light-mode",
2953
+ "item": "icon-button",
2954
+ "subitem": "critical",
2955
+ "state": "foreground"
2956
+ },
2957
+ "path": [
2958
+ "color",
2959
+ "light-mode",
2960
+ "icon-button",
2961
+ "critical",
2962
+ "foreground",
2963
+ "default"
2964
+ ]
2965
+ }
2844
2966
  }
2845
2967
  }
2846
2968
  },
@@ -8283,12 +8405,12 @@
8283
8405
  ]
8284
8406
  },
8285
8407
  "utility": {
8286
- "value": "#000000",
8408
+ "value": "#f35945",
8287
8409
  "public": true,
8288
8410
  "filePath": "tokens/color/base/semantic.light.json",
8289
8411
  "isSource": true,
8290
8412
  "original": {
8291
- "value": "##F35945",
8413
+ "value": "#F35945",
8292
8414
  "public": true
8293
8415
  },
8294
8416
  "name": "color-light-mode-semantic-critical-utility",
@@ -8307,6 +8429,31 @@
8307
8429
  "utility"
8308
8430
  ]
8309
8431
  },
8432
+ "utility-light": {
8433
+ "value": "#fcc5be",
8434
+ "public": true,
8435
+ "filePath": "tokens/color/base/semantic.light.json",
8436
+ "isSource": true,
8437
+ "original": {
8438
+ "value": "#FCC5BE",
8439
+ "public": true
8440
+ },
8441
+ "name": "color-light-mode-semantic-critical-utility-light",
8442
+ "attributes": {
8443
+ "category": "color",
8444
+ "type": "light-mode",
8445
+ "item": "semantic",
8446
+ "subitem": "critical",
8447
+ "state": "utility-light"
8448
+ },
8449
+ "path": [
8450
+ "color",
8451
+ "light-mode",
8452
+ "semantic",
8453
+ "critical",
8454
+ "utility-light"
8455
+ ]
8456
+ },
8310
8457
  "background": {
8311
8458
  "value": "#ffedeb",
8312
8459
  "public": true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.134",
3
+ "version": "1.0.0-dev.135",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [