@pantheon-systems/pds-design-tokens 1.0.0-dev.133 → 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 +12 -7
  3. package/build/figma/pds-design-tokens-figma.json +545 -276
  4. package/build/json/pds-design-tokens-dark-mode.json +220 -98
  5. package/build/json/pds-design-tokens-light-mode.json +251 -104
  6. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -2729,114 +2729,236 @@
2729
2729
  }
2730
2730
  },
2731
2731
  "icon-button": {
2732
- "background": {
2733
- "default": {
2734
- "value": "rgba(0, 0, 0, 0)",
2735
- "public": true,
2736
- "filePath": "tokens/color/alias/button.dark.json",
2737
- "isSource": true,
2738
- "original": {
2739
- "value": "transparent",
2740
- "public": true
2741
- },
2742
- "name": "color-dark-mode-icon-button-background-default",
2743
- "attributes": {
2744
- "category": "color",
2745
- "type": "dark-mode",
2746
- "item": "icon-button",
2747
- "subitem": "background",
2748
- "state": "default"
2749
- },
2750
- "path": [
2751
- "color",
2752
- "dark-mode",
2753
- "icon-button",
2754
- "background",
2755
- "default"
2756
- ]
2757
- },
2758
- "hover": {
2759
- "value": "#a6a3b4",
2760
- "public": true,
2761
- "isReferenceToInternal": true,
2762
- "filePath": "tokens/color/alias/button.dark.json",
2763
- "isSource": true,
2764
- "original": {
2765
- "value": "{color.dark-mode.neutral.200.value}",
2732
+ "standard": {
2733
+ "background": {
2734
+ "default": {
2735
+ "value": "rgba(0, 0, 0, 0)",
2766
2736
  "public": true,
2767
- "isReferenceToInternal": true
2737
+ "filePath": "tokens/color/alias/button.dark.json",
2738
+ "isSource": true,
2739
+ "original": {
2740
+ "value": "transparent",
2741
+ "public": true
2742
+ },
2743
+ "name": "color-dark-mode-icon-button-standard-background-default",
2744
+ "attributes": {
2745
+ "category": "color",
2746
+ "type": "dark-mode",
2747
+ "item": "icon-button",
2748
+ "subitem": "standard",
2749
+ "state": "background"
2750
+ },
2751
+ "path": [
2752
+ "color",
2753
+ "dark-mode",
2754
+ "icon-button",
2755
+ "standard",
2756
+ "background",
2757
+ "default"
2758
+ ]
2768
2759
  },
2769
- "name": "color-dark-mode-icon-button-background-hover",
2770
- "attributes": {
2771
- "category": "color",
2772
- "type": "dark-mode",
2773
- "item": "icon-button",
2774
- "subitem": "background",
2775
- "state": "hover"
2760
+ "hover": {
2761
+ "value": "#a6a3b4",
2762
+ "public": true,
2763
+ "isReferenceToInternal": true,
2764
+ "filePath": "tokens/color/alias/button.dark.json",
2765
+ "isSource": true,
2766
+ "original": {
2767
+ "value": "{color.dark-mode.neutral.200.value}",
2768
+ "public": true,
2769
+ "isReferenceToInternal": true
2770
+ },
2771
+ "name": "color-dark-mode-icon-button-standard-background-hover",
2772
+ "attributes": {
2773
+ "category": "color",
2774
+ "type": "dark-mode",
2775
+ "item": "icon-button",
2776
+ "subitem": "standard",
2777
+ "state": "background"
2778
+ },
2779
+ "path": [
2780
+ "color",
2781
+ "dark-mode",
2782
+ "icon-button",
2783
+ "standard",
2784
+ "background",
2785
+ "hover"
2786
+ ]
2776
2787
  },
2777
- "path": [
2778
- "color",
2779
- "dark-mode",
2780
- "icon-button",
2781
- "background",
2782
- "hover"
2783
- ]
2788
+ "active": {
2789
+ "value": "#858299",
2790
+ "public": true,
2791
+ "isReferenceToInternal": true,
2792
+ "filePath": "tokens/color/alias/button.dark.json",
2793
+ "isSource": true,
2794
+ "original": {
2795
+ "value": "{color.dark-mode.neutral.300.value}",
2796
+ "public": true,
2797
+ "isReferenceToInternal": true
2798
+ },
2799
+ "name": "color-dark-mode-icon-button-standard-background-active",
2800
+ "attributes": {
2801
+ "category": "color",
2802
+ "type": "dark-mode",
2803
+ "item": "icon-button",
2804
+ "subitem": "standard",
2805
+ "state": "background"
2806
+ },
2807
+ "path": [
2808
+ "color",
2809
+ "dark-mode",
2810
+ "icon-button",
2811
+ "standard",
2812
+ "background",
2813
+ "active"
2814
+ ]
2815
+ }
2784
2816
  },
2785
- "active": {
2786
- "value": "#858299",
2787
- "public": true,
2788
- "isReferenceToInternal": true,
2789
- "filePath": "tokens/color/alias/button.dark.json",
2790
- "isSource": true,
2791
- "original": {
2792
- "value": "{color.dark-mode.neutral.300.value}",
2817
+ "foreground": {
2818
+ "default": {
2819
+ "value": "#ffffff",
2793
2820
  "public": true,
2794
- "isReferenceToInternal": true
2795
- },
2796
- "name": "color-dark-mode-icon-button-background-active",
2797
- "attributes": {
2798
- "category": "color",
2799
- "type": "dark-mode",
2800
- "item": "icon-button",
2801
- "subitem": "background",
2802
- "state": "active"
2803
- },
2804
- "path": [
2805
- "color",
2806
- "dark-mode",
2807
- "icon-button",
2808
- "background",
2809
- "active"
2810
- ]
2821
+ "isReferenceToInternal": true,
2822
+ "filePath": "tokens/color/alias/button.dark.json",
2823
+ "isSource": true,
2824
+ "original": {
2825
+ "value": "{color.dark-mode.neutral.000.value}",
2826
+ "public": true,
2827
+ "isReferenceToInternal": true
2828
+ },
2829
+ "name": "color-dark-mode-icon-button-standard-foreground-default",
2830
+ "attributes": {
2831
+ "category": "color",
2832
+ "type": "dark-mode",
2833
+ "item": "icon-button",
2834
+ "subitem": "standard",
2835
+ "state": "foreground"
2836
+ },
2837
+ "path": [
2838
+ "color",
2839
+ "dark-mode",
2840
+ "icon-button",
2841
+ "standard",
2842
+ "foreground",
2843
+ "default"
2844
+ ]
2845
+ }
2811
2846
  }
2812
2847
  },
2813
- "foreground": {
2814
- "default": {
2815
- "value": "#ffffff",
2816
- "public": true,
2817
- "isReferenceToInternal": true,
2818
- "filePath": "tokens/color/alias/button.dark.json",
2819
- "isSource": true,
2820
- "original": {
2821
- "value": "{color.dark-mode.neutral.000.value}",
2848
+ "critical": {
2849
+ "background": {
2850
+ "default": {
2851
+ "value": "rgba(0, 0, 0, 0)",
2822
2852
  "public": true,
2823
- "isReferenceToInternal": true
2853
+ "filePath": "tokens/color/alias/button.dark.json",
2854
+ "isSource": true,
2855
+ "original": {
2856
+ "value": "transparent",
2857
+ "public": true
2858
+ },
2859
+ "name": "color-dark-mode-icon-button-critical-background-default",
2860
+ "attributes": {
2861
+ "category": "color",
2862
+ "type": "dark-mode",
2863
+ "item": "icon-button",
2864
+ "subitem": "critical",
2865
+ "state": "background"
2866
+ },
2867
+ "path": [
2868
+ "color",
2869
+ "dark-mode",
2870
+ "icon-button",
2871
+ "critical",
2872
+ "background",
2873
+ "default"
2874
+ ]
2824
2875
  },
2825
- "name": "color-dark-mode-icon-button-foreground-default",
2826
- "attributes": {
2827
- "category": "color",
2828
- "type": "dark-mode",
2829
- "item": "icon-button",
2830
- "subitem": "foreground",
2831
- "state": "default"
2876
+ "hover": {
2877
+ "value": "#391813",
2878
+ "public": true,
2879
+ "isReferenceToInternal": true,
2880
+ "filePath": "tokens/color/alias/button.dark.json",
2881
+ "isSource": true,
2882
+ "original": {
2883
+ "value": "{color.dark-mode.semantic.critical.background.value}",
2884
+ "public": true,
2885
+ "isReferenceToInternal": true
2886
+ },
2887
+ "name": "color-dark-mode-icon-button-critical-background-hover",
2888
+ "attributes": {
2889
+ "category": "color",
2890
+ "type": "dark-mode",
2891
+ "item": "icon-button",
2892
+ "subitem": "critical",
2893
+ "state": "background"
2894
+ },
2895
+ "path": [
2896
+ "color",
2897
+ "dark-mode",
2898
+ "icon-button",
2899
+ "critical",
2900
+ "background",
2901
+ "hover"
2902
+ ]
2832
2903
  },
2833
- "path": [
2834
- "color",
2835
- "dark-mode",
2836
- "icon-button",
2837
- "foreground",
2838
- "default"
2839
- ]
2904
+ "active": {
2905
+ "value": "#391813",
2906
+ "public": true,
2907
+ "isReferenceToInternal": true,
2908
+ "filePath": "tokens/color/alias/button.dark.json",
2909
+ "isSource": true,
2910
+ "original": {
2911
+ "value": "{color.dark-mode.semantic.critical.background.value}",
2912
+ "public": true,
2913
+ "isReferenceToInternal": true
2914
+ },
2915
+ "name": "color-dark-mode-icon-button-critical-background-active",
2916
+ "attributes": {
2917
+ "category": "color",
2918
+ "type": "dark-mode",
2919
+ "item": "icon-button",
2920
+ "subitem": "critical",
2921
+ "state": "background"
2922
+ },
2923
+ "path": [
2924
+ "color",
2925
+ "dark-mode",
2926
+ "icon-button",
2927
+ "critical",
2928
+ "background",
2929
+ "active"
2930
+ ]
2931
+ }
2932
+ },
2933
+ "foreground": {
2934
+ "default": {
2935
+ "value": "#ef5c48",
2936
+ "public": true,
2937
+ "isReferenceToInternal": true,
2938
+ "filePath": "tokens/color/alias/button.dark.json",
2939
+ "isSource": true,
2940
+ "original": {
2941
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2942
+ "public": true,
2943
+ "isReferenceToInternal": true
2944
+ },
2945
+ "name": "color-dark-mode-icon-button-critical-foreground-default",
2946
+ "attributes": {
2947
+ "category": "color",
2948
+ "type": "dark-mode",
2949
+ "item": "icon-button",
2950
+ "subitem": "critical",
2951
+ "state": "foreground"
2952
+ },
2953
+ "path": [
2954
+ "color",
2955
+ "dark-mode",
2956
+ "icon-button",
2957
+ "critical",
2958
+ "foreground",
2959
+ "default"
2960
+ ]
2961
+ }
2840
2962
  }
2841
2963
  }
2842
2964
  },