@pyck/styled-system 0.2.0 → 0.5.0
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/dist/recipes/tabs.d.ts +1 -0
- package/dist/recipes/tabs.mjs +5 -1
- package/dist/tokens/index.mjs +352 -0
- package/dist/tokens/tokens.d.ts +2 -2
- package/dist/types/prop-type.d.ts +1 -1
- package/package.json +7 -7
package/dist/recipes/tabs.d.ts
CHANGED
package/dist/recipes/tabs.mjs
CHANGED
|
@@ -42,7 +42,8 @@ const tabsFn = memo((props = {}) => {
|
|
|
42
42
|
const tabsVariantKeys = [
|
|
43
43
|
"size",
|
|
44
44
|
"variant",
|
|
45
|
-
"fitted"
|
|
45
|
+
"fitted",
|
|
46
|
+
"sticky"
|
|
46
47
|
]
|
|
47
48
|
const getVariantProps = (variants) => ({ ...tabsDefaultVariants, ...compact(variants) })
|
|
48
49
|
|
|
@@ -68,6 +69,9 @@ export const tabs = /* @__PURE__ */ Object.assign(tabsFn, {
|
|
|
68
69
|
],
|
|
69
70
|
"fitted": [
|
|
70
71
|
"true"
|
|
72
|
+
],
|
|
73
|
+
"sticky": [
|
|
74
|
+
"true"
|
|
71
75
|
]
|
|
72
76
|
},
|
|
73
77
|
splitVariantProps(props) {
|
package/dist/tokens/index.mjs
CHANGED
|
@@ -2767,6 +2767,358 @@ const tokens = {
|
|
|
2767
2767
|
"value": "var(--colors-red-plain-fg)",
|
|
2768
2768
|
"variable": "var(--colors-red-plain-fg)"
|
|
2769
2769
|
},
|
|
2770
|
+
"colors.blue.1": {
|
|
2771
|
+
"value": "var(--colors-blue-1)",
|
|
2772
|
+
"variable": "var(--colors-blue-1)"
|
|
2773
|
+
},
|
|
2774
|
+
"colors.blue.2": {
|
|
2775
|
+
"value": "var(--colors-blue-2)",
|
|
2776
|
+
"variable": "var(--colors-blue-2)"
|
|
2777
|
+
},
|
|
2778
|
+
"colors.blue.3": {
|
|
2779
|
+
"value": "var(--colors-blue-3)",
|
|
2780
|
+
"variable": "var(--colors-blue-3)"
|
|
2781
|
+
},
|
|
2782
|
+
"colors.blue.4": {
|
|
2783
|
+
"value": "var(--colors-blue-4)",
|
|
2784
|
+
"variable": "var(--colors-blue-4)"
|
|
2785
|
+
},
|
|
2786
|
+
"colors.blue.5": {
|
|
2787
|
+
"value": "var(--colors-blue-5)",
|
|
2788
|
+
"variable": "var(--colors-blue-5)"
|
|
2789
|
+
},
|
|
2790
|
+
"colors.blue.6": {
|
|
2791
|
+
"value": "var(--colors-blue-6)",
|
|
2792
|
+
"variable": "var(--colors-blue-6)"
|
|
2793
|
+
},
|
|
2794
|
+
"colors.blue.7": {
|
|
2795
|
+
"value": "var(--colors-blue-7)",
|
|
2796
|
+
"variable": "var(--colors-blue-7)"
|
|
2797
|
+
},
|
|
2798
|
+
"colors.blue.8": {
|
|
2799
|
+
"value": "var(--colors-blue-8)",
|
|
2800
|
+
"variable": "var(--colors-blue-8)"
|
|
2801
|
+
},
|
|
2802
|
+
"colors.blue.9": {
|
|
2803
|
+
"value": "var(--colors-blue-9)",
|
|
2804
|
+
"variable": "var(--colors-blue-9)"
|
|
2805
|
+
},
|
|
2806
|
+
"colors.blue.10": {
|
|
2807
|
+
"value": "var(--colors-blue-10)",
|
|
2808
|
+
"variable": "var(--colors-blue-10)"
|
|
2809
|
+
},
|
|
2810
|
+
"colors.blue.11": {
|
|
2811
|
+
"value": "var(--colors-blue-11)",
|
|
2812
|
+
"variable": "var(--colors-blue-11)"
|
|
2813
|
+
},
|
|
2814
|
+
"colors.blue.12": {
|
|
2815
|
+
"value": "var(--colors-blue-12)",
|
|
2816
|
+
"variable": "var(--colors-blue-12)"
|
|
2817
|
+
},
|
|
2818
|
+
"colors.blue.a1": {
|
|
2819
|
+
"value": "var(--colors-blue-a1)",
|
|
2820
|
+
"variable": "var(--colors-blue-a1)"
|
|
2821
|
+
},
|
|
2822
|
+
"colors.blue.a2": {
|
|
2823
|
+
"value": "var(--colors-blue-a2)",
|
|
2824
|
+
"variable": "var(--colors-blue-a2)"
|
|
2825
|
+
},
|
|
2826
|
+
"colors.blue.a3": {
|
|
2827
|
+
"value": "var(--colors-blue-a3)",
|
|
2828
|
+
"variable": "var(--colors-blue-a3)"
|
|
2829
|
+
},
|
|
2830
|
+
"colors.blue.a4": {
|
|
2831
|
+
"value": "var(--colors-blue-a4)",
|
|
2832
|
+
"variable": "var(--colors-blue-a4)"
|
|
2833
|
+
},
|
|
2834
|
+
"colors.blue.a5": {
|
|
2835
|
+
"value": "var(--colors-blue-a5)",
|
|
2836
|
+
"variable": "var(--colors-blue-a5)"
|
|
2837
|
+
},
|
|
2838
|
+
"colors.blue.a6": {
|
|
2839
|
+
"value": "var(--colors-blue-a6)",
|
|
2840
|
+
"variable": "var(--colors-blue-a6)"
|
|
2841
|
+
},
|
|
2842
|
+
"colors.blue.a7": {
|
|
2843
|
+
"value": "var(--colors-blue-a7)",
|
|
2844
|
+
"variable": "var(--colors-blue-a7)"
|
|
2845
|
+
},
|
|
2846
|
+
"colors.blue.a8": {
|
|
2847
|
+
"value": "var(--colors-blue-a8)",
|
|
2848
|
+
"variable": "var(--colors-blue-a8)"
|
|
2849
|
+
},
|
|
2850
|
+
"colors.blue.a9": {
|
|
2851
|
+
"value": "var(--colors-blue-a9)",
|
|
2852
|
+
"variable": "var(--colors-blue-a9)"
|
|
2853
|
+
},
|
|
2854
|
+
"colors.blue.a10": {
|
|
2855
|
+
"value": "var(--colors-blue-a10)",
|
|
2856
|
+
"variable": "var(--colors-blue-a10)"
|
|
2857
|
+
},
|
|
2858
|
+
"colors.blue.a11": {
|
|
2859
|
+
"value": "var(--colors-blue-a11)",
|
|
2860
|
+
"variable": "var(--colors-blue-a11)"
|
|
2861
|
+
},
|
|
2862
|
+
"colors.blue.a12": {
|
|
2863
|
+
"value": "var(--colors-blue-a12)",
|
|
2864
|
+
"variable": "var(--colors-blue-a12)"
|
|
2865
|
+
},
|
|
2866
|
+
"colors.blue.solid.bg": {
|
|
2867
|
+
"value": "var(--colors-blue-solid-bg)",
|
|
2868
|
+
"variable": "var(--colors-blue-solid-bg)"
|
|
2869
|
+
},
|
|
2870
|
+
"colors.blue.solid.bg.hover": {
|
|
2871
|
+
"value": "var(--colors-blue-solid-bg-hover)",
|
|
2872
|
+
"variable": "var(--colors-blue-solid-bg-hover)"
|
|
2873
|
+
},
|
|
2874
|
+
"colors.blue.solid.fg": {
|
|
2875
|
+
"value": "var(--colors-blue-solid-fg)",
|
|
2876
|
+
"variable": "var(--colors-blue-solid-fg)"
|
|
2877
|
+
},
|
|
2878
|
+
"colors.blue.subtle.bg": {
|
|
2879
|
+
"value": "var(--colors-blue-subtle-bg)",
|
|
2880
|
+
"variable": "var(--colors-blue-subtle-bg)"
|
|
2881
|
+
},
|
|
2882
|
+
"colors.blue.subtle.bg.hover": {
|
|
2883
|
+
"value": "var(--colors-blue-subtle-bg-hover)",
|
|
2884
|
+
"variable": "var(--colors-blue-subtle-bg-hover)"
|
|
2885
|
+
},
|
|
2886
|
+
"colors.blue.subtle.bg.active": {
|
|
2887
|
+
"value": "var(--colors-blue-subtle-bg-active)",
|
|
2888
|
+
"variable": "var(--colors-blue-subtle-bg-active)"
|
|
2889
|
+
},
|
|
2890
|
+
"colors.blue.subtle.fg": {
|
|
2891
|
+
"value": "var(--colors-blue-subtle-fg)",
|
|
2892
|
+
"variable": "var(--colors-blue-subtle-fg)"
|
|
2893
|
+
},
|
|
2894
|
+
"colors.blue.surface.bg": {
|
|
2895
|
+
"value": "var(--colors-blue-surface-bg)",
|
|
2896
|
+
"variable": "var(--colors-blue-surface-bg)"
|
|
2897
|
+
},
|
|
2898
|
+
"colors.blue.surface.bg.active": {
|
|
2899
|
+
"value": "var(--colors-blue-surface-bg-active)",
|
|
2900
|
+
"variable": "var(--colors-blue-surface-bg-active)"
|
|
2901
|
+
},
|
|
2902
|
+
"colors.blue.surface.border": {
|
|
2903
|
+
"value": "var(--colors-blue-surface-border)",
|
|
2904
|
+
"variable": "var(--colors-blue-surface-border)"
|
|
2905
|
+
},
|
|
2906
|
+
"colors.blue.surface.border.hover": {
|
|
2907
|
+
"value": "var(--colors-blue-surface-border-hover)",
|
|
2908
|
+
"variable": "var(--colors-blue-surface-border-hover)"
|
|
2909
|
+
},
|
|
2910
|
+
"colors.blue.surface.fg": {
|
|
2911
|
+
"value": "var(--colors-blue-surface-fg)",
|
|
2912
|
+
"variable": "var(--colors-blue-surface-fg)"
|
|
2913
|
+
},
|
|
2914
|
+
"colors.blue.outline.bg.hover": {
|
|
2915
|
+
"value": "var(--colors-blue-outline-bg-hover)",
|
|
2916
|
+
"variable": "var(--colors-blue-outline-bg-hover)"
|
|
2917
|
+
},
|
|
2918
|
+
"colors.blue.outline.bg.active": {
|
|
2919
|
+
"value": "var(--colors-blue-outline-bg-active)",
|
|
2920
|
+
"variable": "var(--colors-blue-outline-bg-active)"
|
|
2921
|
+
},
|
|
2922
|
+
"colors.blue.outline.border": {
|
|
2923
|
+
"value": "var(--colors-blue-outline-border)",
|
|
2924
|
+
"variable": "var(--colors-blue-outline-border)"
|
|
2925
|
+
},
|
|
2926
|
+
"colors.blue.outline.fg": {
|
|
2927
|
+
"value": "var(--colors-blue-outline-fg)",
|
|
2928
|
+
"variable": "var(--colors-blue-outline-fg)"
|
|
2929
|
+
},
|
|
2930
|
+
"colors.blue.plain.bg.hover": {
|
|
2931
|
+
"value": "var(--colors-blue-plain-bg-hover)",
|
|
2932
|
+
"variable": "var(--colors-blue-plain-bg-hover)"
|
|
2933
|
+
},
|
|
2934
|
+
"colors.blue.plain.bg.active": {
|
|
2935
|
+
"value": "var(--colors-blue-plain-bg-active)",
|
|
2936
|
+
"variable": "var(--colors-blue-plain-bg-active)"
|
|
2937
|
+
},
|
|
2938
|
+
"colors.blue.plain.fg": {
|
|
2939
|
+
"value": "var(--colors-blue-plain-fg)",
|
|
2940
|
+
"variable": "var(--colors-blue-plain-fg)"
|
|
2941
|
+
},
|
|
2942
|
+
"colors.blue.plain.fg.hover": {
|
|
2943
|
+
"value": "var(--colors-blue-plain-fg-hover)",
|
|
2944
|
+
"variable": "var(--colors-blue-plain-fg-hover)"
|
|
2945
|
+
},
|
|
2946
|
+
"colors.purple.1": {
|
|
2947
|
+
"value": "var(--colors-purple-1)",
|
|
2948
|
+
"variable": "var(--colors-purple-1)"
|
|
2949
|
+
},
|
|
2950
|
+
"colors.purple.2": {
|
|
2951
|
+
"value": "var(--colors-purple-2)",
|
|
2952
|
+
"variable": "var(--colors-purple-2)"
|
|
2953
|
+
},
|
|
2954
|
+
"colors.purple.3": {
|
|
2955
|
+
"value": "var(--colors-purple-3)",
|
|
2956
|
+
"variable": "var(--colors-purple-3)"
|
|
2957
|
+
},
|
|
2958
|
+
"colors.purple.4": {
|
|
2959
|
+
"value": "var(--colors-purple-4)",
|
|
2960
|
+
"variable": "var(--colors-purple-4)"
|
|
2961
|
+
},
|
|
2962
|
+
"colors.purple.5": {
|
|
2963
|
+
"value": "var(--colors-purple-5)",
|
|
2964
|
+
"variable": "var(--colors-purple-5)"
|
|
2965
|
+
},
|
|
2966
|
+
"colors.purple.6": {
|
|
2967
|
+
"value": "var(--colors-purple-6)",
|
|
2968
|
+
"variable": "var(--colors-purple-6)"
|
|
2969
|
+
},
|
|
2970
|
+
"colors.purple.7": {
|
|
2971
|
+
"value": "var(--colors-purple-7)",
|
|
2972
|
+
"variable": "var(--colors-purple-7)"
|
|
2973
|
+
},
|
|
2974
|
+
"colors.purple.8": {
|
|
2975
|
+
"value": "var(--colors-purple-8)",
|
|
2976
|
+
"variable": "var(--colors-purple-8)"
|
|
2977
|
+
},
|
|
2978
|
+
"colors.purple.9": {
|
|
2979
|
+
"value": "var(--colors-purple-9)",
|
|
2980
|
+
"variable": "var(--colors-purple-9)"
|
|
2981
|
+
},
|
|
2982
|
+
"colors.purple.10": {
|
|
2983
|
+
"value": "var(--colors-purple-10)",
|
|
2984
|
+
"variable": "var(--colors-purple-10)"
|
|
2985
|
+
},
|
|
2986
|
+
"colors.purple.11": {
|
|
2987
|
+
"value": "var(--colors-purple-11)",
|
|
2988
|
+
"variable": "var(--colors-purple-11)"
|
|
2989
|
+
},
|
|
2990
|
+
"colors.purple.12": {
|
|
2991
|
+
"value": "var(--colors-purple-12)",
|
|
2992
|
+
"variable": "var(--colors-purple-12)"
|
|
2993
|
+
},
|
|
2994
|
+
"colors.purple.a1": {
|
|
2995
|
+
"value": "var(--colors-purple-a1)",
|
|
2996
|
+
"variable": "var(--colors-purple-a1)"
|
|
2997
|
+
},
|
|
2998
|
+
"colors.purple.a2": {
|
|
2999
|
+
"value": "var(--colors-purple-a2)",
|
|
3000
|
+
"variable": "var(--colors-purple-a2)"
|
|
3001
|
+
},
|
|
3002
|
+
"colors.purple.a3": {
|
|
3003
|
+
"value": "var(--colors-purple-a3)",
|
|
3004
|
+
"variable": "var(--colors-purple-a3)"
|
|
3005
|
+
},
|
|
3006
|
+
"colors.purple.a4": {
|
|
3007
|
+
"value": "var(--colors-purple-a4)",
|
|
3008
|
+
"variable": "var(--colors-purple-a4)"
|
|
3009
|
+
},
|
|
3010
|
+
"colors.purple.a5": {
|
|
3011
|
+
"value": "var(--colors-purple-a5)",
|
|
3012
|
+
"variable": "var(--colors-purple-a5)"
|
|
3013
|
+
},
|
|
3014
|
+
"colors.purple.a6": {
|
|
3015
|
+
"value": "var(--colors-purple-a6)",
|
|
3016
|
+
"variable": "var(--colors-purple-a6)"
|
|
3017
|
+
},
|
|
3018
|
+
"colors.purple.a7": {
|
|
3019
|
+
"value": "var(--colors-purple-a7)",
|
|
3020
|
+
"variable": "var(--colors-purple-a7)"
|
|
3021
|
+
},
|
|
3022
|
+
"colors.purple.a8": {
|
|
3023
|
+
"value": "var(--colors-purple-a8)",
|
|
3024
|
+
"variable": "var(--colors-purple-a8)"
|
|
3025
|
+
},
|
|
3026
|
+
"colors.purple.a9": {
|
|
3027
|
+
"value": "var(--colors-purple-a9)",
|
|
3028
|
+
"variable": "var(--colors-purple-a9)"
|
|
3029
|
+
},
|
|
3030
|
+
"colors.purple.a10": {
|
|
3031
|
+
"value": "var(--colors-purple-a10)",
|
|
3032
|
+
"variable": "var(--colors-purple-a10)"
|
|
3033
|
+
},
|
|
3034
|
+
"colors.purple.a11": {
|
|
3035
|
+
"value": "var(--colors-purple-a11)",
|
|
3036
|
+
"variable": "var(--colors-purple-a11)"
|
|
3037
|
+
},
|
|
3038
|
+
"colors.purple.a12": {
|
|
3039
|
+
"value": "var(--colors-purple-a12)",
|
|
3040
|
+
"variable": "var(--colors-purple-a12)"
|
|
3041
|
+
},
|
|
3042
|
+
"colors.purple.solid.bg": {
|
|
3043
|
+
"value": "var(--colors-purple-solid-bg)",
|
|
3044
|
+
"variable": "var(--colors-purple-solid-bg)"
|
|
3045
|
+
},
|
|
3046
|
+
"colors.purple.solid.bg.hover": {
|
|
3047
|
+
"value": "var(--colors-purple-solid-bg-hover)",
|
|
3048
|
+
"variable": "var(--colors-purple-solid-bg-hover)"
|
|
3049
|
+
},
|
|
3050
|
+
"colors.purple.solid.fg": {
|
|
3051
|
+
"value": "var(--colors-purple-solid-fg)",
|
|
3052
|
+
"variable": "var(--colors-purple-solid-fg)"
|
|
3053
|
+
},
|
|
3054
|
+
"colors.purple.subtle.bg": {
|
|
3055
|
+
"value": "var(--colors-purple-subtle-bg)",
|
|
3056
|
+
"variable": "var(--colors-purple-subtle-bg)"
|
|
3057
|
+
},
|
|
3058
|
+
"colors.purple.subtle.bg.hover": {
|
|
3059
|
+
"value": "var(--colors-purple-subtle-bg-hover)",
|
|
3060
|
+
"variable": "var(--colors-purple-subtle-bg-hover)"
|
|
3061
|
+
},
|
|
3062
|
+
"colors.purple.subtle.bg.active": {
|
|
3063
|
+
"value": "var(--colors-purple-subtle-bg-active)",
|
|
3064
|
+
"variable": "var(--colors-purple-subtle-bg-active)"
|
|
3065
|
+
},
|
|
3066
|
+
"colors.purple.subtle.fg": {
|
|
3067
|
+
"value": "var(--colors-purple-subtle-fg)",
|
|
3068
|
+
"variable": "var(--colors-purple-subtle-fg)"
|
|
3069
|
+
},
|
|
3070
|
+
"colors.purple.surface.bg": {
|
|
3071
|
+
"value": "var(--colors-purple-surface-bg)",
|
|
3072
|
+
"variable": "var(--colors-purple-surface-bg)"
|
|
3073
|
+
},
|
|
3074
|
+
"colors.purple.surface.bg.active": {
|
|
3075
|
+
"value": "var(--colors-purple-surface-bg-active)",
|
|
3076
|
+
"variable": "var(--colors-purple-surface-bg-active)"
|
|
3077
|
+
},
|
|
3078
|
+
"colors.purple.surface.border": {
|
|
3079
|
+
"value": "var(--colors-purple-surface-border)",
|
|
3080
|
+
"variable": "var(--colors-purple-surface-border)"
|
|
3081
|
+
},
|
|
3082
|
+
"colors.purple.surface.border.hover": {
|
|
3083
|
+
"value": "var(--colors-purple-surface-border-hover)",
|
|
3084
|
+
"variable": "var(--colors-purple-surface-border-hover)"
|
|
3085
|
+
},
|
|
3086
|
+
"colors.purple.surface.fg": {
|
|
3087
|
+
"value": "var(--colors-purple-surface-fg)",
|
|
3088
|
+
"variable": "var(--colors-purple-surface-fg)"
|
|
3089
|
+
},
|
|
3090
|
+
"colors.purple.outline.bg.hover": {
|
|
3091
|
+
"value": "var(--colors-purple-outline-bg-hover)",
|
|
3092
|
+
"variable": "var(--colors-purple-outline-bg-hover)"
|
|
3093
|
+
},
|
|
3094
|
+
"colors.purple.outline.bg.active": {
|
|
3095
|
+
"value": "var(--colors-purple-outline-bg-active)",
|
|
3096
|
+
"variable": "var(--colors-purple-outline-bg-active)"
|
|
3097
|
+
},
|
|
3098
|
+
"colors.purple.outline.border": {
|
|
3099
|
+
"value": "var(--colors-purple-outline-border)",
|
|
3100
|
+
"variable": "var(--colors-purple-outline-border)"
|
|
3101
|
+
},
|
|
3102
|
+
"colors.purple.outline.fg": {
|
|
3103
|
+
"value": "var(--colors-purple-outline-fg)",
|
|
3104
|
+
"variable": "var(--colors-purple-outline-fg)"
|
|
3105
|
+
},
|
|
3106
|
+
"colors.purple.plain.bg.hover": {
|
|
3107
|
+
"value": "var(--colors-purple-plain-bg-hover)",
|
|
3108
|
+
"variable": "var(--colors-purple-plain-bg-hover)"
|
|
3109
|
+
},
|
|
3110
|
+
"colors.purple.plain.bg.active": {
|
|
3111
|
+
"value": "var(--colors-purple-plain-bg-active)",
|
|
3112
|
+
"variable": "var(--colors-purple-plain-bg-active)"
|
|
3113
|
+
},
|
|
3114
|
+
"colors.purple.plain.fg": {
|
|
3115
|
+
"value": "var(--colors-purple-plain-fg)",
|
|
3116
|
+
"variable": "var(--colors-purple-plain-fg)"
|
|
3117
|
+
},
|
|
3118
|
+
"colors.purple.plain.fg.hover": {
|
|
3119
|
+
"value": "var(--colors-purple-plain-fg-hover)",
|
|
3120
|
+
"variable": "var(--colors-purple-plain-fg-hover)"
|
|
3121
|
+
},
|
|
2770
3122
|
"colors.fg.default": {
|
|
2771
3123
|
"value": "var(--colors-fg-default)",
|
|
2772
3124
|
"variable": "var(--colors-fg-default)"
|
package/dist/tokens/tokens.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `radii.${RadiusToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `letterSpacings.${LetterSpacingToken}` | `fontSizes.${FontSizeToken}` | `shadows.${ShadowToken}` | `blurs.${BlurToken}` | `spacing.${SpacingToken}` | `animations.${AnimationToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `zIndex.${ZIndexToken}` | `sizes.${SizeToken}` | `fonts.${FontToken}` | `breakpoints.${BreakpointToken}`
|
|
3
3
|
|
|
4
|
-
export type ColorPalette = "current" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "black" | "white" | "prose" | "teal.solid.bg" | "teal.solid" | "teal.solid.fg" | "teal.subtle.bg" | "teal.subtle" | "teal.subtle.fg" | "teal.surface.bg" | "teal.surface" | "teal.surface.border" | "teal.surface.fg" | "teal.outline" | "teal.outline.bg" | "teal.outline.border" | "teal.outline.fg" | "teal.plain" | "teal.plain.bg" | "teal.plain.fg" | "gray.solid.bg" | "gray.solid" | "gray.solid.fg" | "gray.subtle.bg" | "gray.subtle" | "gray.subtle.fg" | "gray.surface.bg" | "gray.surface" | "gray.surface.border" | "gray.surface.fg" | "gray.outline" | "gray.outline.bg" | "gray.outline.border" | "gray.outline.fg" | "gray.plain" | "gray.plain.bg" | "gray.plain.fg" | "orange.solid.bg" | "orange.solid" | "orange.solid.fg" | "orange.subtle.bg" | "orange.subtle" | "orange.subtle.fg" | "orange.surface.bg" | "orange.surface" | "orange.surface.border" | "orange.surface.fg" | "orange.outline" | "orange.outline.bg" | "orange.outline.border" | "orange.outline.fg" | "orange.plain" | "orange.plain.bg" | "orange.plain.fg" | "red.solid.bg" | "red.solid" | "red.solid.fg" | "red.subtle.bg" | "red.subtle" | "red.subtle.fg" | "red.surface.bg" | "red.surface" | "red.surface.border" | "red.surface.fg" | "red.outline" | "red.outline.bg" | "red.outline.border" | "red.outline.fg" | "red.plain" | "red.plain.bg" | "red.plain.fg" | "fg" | "canvas" | "border" | "error"
|
|
4
|
+
export type ColorPalette = "current" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "black" | "white" | "prose" | "teal.solid.bg" | "teal.solid" | "teal.solid.fg" | "teal.subtle.bg" | "teal.subtle" | "teal.subtle.fg" | "teal.surface.bg" | "teal.surface" | "teal.surface.border" | "teal.surface.fg" | "teal.outline" | "teal.outline.bg" | "teal.outline.border" | "teal.outline.fg" | "teal.plain" | "teal.plain.bg" | "teal.plain.fg" | "gray.solid.bg" | "gray.solid" | "gray.solid.fg" | "gray.subtle.bg" | "gray.subtle" | "gray.subtle.fg" | "gray.surface.bg" | "gray.surface" | "gray.surface.border" | "gray.surface.fg" | "gray.outline" | "gray.outline.bg" | "gray.outline.border" | "gray.outline.fg" | "gray.plain" | "gray.plain.bg" | "gray.plain.fg" | "orange.solid.bg" | "orange.solid" | "orange.solid.fg" | "orange.subtle.bg" | "orange.subtle" | "orange.subtle.fg" | "orange.surface.bg" | "orange.surface" | "orange.surface.border" | "orange.surface.fg" | "orange.outline" | "orange.outline.bg" | "orange.outline.border" | "orange.outline.fg" | "orange.plain" | "orange.plain.bg" | "orange.plain.fg" | "red.solid.bg" | "red.solid" | "red.solid.fg" | "red.subtle.bg" | "red.subtle" | "red.subtle.fg" | "red.surface.bg" | "red.surface" | "red.surface.border" | "red.surface.fg" | "red.outline" | "red.outline.bg" | "red.outline.border" | "red.outline.fg" | "red.plain" | "red.plain.bg" | "red.plain.fg" | "blue.solid.bg" | "blue.solid" | "blue.solid.fg" | "blue.subtle.bg" | "blue.subtle" | "blue.subtle.fg" | "blue.surface.bg" | "blue.surface" | "blue.surface.border" | "blue.surface.fg" | "blue.outline" | "blue.outline.bg" | "blue.outline.border" | "blue.outline.fg" | "blue.plain" | "blue.plain.bg" | "blue.plain.fg" | "purple.solid.bg" | "purple.solid" | "purple.solid.fg" | "purple.subtle.bg" | "purple.subtle" | "purple.subtle.fg" | "purple.surface.bg" | "purple.surface" | "purple.surface.border" | "purple.surface.fg" | "purple.outline" | "purple.outline.bg" | "purple.outline.border" | "purple.outline.fg" | "purple.plain" | "purple.plain.bg" | "purple.plain.fg" | "fg" | "canvas" | "border" | "error"
|
|
5
5
|
|
|
6
6
|
export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
|
|
7
7
|
|
|
@@ -25,7 +25,7 @@ export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" |
|
|
|
25
25
|
|
|
26
26
|
export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
|
|
27
27
|
|
|
28
|
-
export type ColorToken = "current" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "black" | "black.a1" | "black.a2" | "black.a3" | "black.a4" | "black.a5" | "black.a6" | "black.a7" | "black.a8" | "black.a9" | "black.a10" | "black.a11" | "black.a12" | "white" | "white.a1" | "white.a2" | "white.a3" | "white.a4" | "white.a5" | "white.a6" | "white.a7" | "white.a8" | "white.a9" | "white.a10" | "white.a11" | "white.a12" | "prose.heading" | "prose.body" | "prose.link" | "prose.bold" | "prose.td-border" | "prose.th-border" | "teal.1" | "teal.2" | "teal.3" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "teal.11" | "teal.12" | "teal.a1" | "teal.a2" | "teal.a3" | "teal.a4" | "teal.a5" | "teal.a6" | "teal.a7" | "teal.a8" | "teal.a9" | "teal.a10" | "teal.a11" | "teal.a12" | "teal.solid.bg" | "teal.solid.bg.hover" | "teal.solid.fg" | "teal.subtle.bg" | "teal.subtle.bg.hover" | "teal.subtle.bg.active" | "teal.subtle.fg" | "teal.surface.bg" | "teal.surface.bg.active" | "teal.surface.border" | "teal.surface.border.hover" | "teal.surface.fg" | "teal.outline.bg.hover" | "teal.outline.bg.active" | "teal.outline.border" | "teal.outline.fg" | "teal.plain.bg.hover" | "teal.plain.bg.active" | "teal.plain.fg" | "teal.plain.fg.hover" | "gray.1" | "gray.2" | "gray.3" | "gray.4" | "gray.5" | "gray.6" | "gray.7" | "gray.8" | "gray.9" | "gray.10" | "gray.11" | "gray.12" | "gray.a1" | "gray.a2" | "gray.a3" | "gray.a4" | "gray.a5" | "gray.a6" | "gray.a7" | "gray.a8" | "gray.a9" | "gray.a10" | "gray.a11" | "gray.a12" | "gray.solid.bg" | "gray.solid.bg.hover" | "gray.solid.fg" | "gray.subtle.bg" | "gray.subtle.bg.hover" | "gray.subtle.bg.active" | "gray.subtle.fg" | "gray.surface.bg" | "gray.surface.bg.hover" | "gray.surface.bg.active" | "gray.surface.border" | "gray.surface.border.hover" | "gray.surface.fg" | "gray.outline.bg.hover" | "gray.outline.bg.active" | "gray.outline.border" | "gray.outline.fg" | "gray.plain.bg.hover" | "gray.plain.bg.active" | "gray.plain.fg" | "orange.1" | "orange.2" | "orange.3" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "orange.11" | "orange.12" | "orange.a1" | "orange.a2" | "orange.a3" | "orange.a4" | "orange.a5" | "orange.a6" | "orange.a7" | "orange.a8" | "orange.a9" | "orange.a10" | "orange.a11" | "orange.a12" | "orange.solid.bg" | "orange.solid.bg.hover" | "orange.solid.fg" | "orange.subtle.bg" | "orange.subtle.bg.hover" | "orange.subtle.bg.active" | "orange.subtle.fg" | "orange.surface.bg" | "orange.surface.bg.active" | "orange.surface.border" | "orange.surface.border.hover" | "orange.surface.fg" | "orange.outline.bg.hover" | "orange.outline.bg.active" | "orange.outline.border" | "orange.outline.fg" | "orange.plain.bg.hover" | "orange.plain.bg.active" | "orange.plain.fg" | "red.1" | "red.2" | "red.3" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "red.11" | "red.12" | "red.a1" | "red.a2" | "red.a3" | "red.a4" | "red.a5" | "red.a6" | "red.a7" | "red.a8" | "red.a9" | "red.a10" | "red.a11" | "red.a12" | "red.solid.bg" | "red.solid.bg.hover" | "red.solid.fg" | "red.subtle.bg" | "red.subtle.bg.hover" | "red.subtle.bg.active" | "red.subtle.fg" | "red.surface.bg" | "red.surface.bg.active" | "red.surface.border" | "red.surface.border.hover" | "red.surface.fg" | "red.outline.bg.hover" | "red.outline.bg.active" | "red.outline.border" | "red.outline.fg" | "red.plain.bg.hover" | "red.plain.bg.active" | "red.plain.fg" | "fg.default" | "fg.muted" | "fg.subtle" | "canvas" | "border" | "error" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.a1" | "colorPalette.a2" | "colorPalette.a3" | "colorPalette.a4" | "colorPalette.a5" | "colorPalette.a6" | "colorPalette.a7" | "colorPalette.a8" | "colorPalette.a9" | "colorPalette.a10" | "colorPalette.a11" | "colorPalette.a12" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.6" | "colorPalette.7" | "colorPalette.8" | "colorPalette.9" | "colorPalette.10" | "colorPalette.11" | "colorPalette.12" | "colorPalette.solid.bg" | "colorPalette.bg" | "colorPalette.solid.bg.hover" | "colorPalette.bg.hover" | "colorPalette.hover" | "colorPalette.solid.fg" | "colorPalette.fg" | "colorPalette.subtle.bg" | "colorPalette.subtle.bg.hover" | "colorPalette.subtle.bg.active" | "colorPalette.bg.active" | "colorPalette.active" | "colorPalette.subtle.fg" | "colorPalette.surface.bg" | "colorPalette.surface.bg.active" | "colorPalette.surface.border" | "colorPalette.border" | "colorPalette.surface.border.hover" | "colorPalette.border.hover" | "colorPalette.surface.fg" | "colorPalette.outline.bg.hover" | "colorPalette.outline.bg.active" | "colorPalette.outline.border" | "colorPalette.outline.fg" | "colorPalette.plain.bg.hover" | "colorPalette.plain.bg.active" | "colorPalette.plain.fg" | "colorPalette.plain.fg.hover" | "colorPalette.fg.hover" | "colorPalette.surface.bg.hover" | "colorPalette.default" | "colorPalette.muted" | "colorPalette.subtle" | "colorPalette.heading" | "colorPalette.body" | "colorPalette.link" | "colorPalette.bold" | "colorPalette.td-border" | "colorPalette.th-border"
|
|
28
|
+
export type ColorToken = "current" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "black" | "black.a1" | "black.a2" | "black.a3" | "black.a4" | "black.a5" | "black.a6" | "black.a7" | "black.a8" | "black.a9" | "black.a10" | "black.a11" | "black.a12" | "white" | "white.a1" | "white.a2" | "white.a3" | "white.a4" | "white.a5" | "white.a6" | "white.a7" | "white.a8" | "white.a9" | "white.a10" | "white.a11" | "white.a12" | "prose.heading" | "prose.body" | "prose.link" | "prose.bold" | "prose.td-border" | "prose.th-border" | "teal.1" | "teal.2" | "teal.3" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "teal.11" | "teal.12" | "teal.a1" | "teal.a2" | "teal.a3" | "teal.a4" | "teal.a5" | "teal.a6" | "teal.a7" | "teal.a8" | "teal.a9" | "teal.a10" | "teal.a11" | "teal.a12" | "teal.solid.bg" | "teal.solid.bg.hover" | "teal.solid.fg" | "teal.subtle.bg" | "teal.subtle.bg.hover" | "teal.subtle.bg.active" | "teal.subtle.fg" | "teal.surface.bg" | "teal.surface.bg.active" | "teal.surface.border" | "teal.surface.border.hover" | "teal.surface.fg" | "teal.outline.bg.hover" | "teal.outline.bg.active" | "teal.outline.border" | "teal.outline.fg" | "teal.plain.bg.hover" | "teal.plain.bg.active" | "teal.plain.fg" | "teal.plain.fg.hover" | "gray.1" | "gray.2" | "gray.3" | "gray.4" | "gray.5" | "gray.6" | "gray.7" | "gray.8" | "gray.9" | "gray.10" | "gray.11" | "gray.12" | "gray.a1" | "gray.a2" | "gray.a3" | "gray.a4" | "gray.a5" | "gray.a6" | "gray.a7" | "gray.a8" | "gray.a9" | "gray.a10" | "gray.a11" | "gray.a12" | "gray.solid.bg" | "gray.solid.bg.hover" | "gray.solid.fg" | "gray.subtle.bg" | "gray.subtle.bg.hover" | "gray.subtle.bg.active" | "gray.subtle.fg" | "gray.surface.bg" | "gray.surface.bg.hover" | "gray.surface.bg.active" | "gray.surface.border" | "gray.surface.border.hover" | "gray.surface.fg" | "gray.outline.bg.hover" | "gray.outline.bg.active" | "gray.outline.border" | "gray.outline.fg" | "gray.plain.bg.hover" | "gray.plain.bg.active" | "gray.plain.fg" | "orange.1" | "orange.2" | "orange.3" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "orange.11" | "orange.12" | "orange.a1" | "orange.a2" | "orange.a3" | "orange.a4" | "orange.a5" | "orange.a6" | "orange.a7" | "orange.a8" | "orange.a9" | "orange.a10" | "orange.a11" | "orange.a12" | "orange.solid.bg" | "orange.solid.bg.hover" | "orange.solid.fg" | "orange.subtle.bg" | "orange.subtle.bg.hover" | "orange.subtle.bg.active" | "orange.subtle.fg" | "orange.surface.bg" | "orange.surface.bg.active" | "orange.surface.border" | "orange.surface.border.hover" | "orange.surface.fg" | "orange.outline.bg.hover" | "orange.outline.bg.active" | "orange.outline.border" | "orange.outline.fg" | "orange.plain.bg.hover" | "orange.plain.bg.active" | "orange.plain.fg" | "red.1" | "red.2" | "red.3" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "red.11" | "red.12" | "red.a1" | "red.a2" | "red.a3" | "red.a4" | "red.a5" | "red.a6" | "red.a7" | "red.a8" | "red.a9" | "red.a10" | "red.a11" | "red.a12" | "red.solid.bg" | "red.solid.bg.hover" | "red.solid.fg" | "red.subtle.bg" | "red.subtle.bg.hover" | "red.subtle.bg.active" | "red.subtle.fg" | "red.surface.bg" | "red.surface.bg.active" | "red.surface.border" | "red.surface.border.hover" | "red.surface.fg" | "red.outline.bg.hover" | "red.outline.bg.active" | "red.outline.border" | "red.outline.fg" | "red.plain.bg.hover" | "red.plain.bg.active" | "red.plain.fg" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "blue.11" | "blue.12" | "blue.a1" | "blue.a2" | "blue.a3" | "blue.a4" | "blue.a5" | "blue.a6" | "blue.a7" | "blue.a8" | "blue.a9" | "blue.a10" | "blue.a11" | "blue.a12" | "blue.solid.bg" | "blue.solid.bg.hover" | "blue.solid.fg" | "blue.subtle.bg" | "blue.subtle.bg.hover" | "blue.subtle.bg.active" | "blue.subtle.fg" | "blue.surface.bg" | "blue.surface.bg.active" | "blue.surface.border" | "blue.surface.border.hover" | "blue.surface.fg" | "blue.outline.bg.hover" | "blue.outline.bg.active" | "blue.outline.border" | "blue.outline.fg" | "blue.plain.bg.hover" | "blue.plain.bg.active" | "blue.plain.fg" | "blue.plain.fg.hover" | "purple.1" | "purple.2" | "purple.3" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "purple.11" | "purple.12" | "purple.a1" | "purple.a2" | "purple.a3" | "purple.a4" | "purple.a5" | "purple.a6" | "purple.a7" | "purple.a8" | "purple.a9" | "purple.a10" | "purple.a11" | "purple.a12" | "purple.solid.bg" | "purple.solid.bg.hover" | "purple.solid.fg" | "purple.subtle.bg" | "purple.subtle.bg.hover" | "purple.subtle.bg.active" | "purple.subtle.fg" | "purple.surface.bg" | "purple.surface.bg.active" | "purple.surface.border" | "purple.surface.border.hover" | "purple.surface.fg" | "purple.outline.bg.hover" | "purple.outline.bg.active" | "purple.outline.border" | "purple.outline.fg" | "purple.plain.bg.hover" | "purple.plain.bg.active" | "purple.plain.fg" | "purple.plain.fg.hover" | "fg.default" | "fg.muted" | "fg.subtle" | "canvas" | "border" | "error" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.a1" | "colorPalette.a2" | "colorPalette.a3" | "colorPalette.a4" | "colorPalette.a5" | "colorPalette.a6" | "colorPalette.a7" | "colorPalette.a8" | "colorPalette.a9" | "colorPalette.a10" | "colorPalette.a11" | "colorPalette.a12" | "colorPalette.1" | "colorPalette.2" | "colorPalette.3" | "colorPalette.4" | "colorPalette.5" | "colorPalette.6" | "colorPalette.7" | "colorPalette.8" | "colorPalette.9" | "colorPalette.10" | "colorPalette.11" | "colorPalette.12" | "colorPalette.solid.bg" | "colorPalette.bg" | "colorPalette.solid.bg.hover" | "colorPalette.bg.hover" | "colorPalette.hover" | "colorPalette.solid.fg" | "colorPalette.fg" | "colorPalette.subtle.bg" | "colorPalette.subtle.bg.hover" | "colorPalette.subtle.bg.active" | "colorPalette.bg.active" | "colorPalette.active" | "colorPalette.subtle.fg" | "colorPalette.surface.bg" | "colorPalette.surface.bg.active" | "colorPalette.surface.border" | "colorPalette.border" | "colorPalette.surface.border.hover" | "colorPalette.border.hover" | "colorPalette.surface.fg" | "colorPalette.outline.bg.hover" | "colorPalette.outline.bg.active" | "colorPalette.outline.border" | "colorPalette.outline.fg" | "colorPalette.plain.bg.hover" | "colorPalette.plain.bg.active" | "colorPalette.plain.fg" | "colorPalette.plain.fg.hover" | "colorPalette.fg.hover" | "colorPalette.surface.bg.hover" | "colorPalette.default" | "colorPalette.muted" | "colorPalette.subtle" | "colorPalette.heading" | "colorPalette.body" | "colorPalette.link" | "colorPalette.bold" | "colorPalette.td-border" | "colorPalette.th-border"
|
|
29
29
|
|
|
30
30
|
export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest"
|
|
31
31
|
|
|
@@ -205,7 +205,7 @@ export interface UtilityValues {
|
|
|
205
205
|
srOnly: boolean;
|
|
206
206
|
debug: boolean;
|
|
207
207
|
containerName: CssProperties["containerName"];
|
|
208
|
-
colorPalette: "current" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "black" | "white" | "prose" | "teal.solid.bg" | "teal.solid" | "teal.solid.fg" | "teal.subtle.bg" | "teal.subtle" | "teal.subtle.fg" | "teal.surface.bg" | "teal.surface" | "teal.surface.border" | "teal.surface.fg" | "teal.outline" | "teal.outline.bg" | "teal.outline.border" | "teal.outline.fg" | "teal.plain" | "teal.plain.bg" | "teal.plain.fg" | "gray.solid.bg" | "gray.solid" | "gray.solid.fg" | "gray.subtle.bg" | "gray.subtle" | "gray.subtle.fg" | "gray.surface.bg" | "gray.surface" | "gray.surface.border" | "gray.surface.fg" | "gray.outline" | "gray.outline.bg" | "gray.outline.border" | "gray.outline.fg" | "gray.plain" | "gray.plain.bg" | "gray.plain.fg" | "orange.solid.bg" | "orange.solid" | "orange.solid.fg" | "orange.subtle.bg" | "orange.subtle" | "orange.subtle.fg" | "orange.surface.bg" | "orange.surface" | "orange.surface.border" | "orange.surface.fg" | "orange.outline" | "orange.outline.bg" | "orange.outline.border" | "orange.outline.fg" | "orange.plain" | "orange.plain.bg" | "orange.plain.fg" | "red.solid.bg" | "red.solid" | "red.solid.fg" | "red.subtle.bg" | "red.subtle" | "red.subtle.fg" | "red.surface.bg" | "red.surface" | "red.surface.border" | "red.surface.fg" | "red.outline" | "red.outline.bg" | "red.outline.border" | "red.outline.fg" | "red.plain" | "red.plain.bg" | "red.plain.fg" | "fg" | "canvas" | "border" | "error";
|
|
208
|
+
colorPalette: "current" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "black" | "white" | "prose" | "teal.solid.bg" | "teal.solid" | "teal.solid.fg" | "teal.subtle.bg" | "teal.subtle" | "teal.subtle.fg" | "teal.surface.bg" | "teal.surface" | "teal.surface.border" | "teal.surface.fg" | "teal.outline" | "teal.outline.bg" | "teal.outline.border" | "teal.outline.fg" | "teal.plain" | "teal.plain.bg" | "teal.plain.fg" | "gray.solid.bg" | "gray.solid" | "gray.solid.fg" | "gray.subtle.bg" | "gray.subtle" | "gray.subtle.fg" | "gray.surface.bg" | "gray.surface" | "gray.surface.border" | "gray.surface.fg" | "gray.outline" | "gray.outline.bg" | "gray.outline.border" | "gray.outline.fg" | "gray.plain" | "gray.plain.bg" | "gray.plain.fg" | "orange.solid.bg" | "orange.solid" | "orange.solid.fg" | "orange.subtle.bg" | "orange.subtle" | "orange.subtle.fg" | "orange.surface.bg" | "orange.surface" | "orange.surface.border" | "orange.surface.fg" | "orange.outline" | "orange.outline.bg" | "orange.outline.border" | "orange.outline.fg" | "orange.plain" | "orange.plain.bg" | "orange.plain.fg" | "red.solid.bg" | "red.solid" | "red.solid.fg" | "red.subtle.bg" | "red.subtle" | "red.subtle.fg" | "red.surface.bg" | "red.surface" | "red.surface.border" | "red.surface.fg" | "red.outline" | "red.outline.bg" | "red.outline.border" | "red.outline.fg" | "red.plain" | "red.plain.bg" | "red.plain.fg" | "blue.solid.bg" | "blue.solid" | "blue.solid.fg" | "blue.subtle.bg" | "blue.subtle" | "blue.subtle.fg" | "blue.surface.bg" | "blue.surface" | "blue.surface.border" | "blue.surface.fg" | "blue.outline" | "blue.outline.bg" | "blue.outline.border" | "blue.outline.fg" | "blue.plain" | "blue.plain.bg" | "blue.plain.fg" | "purple.solid.bg" | "purple.solid" | "purple.solid.fg" | "purple.subtle.bg" | "purple.subtle" | "purple.subtle.fg" | "purple.surface.bg" | "purple.surface" | "purple.surface.border" | "purple.surface.fg" | "purple.outline" | "purple.outline.bg" | "purple.outline.border" | "purple.outline.fg" | "purple.plain" | "purple.plain.bg" | "purple.plain.fg" | "fg" | "canvas" | "border" | "error";
|
|
209
209
|
textStyle: "8xl" | "9xl" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "label" | "header";
|
|
210
210
|
layerStyle: "disabled" | "card";
|
|
211
211
|
animationStyle: "slide-fade-in" | "slide-fade-out" | "scale-fade-in" | "scale-fade-out";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pyck/styled-system",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.5.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://pyck.ai",
|
|
7
7
|
"repository": {
|
|
@@ -45,18 +45,18 @@
|
|
|
45
45
|
"require": "./dist/jsx/index.mjs",
|
|
46
46
|
"import": "./dist/jsx/index.mjs"
|
|
47
47
|
},
|
|
48
|
-
"./recipes": {
|
|
49
|
-
"types": "./dist/recipes
|
|
50
|
-
"require": "./dist/recipes
|
|
51
|
-
"import": "./dist/recipes
|
|
48
|
+
"./recipes/*": {
|
|
49
|
+
"types": "./dist/recipes/*.d.ts",
|
|
50
|
+
"require": "./dist/recipes/*.mjs",
|
|
51
|
+
"import": "./dist/recipes/*.mjs"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@pyck/panda-preset": "
|
|
55
|
+
"@pyck/panda-preset": "workspace:*",
|
|
56
56
|
"@pandacss/dev": "1.9.0",
|
|
57
57
|
"@pandacss/preset-base": "1.9.0",
|
|
58
58
|
"@pandacss/preset-panda": "1.9.0",
|
|
59
|
-
"@types/react": "19.2.
|
|
59
|
+
"@types/react": "19.2.14",
|
|
60
60
|
"react": "19.2.4",
|
|
61
61
|
"react-dom": "19.2.4"
|
|
62
62
|
},
|