@pantheon-systems/pds-design-tokens 1.0.0-dev.15 → 1.0.0-dev.17
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-dark-mode.css +10 -1
- package/build/css/pds-design-tokens-light-mode.css +9 -0
- package/build/figma/pds-design-tokens-figma.json +525 -9
- package/build/json/pds-design-tokens-dark-mode.json +260 -2
- package/build/json/pds-design-tokens-light-mode.json +259 -1
- package/build/scss/_pds-design-tokens-dark-mode.scss +10 -1
- package/build/scss/_pds-design-tokens-light-mode.scss +9 -0
- package/package.json +1 -1
|
@@ -24,6 +24,15 @@
|
|
|
24
24
|
--pds-color-button-brand-foreground-active: #121219;
|
|
25
25
|
--pds-color-button-brand-foreground-default: #121219;
|
|
26
26
|
--pds-color-button-brand-foreground-hover: #121219;
|
|
27
|
+
--pds-color-button-brand-secondary-background-active: #282839;
|
|
28
|
+
--pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
29
|
+
--pds-color-button-brand-secondary-background-hover: #504e62;
|
|
30
|
+
--pds-color-button-brand-secondary-border-active: #504e62;
|
|
31
|
+
--pds-color-button-brand-secondary-border-default: #a6a3b4;
|
|
32
|
+
--pds-color-button-brand-secondary-border-hover: #ffffff;
|
|
33
|
+
--pds-color-button-brand-secondary-foreground-active: #e7e7eb;
|
|
34
|
+
--pds-color-button-brand-secondary-foreground-default: #e7e7eb;
|
|
35
|
+
--pds-color-button-brand-secondary-foreground-hover: #ffffff;
|
|
27
36
|
--pds-color-button-critical-background-active: #9c2f2f;
|
|
28
37
|
--pds-color-button-critical-background-default: #e05757;
|
|
29
38
|
--pds-color-button-critical-background-hover: #be4242;
|
|
@@ -68,7 +77,7 @@
|
|
|
68
77
|
--pds-color-input-background-hover: #282839;
|
|
69
78
|
--pds-color-input-border-critical: #e05757;
|
|
70
79
|
--pds-color-input-border-default: #a6a3b4;
|
|
71
|
-
--pds-color-input-border-hover: #
|
|
80
|
+
--pds-color-input-border-hover: #7657ff;
|
|
72
81
|
--pds-color-input-border-success: #3cb683;
|
|
73
82
|
--pds-color-input-checked-background: var(--pds-color-interactive-focus);
|
|
74
83
|
--pds-color-input-checked-foreground: #ffffff;
|
|
@@ -24,6 +24,15 @@
|
|
|
24
24
|
--pds-color-button-brand-foreground-active: #23232d;
|
|
25
25
|
--pds-color-button-brand-foreground-default: #23232d;
|
|
26
26
|
--pds-color-button-brand-foreground-hover: #23232d;
|
|
27
|
+
--pds-color-button-brand-secondary-background-active: #cfcfd3;
|
|
28
|
+
--pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
29
|
+
--pds-color-button-brand-secondary-background-hover: #f1f1f1;
|
|
30
|
+
--pds-color-button-brand-secondary-border-active: #23232d;
|
|
31
|
+
--pds-color-button-brand-secondary-border-default: #54545f;
|
|
32
|
+
--pds-color-button-brand-secondary-border-hover: #23232d;
|
|
33
|
+
--pds-color-button-brand-secondary-foreground-active: #23232d;
|
|
34
|
+
--pds-color-button-brand-secondary-foreground-default: #23232d;
|
|
35
|
+
--pds-color-button-brand-secondary-foreground-hover: #23232d;
|
|
27
36
|
--pds-color-button-critical-background-active: #700000;
|
|
28
37
|
--pds-color-button-critical-background-default: #d61f1f;
|
|
29
38
|
--pds-color-button-critical-background-hover: #f83333;
|
|
@@ -561,7 +561,7 @@
|
|
|
561
561
|
"fontWeight": 700,
|
|
562
562
|
"fontFamily": "Poppins",
|
|
563
563
|
"letterSpacing": "0.01 * 100%",
|
|
564
|
-
"lineHeight": "
|
|
564
|
+
"lineHeight": "100%"
|
|
565
565
|
},
|
|
566
566
|
"type": "typography",
|
|
567
567
|
"filePath": "tokens-figma/typography/base.json",
|
|
@@ -572,7 +572,7 @@
|
|
|
572
572
|
"fontWeight": "{typography.font-weight.bold}",
|
|
573
573
|
"fontFamily": "{text.body.paragraph.value.fontFamily}",
|
|
574
574
|
"letterSpacing": "{typography.letter-spacing.S} * 100%",
|
|
575
|
-
"lineHeight": "
|
|
575
|
+
"lineHeight": "100%"
|
|
576
576
|
},
|
|
577
577
|
"type": "typography"
|
|
578
578
|
},
|
|
@@ -594,7 +594,7 @@
|
|
|
594
594
|
"fontWeight": 700,
|
|
595
595
|
"fontFamily": "Poppins",
|
|
596
596
|
"letterSpacing": "0.01 * 100%",
|
|
597
|
-
"lineHeight": "
|
|
597
|
+
"lineHeight": "100%"
|
|
598
598
|
},
|
|
599
599
|
"type": "typography",
|
|
600
600
|
"filePath": "tokens-figma/typography/base.json",
|
|
@@ -627,7 +627,7 @@
|
|
|
627
627
|
"fontWeight": 700,
|
|
628
628
|
"fontFamily": "Poppins",
|
|
629
629
|
"letterSpacing": "0.01 * 100%",
|
|
630
|
-
"lineHeight": "
|
|
630
|
+
"lineHeight": "100%"
|
|
631
631
|
},
|
|
632
632
|
"type": "typography",
|
|
633
633
|
"filePath": "tokens-figma/typography/base.json",
|
|
@@ -692,7 +692,7 @@
|
|
|
692
692
|
"fontSize": "1 * 16",
|
|
693
693
|
"fontFamily": "Poppins",
|
|
694
694
|
"fontWeight": 400,
|
|
695
|
-
"lineHeight": "
|
|
695
|
+
"lineHeight": "100%"
|
|
696
696
|
},
|
|
697
697
|
"type": "typography",
|
|
698
698
|
"filePath": "tokens-figma/typography/base.json",
|
|
@@ -702,7 +702,7 @@
|
|
|
702
702
|
"fontSize": "{typography.size.M} * {figma.typography.size.base}",
|
|
703
703
|
"fontFamily": "Poppins",
|
|
704
704
|
"fontWeight": "{typography.font-weight.regular}",
|
|
705
|
-
"lineHeight": "
|
|
705
|
+
"lineHeight": "100%"
|
|
706
706
|
},
|
|
707
707
|
"type": "typography"
|
|
708
708
|
},
|
|
@@ -2779,6 +2779,264 @@
|
|
|
2779
2779
|
}
|
|
2780
2780
|
}
|
|
2781
2781
|
},
|
|
2782
|
+
"brand-secondary": {
|
|
2783
|
+
"background": {
|
|
2784
|
+
"default": {
|
|
2785
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
2786
|
+
"public": true,
|
|
2787
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2788
|
+
"isSource": true,
|
|
2789
|
+
"original": {
|
|
2790
|
+
"value": "transparent",
|
|
2791
|
+
"public": true
|
|
2792
|
+
},
|
|
2793
|
+
"name": "color-dark-mode-button-brand-secondary-background-default",
|
|
2794
|
+
"attributes": {
|
|
2795
|
+
"category": "color",
|
|
2796
|
+
"type": "dark-mode",
|
|
2797
|
+
"item": "button",
|
|
2798
|
+
"subitem": "brand-secondary",
|
|
2799
|
+
"state": "background"
|
|
2800
|
+
},
|
|
2801
|
+
"path": [
|
|
2802
|
+
"color",
|
|
2803
|
+
"dark-mode",
|
|
2804
|
+
"button",
|
|
2805
|
+
"brand-secondary",
|
|
2806
|
+
"background",
|
|
2807
|
+
"default"
|
|
2808
|
+
]
|
|
2809
|
+
},
|
|
2810
|
+
"hover": {
|
|
2811
|
+
"value": "#504e62",
|
|
2812
|
+
"public": true,
|
|
2813
|
+
"isReferenceToInternal": true,
|
|
2814
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2815
|
+
"isSource": true,
|
|
2816
|
+
"original": {
|
|
2817
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
2818
|
+
"public": true,
|
|
2819
|
+
"isReferenceToInternal": true
|
|
2820
|
+
},
|
|
2821
|
+
"name": "color-dark-mode-button-brand-secondary-background-hover",
|
|
2822
|
+
"attributes": {
|
|
2823
|
+
"category": "color",
|
|
2824
|
+
"type": "dark-mode",
|
|
2825
|
+
"item": "button",
|
|
2826
|
+
"subitem": "brand-secondary",
|
|
2827
|
+
"state": "background"
|
|
2828
|
+
},
|
|
2829
|
+
"path": [
|
|
2830
|
+
"color",
|
|
2831
|
+
"dark-mode",
|
|
2832
|
+
"button",
|
|
2833
|
+
"brand-secondary",
|
|
2834
|
+
"background",
|
|
2835
|
+
"hover"
|
|
2836
|
+
]
|
|
2837
|
+
},
|
|
2838
|
+
"active": {
|
|
2839
|
+
"value": "#282839",
|
|
2840
|
+
"public": true,
|
|
2841
|
+
"isReferenceToInternal": true,
|
|
2842
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2843
|
+
"isSource": true,
|
|
2844
|
+
"original": {
|
|
2845
|
+
"value": "{color.dark-mode.neutral.500.value}",
|
|
2846
|
+
"public": true,
|
|
2847
|
+
"isReferenceToInternal": true
|
|
2848
|
+
},
|
|
2849
|
+
"name": "color-dark-mode-button-brand-secondary-background-active",
|
|
2850
|
+
"attributes": {
|
|
2851
|
+
"category": "color",
|
|
2852
|
+
"type": "dark-mode",
|
|
2853
|
+
"item": "button",
|
|
2854
|
+
"subitem": "brand-secondary",
|
|
2855
|
+
"state": "background"
|
|
2856
|
+
},
|
|
2857
|
+
"path": [
|
|
2858
|
+
"color",
|
|
2859
|
+
"dark-mode",
|
|
2860
|
+
"button",
|
|
2861
|
+
"brand-secondary",
|
|
2862
|
+
"background",
|
|
2863
|
+
"active"
|
|
2864
|
+
]
|
|
2865
|
+
}
|
|
2866
|
+
},
|
|
2867
|
+
"border": {
|
|
2868
|
+
"default": {
|
|
2869
|
+
"value": "#a6a3b4",
|
|
2870
|
+
"public": true,
|
|
2871
|
+
"isReferenceToInternal": true,
|
|
2872
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2873
|
+
"isSource": true,
|
|
2874
|
+
"original": {
|
|
2875
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
2876
|
+
"public": true,
|
|
2877
|
+
"isReferenceToInternal": true
|
|
2878
|
+
},
|
|
2879
|
+
"name": "color-dark-mode-button-brand-secondary-border-default",
|
|
2880
|
+
"attributes": {
|
|
2881
|
+
"category": "color",
|
|
2882
|
+
"type": "dark-mode",
|
|
2883
|
+
"item": "button",
|
|
2884
|
+
"subitem": "brand-secondary",
|
|
2885
|
+
"state": "border"
|
|
2886
|
+
},
|
|
2887
|
+
"path": [
|
|
2888
|
+
"color",
|
|
2889
|
+
"dark-mode",
|
|
2890
|
+
"button",
|
|
2891
|
+
"brand-secondary",
|
|
2892
|
+
"border",
|
|
2893
|
+
"default"
|
|
2894
|
+
]
|
|
2895
|
+
},
|
|
2896
|
+
"hover": {
|
|
2897
|
+
"value": "#ffffff",
|
|
2898
|
+
"public": true,
|
|
2899
|
+
"isReferenceToInternal": true,
|
|
2900
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2901
|
+
"isSource": true,
|
|
2902
|
+
"original": {
|
|
2903
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
2904
|
+
"public": true,
|
|
2905
|
+
"isReferenceToInternal": true
|
|
2906
|
+
},
|
|
2907
|
+
"name": "color-dark-mode-button-brand-secondary-border-hover",
|
|
2908
|
+
"attributes": {
|
|
2909
|
+
"category": "color",
|
|
2910
|
+
"type": "dark-mode",
|
|
2911
|
+
"item": "button",
|
|
2912
|
+
"subitem": "brand-secondary",
|
|
2913
|
+
"state": "border"
|
|
2914
|
+
},
|
|
2915
|
+
"path": [
|
|
2916
|
+
"color",
|
|
2917
|
+
"dark-mode",
|
|
2918
|
+
"button",
|
|
2919
|
+
"brand-secondary",
|
|
2920
|
+
"border",
|
|
2921
|
+
"hover"
|
|
2922
|
+
]
|
|
2923
|
+
},
|
|
2924
|
+
"active": {
|
|
2925
|
+
"value": "#504e62",
|
|
2926
|
+
"public": true,
|
|
2927
|
+
"isReferenceToInternal": true,
|
|
2928
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2929
|
+
"isSource": true,
|
|
2930
|
+
"original": {
|
|
2931
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
2932
|
+
"public": true,
|
|
2933
|
+
"isReferenceToInternal": true
|
|
2934
|
+
},
|
|
2935
|
+
"name": "color-dark-mode-button-brand-secondary-border-active",
|
|
2936
|
+
"attributes": {
|
|
2937
|
+
"category": "color",
|
|
2938
|
+
"type": "dark-mode",
|
|
2939
|
+
"item": "button",
|
|
2940
|
+
"subitem": "brand-secondary",
|
|
2941
|
+
"state": "border"
|
|
2942
|
+
},
|
|
2943
|
+
"path": [
|
|
2944
|
+
"color",
|
|
2945
|
+
"dark-mode",
|
|
2946
|
+
"button",
|
|
2947
|
+
"brand-secondary",
|
|
2948
|
+
"border",
|
|
2949
|
+
"active"
|
|
2950
|
+
]
|
|
2951
|
+
}
|
|
2952
|
+
},
|
|
2953
|
+
"foreground": {
|
|
2954
|
+
"default": {
|
|
2955
|
+
"value": "#e7e7eb",
|
|
2956
|
+
"public": true,
|
|
2957
|
+
"isReferenceToInternal": true,
|
|
2958
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2959
|
+
"isSource": true,
|
|
2960
|
+
"original": {
|
|
2961
|
+
"value": "{color.dark-mode.neutral.050.value}",
|
|
2962
|
+
"public": true,
|
|
2963
|
+
"isReferenceToInternal": true
|
|
2964
|
+
},
|
|
2965
|
+
"name": "color-dark-mode-button-brand-secondary-foreground-default",
|
|
2966
|
+
"attributes": {
|
|
2967
|
+
"category": "color",
|
|
2968
|
+
"type": "dark-mode",
|
|
2969
|
+
"item": "button",
|
|
2970
|
+
"subitem": "brand-secondary",
|
|
2971
|
+
"state": "foreground"
|
|
2972
|
+
},
|
|
2973
|
+
"path": [
|
|
2974
|
+
"color",
|
|
2975
|
+
"dark-mode",
|
|
2976
|
+
"button",
|
|
2977
|
+
"brand-secondary",
|
|
2978
|
+
"foreground",
|
|
2979
|
+
"default"
|
|
2980
|
+
]
|
|
2981
|
+
},
|
|
2982
|
+
"hover": {
|
|
2983
|
+
"value": "#ffffff",
|
|
2984
|
+
"public": true,
|
|
2985
|
+
"isReferenceToInternal": true,
|
|
2986
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2987
|
+
"isSource": true,
|
|
2988
|
+
"original": {
|
|
2989
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
2990
|
+
"public": true,
|
|
2991
|
+
"isReferenceToInternal": true
|
|
2992
|
+
},
|
|
2993
|
+
"name": "color-dark-mode-button-brand-secondary-foreground-hover",
|
|
2994
|
+
"attributes": {
|
|
2995
|
+
"category": "color",
|
|
2996
|
+
"type": "dark-mode",
|
|
2997
|
+
"item": "button",
|
|
2998
|
+
"subitem": "brand-secondary",
|
|
2999
|
+
"state": "foreground"
|
|
3000
|
+
},
|
|
3001
|
+
"path": [
|
|
3002
|
+
"color",
|
|
3003
|
+
"dark-mode",
|
|
3004
|
+
"button",
|
|
3005
|
+
"brand-secondary",
|
|
3006
|
+
"foreground",
|
|
3007
|
+
"hover"
|
|
3008
|
+
]
|
|
3009
|
+
},
|
|
3010
|
+
"active": {
|
|
3011
|
+
"value": "#e7e7eb",
|
|
3012
|
+
"public": true,
|
|
3013
|
+
"isReferenceToInternal": true,
|
|
3014
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
3015
|
+
"isSource": true,
|
|
3016
|
+
"original": {
|
|
3017
|
+
"value": "{color.dark-mode.neutral.050.value}",
|
|
3018
|
+
"public": true,
|
|
3019
|
+
"isReferenceToInternal": true
|
|
3020
|
+
},
|
|
3021
|
+
"name": "color-dark-mode-button-brand-secondary-foreground-active",
|
|
3022
|
+
"attributes": {
|
|
3023
|
+
"category": "color",
|
|
3024
|
+
"type": "dark-mode",
|
|
3025
|
+
"item": "button",
|
|
3026
|
+
"subitem": "brand-secondary",
|
|
3027
|
+
"state": "foreground"
|
|
3028
|
+
},
|
|
3029
|
+
"path": [
|
|
3030
|
+
"color",
|
|
3031
|
+
"dark-mode",
|
|
3032
|
+
"button",
|
|
3033
|
+
"brand-secondary",
|
|
3034
|
+
"foreground",
|
|
3035
|
+
"active"
|
|
3036
|
+
]
|
|
3037
|
+
}
|
|
3038
|
+
}
|
|
3039
|
+
},
|
|
2782
3040
|
"critical": {
|
|
2783
3041
|
"background": {
|
|
2784
3042
|
"default": {
|
|
@@ -3234,13 +3492,13 @@
|
|
|
3234
3492
|
]
|
|
3235
3493
|
},
|
|
3236
3494
|
"hover": {
|
|
3237
|
-
"value": "#
|
|
3495
|
+
"value": "#7657ff",
|
|
3238
3496
|
"public": true,
|
|
3239
3497
|
"isReferenceToInternal": true,
|
|
3240
3498
|
"filePath": "tokens/color/alias/form.dark.json",
|
|
3241
3499
|
"isSource": true,
|
|
3242
3500
|
"original": {
|
|
3243
|
-
"value": "{color.dark-mode.
|
|
3501
|
+
"value": "{color.dark-mode.brand.secondary.300.value}",
|
|
3244
3502
|
"public": true,
|
|
3245
3503
|
"isReferenceToInternal": true
|
|
3246
3504
|
},
|
|
@@ -6727,6 +6985,264 @@
|
|
|
6727
6985
|
}
|
|
6728
6986
|
}
|
|
6729
6987
|
},
|
|
6988
|
+
"brand-secondary": {
|
|
6989
|
+
"background": {
|
|
6990
|
+
"default": {
|
|
6991
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
6992
|
+
"public": true,
|
|
6993
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
6994
|
+
"isSource": true,
|
|
6995
|
+
"original": {
|
|
6996
|
+
"value": "transparent",
|
|
6997
|
+
"public": true
|
|
6998
|
+
},
|
|
6999
|
+
"name": "color-light-mode-button-brand-secondary-background-default",
|
|
7000
|
+
"attributes": {
|
|
7001
|
+
"category": "color",
|
|
7002
|
+
"type": "light-mode",
|
|
7003
|
+
"item": "button",
|
|
7004
|
+
"subitem": "brand-secondary",
|
|
7005
|
+
"state": "background"
|
|
7006
|
+
},
|
|
7007
|
+
"path": [
|
|
7008
|
+
"color",
|
|
7009
|
+
"light-mode",
|
|
7010
|
+
"button",
|
|
7011
|
+
"brand-secondary",
|
|
7012
|
+
"background",
|
|
7013
|
+
"default"
|
|
7014
|
+
]
|
|
7015
|
+
},
|
|
7016
|
+
"hover": {
|
|
7017
|
+
"value": "#f1f1f1",
|
|
7018
|
+
"public": true,
|
|
7019
|
+
"isReferenceToInternal": true,
|
|
7020
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7021
|
+
"isSource": true,
|
|
7022
|
+
"original": {
|
|
7023
|
+
"value": "{color.light-mode.neutral.050.value}",
|
|
7024
|
+
"public": true,
|
|
7025
|
+
"isReferenceToInternal": true
|
|
7026
|
+
},
|
|
7027
|
+
"name": "color-light-mode-button-brand-secondary-background-hover",
|
|
7028
|
+
"attributes": {
|
|
7029
|
+
"category": "color",
|
|
7030
|
+
"type": "light-mode",
|
|
7031
|
+
"item": "button",
|
|
7032
|
+
"subitem": "brand-secondary",
|
|
7033
|
+
"state": "background"
|
|
7034
|
+
},
|
|
7035
|
+
"path": [
|
|
7036
|
+
"color",
|
|
7037
|
+
"light-mode",
|
|
7038
|
+
"button",
|
|
7039
|
+
"brand-secondary",
|
|
7040
|
+
"background",
|
|
7041
|
+
"hover"
|
|
7042
|
+
]
|
|
7043
|
+
},
|
|
7044
|
+
"active": {
|
|
7045
|
+
"value": "#cfcfd3",
|
|
7046
|
+
"public": true,
|
|
7047
|
+
"isReferenceToInternal": true,
|
|
7048
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7049
|
+
"isSource": true,
|
|
7050
|
+
"original": {
|
|
7051
|
+
"value": "{color.light-mode.neutral.100.value}",
|
|
7052
|
+
"public": true,
|
|
7053
|
+
"isReferenceToInternal": true
|
|
7054
|
+
},
|
|
7055
|
+
"name": "color-light-mode-button-brand-secondary-background-active",
|
|
7056
|
+
"attributes": {
|
|
7057
|
+
"category": "color",
|
|
7058
|
+
"type": "light-mode",
|
|
7059
|
+
"item": "button",
|
|
7060
|
+
"subitem": "brand-secondary",
|
|
7061
|
+
"state": "background"
|
|
7062
|
+
},
|
|
7063
|
+
"path": [
|
|
7064
|
+
"color",
|
|
7065
|
+
"light-mode",
|
|
7066
|
+
"button",
|
|
7067
|
+
"brand-secondary",
|
|
7068
|
+
"background",
|
|
7069
|
+
"active"
|
|
7070
|
+
]
|
|
7071
|
+
}
|
|
7072
|
+
},
|
|
7073
|
+
"border": {
|
|
7074
|
+
"default": {
|
|
7075
|
+
"value": "#54545f",
|
|
7076
|
+
"public": true,
|
|
7077
|
+
"isReferenceToInternal": true,
|
|
7078
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7079
|
+
"isSource": true,
|
|
7080
|
+
"original": {
|
|
7081
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
7082
|
+
"public": true,
|
|
7083
|
+
"isReferenceToInternal": true
|
|
7084
|
+
},
|
|
7085
|
+
"name": "color-light-mode-button-brand-secondary-border-default",
|
|
7086
|
+
"attributes": {
|
|
7087
|
+
"category": "color",
|
|
7088
|
+
"type": "light-mode",
|
|
7089
|
+
"item": "button",
|
|
7090
|
+
"subitem": "brand-secondary",
|
|
7091
|
+
"state": "border"
|
|
7092
|
+
},
|
|
7093
|
+
"path": [
|
|
7094
|
+
"color",
|
|
7095
|
+
"light-mode",
|
|
7096
|
+
"button",
|
|
7097
|
+
"brand-secondary",
|
|
7098
|
+
"border",
|
|
7099
|
+
"default"
|
|
7100
|
+
]
|
|
7101
|
+
},
|
|
7102
|
+
"hover": {
|
|
7103
|
+
"value": "#23232d",
|
|
7104
|
+
"public": true,
|
|
7105
|
+
"isReferenceToInternal": true,
|
|
7106
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7107
|
+
"isSource": true,
|
|
7108
|
+
"original": {
|
|
7109
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
7110
|
+
"public": true,
|
|
7111
|
+
"isReferenceToInternal": true
|
|
7112
|
+
},
|
|
7113
|
+
"name": "color-light-mode-button-brand-secondary-border-hover",
|
|
7114
|
+
"attributes": {
|
|
7115
|
+
"category": "color",
|
|
7116
|
+
"type": "light-mode",
|
|
7117
|
+
"item": "button",
|
|
7118
|
+
"subitem": "brand-secondary",
|
|
7119
|
+
"state": "border"
|
|
7120
|
+
},
|
|
7121
|
+
"path": [
|
|
7122
|
+
"color",
|
|
7123
|
+
"light-mode",
|
|
7124
|
+
"button",
|
|
7125
|
+
"brand-secondary",
|
|
7126
|
+
"border",
|
|
7127
|
+
"hover"
|
|
7128
|
+
]
|
|
7129
|
+
},
|
|
7130
|
+
"active": {
|
|
7131
|
+
"value": "#23232d",
|
|
7132
|
+
"public": true,
|
|
7133
|
+
"isReferenceToInternal": true,
|
|
7134
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7135
|
+
"isSource": true,
|
|
7136
|
+
"original": {
|
|
7137
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
7138
|
+
"public": true,
|
|
7139
|
+
"isReferenceToInternal": true
|
|
7140
|
+
},
|
|
7141
|
+
"name": "color-light-mode-button-brand-secondary-border-active",
|
|
7142
|
+
"attributes": {
|
|
7143
|
+
"category": "color",
|
|
7144
|
+
"type": "light-mode",
|
|
7145
|
+
"item": "button",
|
|
7146
|
+
"subitem": "brand-secondary",
|
|
7147
|
+
"state": "border"
|
|
7148
|
+
},
|
|
7149
|
+
"path": [
|
|
7150
|
+
"color",
|
|
7151
|
+
"light-mode",
|
|
7152
|
+
"button",
|
|
7153
|
+
"brand-secondary",
|
|
7154
|
+
"border",
|
|
7155
|
+
"active"
|
|
7156
|
+
]
|
|
7157
|
+
}
|
|
7158
|
+
},
|
|
7159
|
+
"foreground": {
|
|
7160
|
+
"default": {
|
|
7161
|
+
"value": "#23232d",
|
|
7162
|
+
"public": true,
|
|
7163
|
+
"isReferenceToInternal": true,
|
|
7164
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7165
|
+
"isSource": true,
|
|
7166
|
+
"original": {
|
|
7167
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
7168
|
+
"public": true,
|
|
7169
|
+
"isReferenceToInternal": true
|
|
7170
|
+
},
|
|
7171
|
+
"name": "color-light-mode-button-brand-secondary-foreground-default",
|
|
7172
|
+
"attributes": {
|
|
7173
|
+
"category": "color",
|
|
7174
|
+
"type": "light-mode",
|
|
7175
|
+
"item": "button",
|
|
7176
|
+
"subitem": "brand-secondary",
|
|
7177
|
+
"state": "foreground"
|
|
7178
|
+
},
|
|
7179
|
+
"path": [
|
|
7180
|
+
"color",
|
|
7181
|
+
"light-mode",
|
|
7182
|
+
"button",
|
|
7183
|
+
"brand-secondary",
|
|
7184
|
+
"foreground",
|
|
7185
|
+
"default"
|
|
7186
|
+
]
|
|
7187
|
+
},
|
|
7188
|
+
"hover": {
|
|
7189
|
+
"value": "#23232d",
|
|
7190
|
+
"public": true,
|
|
7191
|
+
"isReferenceToInternal": true,
|
|
7192
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7193
|
+
"isSource": true,
|
|
7194
|
+
"original": {
|
|
7195
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
7196
|
+
"public": true,
|
|
7197
|
+
"isReferenceToInternal": true
|
|
7198
|
+
},
|
|
7199
|
+
"name": "color-light-mode-button-brand-secondary-foreground-hover",
|
|
7200
|
+
"attributes": {
|
|
7201
|
+
"category": "color",
|
|
7202
|
+
"type": "light-mode",
|
|
7203
|
+
"item": "button",
|
|
7204
|
+
"subitem": "brand-secondary",
|
|
7205
|
+
"state": "foreground"
|
|
7206
|
+
},
|
|
7207
|
+
"path": [
|
|
7208
|
+
"color",
|
|
7209
|
+
"light-mode",
|
|
7210
|
+
"button",
|
|
7211
|
+
"brand-secondary",
|
|
7212
|
+
"foreground",
|
|
7213
|
+
"hover"
|
|
7214
|
+
]
|
|
7215
|
+
},
|
|
7216
|
+
"active": {
|
|
7217
|
+
"value": "#23232d",
|
|
7218
|
+
"public": true,
|
|
7219
|
+
"isReferenceToInternal": true,
|
|
7220
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7221
|
+
"isSource": true,
|
|
7222
|
+
"original": {
|
|
7223
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
7224
|
+
"public": true,
|
|
7225
|
+
"isReferenceToInternal": true
|
|
7226
|
+
},
|
|
7227
|
+
"name": "color-light-mode-button-brand-secondary-foreground-active",
|
|
7228
|
+
"attributes": {
|
|
7229
|
+
"category": "color",
|
|
7230
|
+
"type": "light-mode",
|
|
7231
|
+
"item": "button",
|
|
7232
|
+
"subitem": "brand-secondary",
|
|
7233
|
+
"state": "foreground"
|
|
7234
|
+
},
|
|
7235
|
+
"path": [
|
|
7236
|
+
"color",
|
|
7237
|
+
"light-mode",
|
|
7238
|
+
"button",
|
|
7239
|
+
"brand-secondary",
|
|
7240
|
+
"foreground",
|
|
7241
|
+
"active"
|
|
7242
|
+
]
|
|
7243
|
+
}
|
|
7244
|
+
}
|
|
7245
|
+
},
|
|
6730
7246
|
"critical": {
|
|
6731
7247
|
"background": {
|
|
6732
7248
|
"default": {
|
|
@@ -7188,7 +7704,7 @@
|
|
|
7188
7704
|
"filePath": "tokens/color/alias/form.light.json",
|
|
7189
7705
|
"isSource": true,
|
|
7190
7706
|
"original": {
|
|
7191
|
-
"value": "{color.light-mode.
|
|
7707
|
+
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
7192
7708
|
"public": true,
|
|
7193
7709
|
"isReferenceToInternal": true
|
|
7194
7710
|
},
|
|
@@ -980,6 +980,264 @@
|
|
|
980
980
|
}
|
|
981
981
|
}
|
|
982
982
|
},
|
|
983
|
+
"brand-secondary": {
|
|
984
|
+
"background": {
|
|
985
|
+
"default": {
|
|
986
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
987
|
+
"public": true,
|
|
988
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
989
|
+
"isSource": true,
|
|
990
|
+
"original": {
|
|
991
|
+
"value": "transparent",
|
|
992
|
+
"public": true
|
|
993
|
+
},
|
|
994
|
+
"name": "color-dark-mode-button-brand-secondary-background-default",
|
|
995
|
+
"attributes": {
|
|
996
|
+
"category": "color",
|
|
997
|
+
"type": "dark-mode",
|
|
998
|
+
"item": "button",
|
|
999
|
+
"subitem": "brand-secondary",
|
|
1000
|
+
"state": "background"
|
|
1001
|
+
},
|
|
1002
|
+
"path": [
|
|
1003
|
+
"color",
|
|
1004
|
+
"dark-mode",
|
|
1005
|
+
"button",
|
|
1006
|
+
"brand-secondary",
|
|
1007
|
+
"background",
|
|
1008
|
+
"default"
|
|
1009
|
+
]
|
|
1010
|
+
},
|
|
1011
|
+
"hover": {
|
|
1012
|
+
"value": "#504e62",
|
|
1013
|
+
"public": true,
|
|
1014
|
+
"isReferenceToInternal": true,
|
|
1015
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1016
|
+
"isSource": true,
|
|
1017
|
+
"original": {
|
|
1018
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
1019
|
+
"public": true,
|
|
1020
|
+
"isReferenceToInternal": true
|
|
1021
|
+
},
|
|
1022
|
+
"name": "color-dark-mode-button-brand-secondary-background-hover",
|
|
1023
|
+
"attributes": {
|
|
1024
|
+
"category": "color",
|
|
1025
|
+
"type": "dark-mode",
|
|
1026
|
+
"item": "button",
|
|
1027
|
+
"subitem": "brand-secondary",
|
|
1028
|
+
"state": "background"
|
|
1029
|
+
},
|
|
1030
|
+
"path": [
|
|
1031
|
+
"color",
|
|
1032
|
+
"dark-mode",
|
|
1033
|
+
"button",
|
|
1034
|
+
"brand-secondary",
|
|
1035
|
+
"background",
|
|
1036
|
+
"hover"
|
|
1037
|
+
]
|
|
1038
|
+
},
|
|
1039
|
+
"active": {
|
|
1040
|
+
"value": "#282839",
|
|
1041
|
+
"public": true,
|
|
1042
|
+
"isReferenceToInternal": true,
|
|
1043
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1044
|
+
"isSource": true,
|
|
1045
|
+
"original": {
|
|
1046
|
+
"value": "{color.dark-mode.neutral.500.value}",
|
|
1047
|
+
"public": true,
|
|
1048
|
+
"isReferenceToInternal": true
|
|
1049
|
+
},
|
|
1050
|
+
"name": "color-dark-mode-button-brand-secondary-background-active",
|
|
1051
|
+
"attributes": {
|
|
1052
|
+
"category": "color",
|
|
1053
|
+
"type": "dark-mode",
|
|
1054
|
+
"item": "button",
|
|
1055
|
+
"subitem": "brand-secondary",
|
|
1056
|
+
"state": "background"
|
|
1057
|
+
},
|
|
1058
|
+
"path": [
|
|
1059
|
+
"color",
|
|
1060
|
+
"dark-mode",
|
|
1061
|
+
"button",
|
|
1062
|
+
"brand-secondary",
|
|
1063
|
+
"background",
|
|
1064
|
+
"active"
|
|
1065
|
+
]
|
|
1066
|
+
}
|
|
1067
|
+
},
|
|
1068
|
+
"border": {
|
|
1069
|
+
"default": {
|
|
1070
|
+
"value": "#a6a3b4",
|
|
1071
|
+
"public": true,
|
|
1072
|
+
"isReferenceToInternal": true,
|
|
1073
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1074
|
+
"isSource": true,
|
|
1075
|
+
"original": {
|
|
1076
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
1077
|
+
"public": true,
|
|
1078
|
+
"isReferenceToInternal": true
|
|
1079
|
+
},
|
|
1080
|
+
"name": "color-dark-mode-button-brand-secondary-border-default",
|
|
1081
|
+
"attributes": {
|
|
1082
|
+
"category": "color",
|
|
1083
|
+
"type": "dark-mode",
|
|
1084
|
+
"item": "button",
|
|
1085
|
+
"subitem": "brand-secondary",
|
|
1086
|
+
"state": "border"
|
|
1087
|
+
},
|
|
1088
|
+
"path": [
|
|
1089
|
+
"color",
|
|
1090
|
+
"dark-mode",
|
|
1091
|
+
"button",
|
|
1092
|
+
"brand-secondary",
|
|
1093
|
+
"border",
|
|
1094
|
+
"default"
|
|
1095
|
+
]
|
|
1096
|
+
},
|
|
1097
|
+
"hover": {
|
|
1098
|
+
"value": "#ffffff",
|
|
1099
|
+
"public": true,
|
|
1100
|
+
"isReferenceToInternal": true,
|
|
1101
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1102
|
+
"isSource": true,
|
|
1103
|
+
"original": {
|
|
1104
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
1105
|
+
"public": true,
|
|
1106
|
+
"isReferenceToInternal": true
|
|
1107
|
+
},
|
|
1108
|
+
"name": "color-dark-mode-button-brand-secondary-border-hover",
|
|
1109
|
+
"attributes": {
|
|
1110
|
+
"category": "color",
|
|
1111
|
+
"type": "dark-mode",
|
|
1112
|
+
"item": "button",
|
|
1113
|
+
"subitem": "brand-secondary",
|
|
1114
|
+
"state": "border"
|
|
1115
|
+
},
|
|
1116
|
+
"path": [
|
|
1117
|
+
"color",
|
|
1118
|
+
"dark-mode",
|
|
1119
|
+
"button",
|
|
1120
|
+
"brand-secondary",
|
|
1121
|
+
"border",
|
|
1122
|
+
"hover"
|
|
1123
|
+
]
|
|
1124
|
+
},
|
|
1125
|
+
"active": {
|
|
1126
|
+
"value": "#504e62",
|
|
1127
|
+
"public": true,
|
|
1128
|
+
"isReferenceToInternal": true,
|
|
1129
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1130
|
+
"isSource": true,
|
|
1131
|
+
"original": {
|
|
1132
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
1133
|
+
"public": true,
|
|
1134
|
+
"isReferenceToInternal": true
|
|
1135
|
+
},
|
|
1136
|
+
"name": "color-dark-mode-button-brand-secondary-border-active",
|
|
1137
|
+
"attributes": {
|
|
1138
|
+
"category": "color",
|
|
1139
|
+
"type": "dark-mode",
|
|
1140
|
+
"item": "button",
|
|
1141
|
+
"subitem": "brand-secondary",
|
|
1142
|
+
"state": "border"
|
|
1143
|
+
},
|
|
1144
|
+
"path": [
|
|
1145
|
+
"color",
|
|
1146
|
+
"dark-mode",
|
|
1147
|
+
"button",
|
|
1148
|
+
"brand-secondary",
|
|
1149
|
+
"border",
|
|
1150
|
+
"active"
|
|
1151
|
+
]
|
|
1152
|
+
}
|
|
1153
|
+
},
|
|
1154
|
+
"foreground": {
|
|
1155
|
+
"default": {
|
|
1156
|
+
"value": "#e7e7eb",
|
|
1157
|
+
"public": true,
|
|
1158
|
+
"isReferenceToInternal": true,
|
|
1159
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1160
|
+
"isSource": true,
|
|
1161
|
+
"original": {
|
|
1162
|
+
"value": "{color.dark-mode.neutral.050.value}",
|
|
1163
|
+
"public": true,
|
|
1164
|
+
"isReferenceToInternal": true
|
|
1165
|
+
},
|
|
1166
|
+
"name": "color-dark-mode-button-brand-secondary-foreground-default",
|
|
1167
|
+
"attributes": {
|
|
1168
|
+
"category": "color",
|
|
1169
|
+
"type": "dark-mode",
|
|
1170
|
+
"item": "button",
|
|
1171
|
+
"subitem": "brand-secondary",
|
|
1172
|
+
"state": "foreground"
|
|
1173
|
+
},
|
|
1174
|
+
"path": [
|
|
1175
|
+
"color",
|
|
1176
|
+
"dark-mode",
|
|
1177
|
+
"button",
|
|
1178
|
+
"brand-secondary",
|
|
1179
|
+
"foreground",
|
|
1180
|
+
"default"
|
|
1181
|
+
]
|
|
1182
|
+
},
|
|
1183
|
+
"hover": {
|
|
1184
|
+
"value": "#ffffff",
|
|
1185
|
+
"public": true,
|
|
1186
|
+
"isReferenceToInternal": true,
|
|
1187
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1188
|
+
"isSource": true,
|
|
1189
|
+
"original": {
|
|
1190
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
1191
|
+
"public": true,
|
|
1192
|
+
"isReferenceToInternal": true
|
|
1193
|
+
},
|
|
1194
|
+
"name": "color-dark-mode-button-brand-secondary-foreground-hover",
|
|
1195
|
+
"attributes": {
|
|
1196
|
+
"category": "color",
|
|
1197
|
+
"type": "dark-mode",
|
|
1198
|
+
"item": "button",
|
|
1199
|
+
"subitem": "brand-secondary",
|
|
1200
|
+
"state": "foreground"
|
|
1201
|
+
},
|
|
1202
|
+
"path": [
|
|
1203
|
+
"color",
|
|
1204
|
+
"dark-mode",
|
|
1205
|
+
"button",
|
|
1206
|
+
"brand-secondary",
|
|
1207
|
+
"foreground",
|
|
1208
|
+
"hover"
|
|
1209
|
+
]
|
|
1210
|
+
},
|
|
1211
|
+
"active": {
|
|
1212
|
+
"value": "#e7e7eb",
|
|
1213
|
+
"public": true,
|
|
1214
|
+
"isReferenceToInternal": true,
|
|
1215
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1216
|
+
"isSource": true,
|
|
1217
|
+
"original": {
|
|
1218
|
+
"value": "{color.dark-mode.neutral.050.value}",
|
|
1219
|
+
"public": true,
|
|
1220
|
+
"isReferenceToInternal": true
|
|
1221
|
+
},
|
|
1222
|
+
"name": "color-dark-mode-button-brand-secondary-foreground-active",
|
|
1223
|
+
"attributes": {
|
|
1224
|
+
"category": "color",
|
|
1225
|
+
"type": "dark-mode",
|
|
1226
|
+
"item": "button",
|
|
1227
|
+
"subitem": "brand-secondary",
|
|
1228
|
+
"state": "foreground"
|
|
1229
|
+
},
|
|
1230
|
+
"path": [
|
|
1231
|
+
"color",
|
|
1232
|
+
"dark-mode",
|
|
1233
|
+
"button",
|
|
1234
|
+
"brand-secondary",
|
|
1235
|
+
"foreground",
|
|
1236
|
+
"active"
|
|
1237
|
+
]
|
|
1238
|
+
}
|
|
1239
|
+
}
|
|
1240
|
+
},
|
|
983
1241
|
"critical": {
|
|
984
1242
|
"background": {
|
|
985
1243
|
"default": {
|
|
@@ -1435,13 +1693,13 @@
|
|
|
1435
1693
|
]
|
|
1436
1694
|
},
|
|
1437
1695
|
"hover": {
|
|
1438
|
-
"value": "#
|
|
1696
|
+
"value": "#7657ff",
|
|
1439
1697
|
"public": true,
|
|
1440
1698
|
"isReferenceToInternal": true,
|
|
1441
1699
|
"filePath": "tokens/color/alias/form.dark.json",
|
|
1442
1700
|
"isSource": true,
|
|
1443
1701
|
"original": {
|
|
1444
|
-
"value": "{color.dark-mode.
|
|
1702
|
+
"value": "{color.dark-mode.brand.secondary.300.value}",
|
|
1445
1703
|
"public": true,
|
|
1446
1704
|
"isReferenceToInternal": true
|
|
1447
1705
|
},
|
|
@@ -980,6 +980,264 @@
|
|
|
980
980
|
}
|
|
981
981
|
}
|
|
982
982
|
},
|
|
983
|
+
"brand-secondary": {
|
|
984
|
+
"background": {
|
|
985
|
+
"default": {
|
|
986
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
987
|
+
"public": true,
|
|
988
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
989
|
+
"isSource": true,
|
|
990
|
+
"original": {
|
|
991
|
+
"value": "transparent",
|
|
992
|
+
"public": true
|
|
993
|
+
},
|
|
994
|
+
"name": "color-light-mode-button-brand-secondary-background-default",
|
|
995
|
+
"attributes": {
|
|
996
|
+
"category": "color",
|
|
997
|
+
"type": "light-mode",
|
|
998
|
+
"item": "button",
|
|
999
|
+
"subitem": "brand-secondary",
|
|
1000
|
+
"state": "background"
|
|
1001
|
+
},
|
|
1002
|
+
"path": [
|
|
1003
|
+
"color",
|
|
1004
|
+
"light-mode",
|
|
1005
|
+
"button",
|
|
1006
|
+
"brand-secondary",
|
|
1007
|
+
"background",
|
|
1008
|
+
"default"
|
|
1009
|
+
]
|
|
1010
|
+
},
|
|
1011
|
+
"hover": {
|
|
1012
|
+
"value": "#f1f1f1",
|
|
1013
|
+
"public": true,
|
|
1014
|
+
"isReferenceToInternal": true,
|
|
1015
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1016
|
+
"isSource": true,
|
|
1017
|
+
"original": {
|
|
1018
|
+
"value": "{color.light-mode.neutral.050.value}",
|
|
1019
|
+
"public": true,
|
|
1020
|
+
"isReferenceToInternal": true
|
|
1021
|
+
},
|
|
1022
|
+
"name": "color-light-mode-button-brand-secondary-background-hover",
|
|
1023
|
+
"attributes": {
|
|
1024
|
+
"category": "color",
|
|
1025
|
+
"type": "light-mode",
|
|
1026
|
+
"item": "button",
|
|
1027
|
+
"subitem": "brand-secondary",
|
|
1028
|
+
"state": "background"
|
|
1029
|
+
},
|
|
1030
|
+
"path": [
|
|
1031
|
+
"color",
|
|
1032
|
+
"light-mode",
|
|
1033
|
+
"button",
|
|
1034
|
+
"brand-secondary",
|
|
1035
|
+
"background",
|
|
1036
|
+
"hover"
|
|
1037
|
+
]
|
|
1038
|
+
},
|
|
1039
|
+
"active": {
|
|
1040
|
+
"value": "#cfcfd3",
|
|
1041
|
+
"public": true,
|
|
1042
|
+
"isReferenceToInternal": true,
|
|
1043
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1044
|
+
"isSource": true,
|
|
1045
|
+
"original": {
|
|
1046
|
+
"value": "{color.light-mode.neutral.100.value}",
|
|
1047
|
+
"public": true,
|
|
1048
|
+
"isReferenceToInternal": true
|
|
1049
|
+
},
|
|
1050
|
+
"name": "color-light-mode-button-brand-secondary-background-active",
|
|
1051
|
+
"attributes": {
|
|
1052
|
+
"category": "color",
|
|
1053
|
+
"type": "light-mode",
|
|
1054
|
+
"item": "button",
|
|
1055
|
+
"subitem": "brand-secondary",
|
|
1056
|
+
"state": "background"
|
|
1057
|
+
},
|
|
1058
|
+
"path": [
|
|
1059
|
+
"color",
|
|
1060
|
+
"light-mode",
|
|
1061
|
+
"button",
|
|
1062
|
+
"brand-secondary",
|
|
1063
|
+
"background",
|
|
1064
|
+
"active"
|
|
1065
|
+
]
|
|
1066
|
+
}
|
|
1067
|
+
},
|
|
1068
|
+
"border": {
|
|
1069
|
+
"default": {
|
|
1070
|
+
"value": "#54545f",
|
|
1071
|
+
"public": true,
|
|
1072
|
+
"isReferenceToInternal": true,
|
|
1073
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1074
|
+
"isSource": true,
|
|
1075
|
+
"original": {
|
|
1076
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
1077
|
+
"public": true,
|
|
1078
|
+
"isReferenceToInternal": true
|
|
1079
|
+
},
|
|
1080
|
+
"name": "color-light-mode-button-brand-secondary-border-default",
|
|
1081
|
+
"attributes": {
|
|
1082
|
+
"category": "color",
|
|
1083
|
+
"type": "light-mode",
|
|
1084
|
+
"item": "button",
|
|
1085
|
+
"subitem": "brand-secondary",
|
|
1086
|
+
"state": "border"
|
|
1087
|
+
},
|
|
1088
|
+
"path": [
|
|
1089
|
+
"color",
|
|
1090
|
+
"light-mode",
|
|
1091
|
+
"button",
|
|
1092
|
+
"brand-secondary",
|
|
1093
|
+
"border",
|
|
1094
|
+
"default"
|
|
1095
|
+
]
|
|
1096
|
+
},
|
|
1097
|
+
"hover": {
|
|
1098
|
+
"value": "#23232d",
|
|
1099
|
+
"public": true,
|
|
1100
|
+
"isReferenceToInternal": true,
|
|
1101
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1102
|
+
"isSource": true,
|
|
1103
|
+
"original": {
|
|
1104
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
1105
|
+
"public": true,
|
|
1106
|
+
"isReferenceToInternal": true
|
|
1107
|
+
},
|
|
1108
|
+
"name": "color-light-mode-button-brand-secondary-border-hover",
|
|
1109
|
+
"attributes": {
|
|
1110
|
+
"category": "color",
|
|
1111
|
+
"type": "light-mode",
|
|
1112
|
+
"item": "button",
|
|
1113
|
+
"subitem": "brand-secondary",
|
|
1114
|
+
"state": "border"
|
|
1115
|
+
},
|
|
1116
|
+
"path": [
|
|
1117
|
+
"color",
|
|
1118
|
+
"light-mode",
|
|
1119
|
+
"button",
|
|
1120
|
+
"brand-secondary",
|
|
1121
|
+
"border",
|
|
1122
|
+
"hover"
|
|
1123
|
+
]
|
|
1124
|
+
},
|
|
1125
|
+
"active": {
|
|
1126
|
+
"value": "#23232d",
|
|
1127
|
+
"public": true,
|
|
1128
|
+
"isReferenceToInternal": true,
|
|
1129
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1130
|
+
"isSource": true,
|
|
1131
|
+
"original": {
|
|
1132
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
1133
|
+
"public": true,
|
|
1134
|
+
"isReferenceToInternal": true
|
|
1135
|
+
},
|
|
1136
|
+
"name": "color-light-mode-button-brand-secondary-border-active",
|
|
1137
|
+
"attributes": {
|
|
1138
|
+
"category": "color",
|
|
1139
|
+
"type": "light-mode",
|
|
1140
|
+
"item": "button",
|
|
1141
|
+
"subitem": "brand-secondary",
|
|
1142
|
+
"state": "border"
|
|
1143
|
+
},
|
|
1144
|
+
"path": [
|
|
1145
|
+
"color",
|
|
1146
|
+
"light-mode",
|
|
1147
|
+
"button",
|
|
1148
|
+
"brand-secondary",
|
|
1149
|
+
"border",
|
|
1150
|
+
"active"
|
|
1151
|
+
]
|
|
1152
|
+
}
|
|
1153
|
+
},
|
|
1154
|
+
"foreground": {
|
|
1155
|
+
"default": {
|
|
1156
|
+
"value": "#23232d",
|
|
1157
|
+
"public": true,
|
|
1158
|
+
"isReferenceToInternal": true,
|
|
1159
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1160
|
+
"isSource": true,
|
|
1161
|
+
"original": {
|
|
1162
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
1163
|
+
"public": true,
|
|
1164
|
+
"isReferenceToInternal": true
|
|
1165
|
+
},
|
|
1166
|
+
"name": "color-light-mode-button-brand-secondary-foreground-default",
|
|
1167
|
+
"attributes": {
|
|
1168
|
+
"category": "color",
|
|
1169
|
+
"type": "light-mode",
|
|
1170
|
+
"item": "button",
|
|
1171
|
+
"subitem": "brand-secondary",
|
|
1172
|
+
"state": "foreground"
|
|
1173
|
+
},
|
|
1174
|
+
"path": [
|
|
1175
|
+
"color",
|
|
1176
|
+
"light-mode",
|
|
1177
|
+
"button",
|
|
1178
|
+
"brand-secondary",
|
|
1179
|
+
"foreground",
|
|
1180
|
+
"default"
|
|
1181
|
+
]
|
|
1182
|
+
},
|
|
1183
|
+
"hover": {
|
|
1184
|
+
"value": "#23232d",
|
|
1185
|
+
"public": true,
|
|
1186
|
+
"isReferenceToInternal": true,
|
|
1187
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1188
|
+
"isSource": true,
|
|
1189
|
+
"original": {
|
|
1190
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
1191
|
+
"public": true,
|
|
1192
|
+
"isReferenceToInternal": true
|
|
1193
|
+
},
|
|
1194
|
+
"name": "color-light-mode-button-brand-secondary-foreground-hover",
|
|
1195
|
+
"attributes": {
|
|
1196
|
+
"category": "color",
|
|
1197
|
+
"type": "light-mode",
|
|
1198
|
+
"item": "button",
|
|
1199
|
+
"subitem": "brand-secondary",
|
|
1200
|
+
"state": "foreground"
|
|
1201
|
+
},
|
|
1202
|
+
"path": [
|
|
1203
|
+
"color",
|
|
1204
|
+
"light-mode",
|
|
1205
|
+
"button",
|
|
1206
|
+
"brand-secondary",
|
|
1207
|
+
"foreground",
|
|
1208
|
+
"hover"
|
|
1209
|
+
]
|
|
1210
|
+
},
|
|
1211
|
+
"active": {
|
|
1212
|
+
"value": "#23232d",
|
|
1213
|
+
"public": true,
|
|
1214
|
+
"isReferenceToInternal": true,
|
|
1215
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1216
|
+
"isSource": true,
|
|
1217
|
+
"original": {
|
|
1218
|
+
"value": "{color.light-mode.neutral.700.value}",
|
|
1219
|
+
"public": true,
|
|
1220
|
+
"isReferenceToInternal": true
|
|
1221
|
+
},
|
|
1222
|
+
"name": "color-light-mode-button-brand-secondary-foreground-active",
|
|
1223
|
+
"attributes": {
|
|
1224
|
+
"category": "color",
|
|
1225
|
+
"type": "light-mode",
|
|
1226
|
+
"item": "button",
|
|
1227
|
+
"subitem": "brand-secondary",
|
|
1228
|
+
"state": "foreground"
|
|
1229
|
+
},
|
|
1230
|
+
"path": [
|
|
1231
|
+
"color",
|
|
1232
|
+
"light-mode",
|
|
1233
|
+
"button",
|
|
1234
|
+
"brand-secondary",
|
|
1235
|
+
"foreground",
|
|
1236
|
+
"active"
|
|
1237
|
+
]
|
|
1238
|
+
}
|
|
1239
|
+
}
|
|
1240
|
+
},
|
|
983
1241
|
"critical": {
|
|
984
1242
|
"background": {
|
|
985
1243
|
"default": {
|
|
@@ -1441,7 +1699,7 @@
|
|
|
1441
1699
|
"filePath": "tokens/color/alias/form.light.json",
|
|
1442
1700
|
"isSource": true,
|
|
1443
1701
|
"original": {
|
|
1444
|
-
"value": "{color.light-mode.
|
|
1702
|
+
"value": "{color.light-mode.brand.secondary.300.value}",
|
|
1445
1703
|
"public": true,
|
|
1446
1704
|
"isReferenceToInternal": true
|
|
1447
1705
|
},
|
|
@@ -22,6 +22,15 @@ $pds-color-button-brand-border-hover: #ffe668;
|
|
|
22
22
|
$pds-color-button-brand-foreground-active: #121219;
|
|
23
23
|
$pds-color-button-brand-foreground-default: #121219;
|
|
24
24
|
$pds-color-button-brand-foreground-hover: #121219;
|
|
25
|
+
$pds-color-button-brand-secondary-background-active: #282839;
|
|
26
|
+
$pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
27
|
+
$pds-color-button-brand-secondary-background-hover: #504e62;
|
|
28
|
+
$pds-color-button-brand-secondary-border-active: #504e62;
|
|
29
|
+
$pds-color-button-brand-secondary-border-default: #a6a3b4;
|
|
30
|
+
$pds-color-button-brand-secondary-border-hover: #ffffff;
|
|
31
|
+
$pds-color-button-brand-secondary-foreground-active: #e7e7eb;
|
|
32
|
+
$pds-color-button-brand-secondary-foreground-default: #e7e7eb;
|
|
33
|
+
$pds-color-button-brand-secondary-foreground-hover: #ffffff;
|
|
25
34
|
$pds-color-button-critical-background-active: #9c2f2f;
|
|
26
35
|
$pds-color-button-critical-background-default: #e05757;
|
|
27
36
|
$pds-color-button-critical-background-hover: #be4242;
|
|
@@ -66,7 +75,7 @@ $pds-color-input-background-default: #1d1d29;
|
|
|
66
75
|
$pds-color-input-background-hover: #282839;
|
|
67
76
|
$pds-color-input-border-critical: #e05757;
|
|
68
77
|
$pds-color-input-border-default: #a6a3b4;
|
|
69
|
-
$pds-color-input-border-hover: #
|
|
78
|
+
$pds-color-input-border-hover: #7657ff;
|
|
70
79
|
$pds-color-input-border-success: #3cb683;
|
|
71
80
|
$pds-color-input-checked-background: $pds-color-interactive-focus;
|
|
72
81
|
$pds-color-input-checked-foreground: #ffffff;
|
|
@@ -22,6 +22,15 @@ $pds-color-button-brand-border-hover: #ffe668;
|
|
|
22
22
|
$pds-color-button-brand-foreground-active: #23232d;
|
|
23
23
|
$pds-color-button-brand-foreground-default: #23232d;
|
|
24
24
|
$pds-color-button-brand-foreground-hover: #23232d;
|
|
25
|
+
$pds-color-button-brand-secondary-background-active: #cfcfd3;
|
|
26
|
+
$pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
27
|
+
$pds-color-button-brand-secondary-background-hover: #f1f1f1;
|
|
28
|
+
$pds-color-button-brand-secondary-border-active: #23232d;
|
|
29
|
+
$pds-color-button-brand-secondary-border-default: #54545f;
|
|
30
|
+
$pds-color-button-brand-secondary-border-hover: #23232d;
|
|
31
|
+
$pds-color-button-brand-secondary-foreground-active: #23232d;
|
|
32
|
+
$pds-color-button-brand-secondary-foreground-default: #23232d;
|
|
33
|
+
$pds-color-button-brand-secondary-foreground-hover: #23232d;
|
|
25
34
|
$pds-color-button-critical-background-active: #700000;
|
|
26
35
|
$pds-color-button-critical-background-default: #d61f1f;
|
|
27
36
|
$pds-color-button-critical-background-hover: #f83333;
|