@pyck/styled-system 0.3.0 → 0.6.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.
Files changed (5) hide show
  1. package/dist/patterns/spacer.mjs +6 -2
  2. package/dist/tokens/index.mjs +352 -0
  3. package/dist/tokens/tokens.d.ts +2 -2
  4. package/dist/types/prop-type.d.ts +1 -1
  5. package/package.json +12 -7
package/dist/patterns/spacer.mjs CHANGED
@@ -2,12 +2,16 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
2
2
  import { css } from '../css/index.mjs';
3
3
 
4
4
  const spacerConfig = {
5
- transform(props, { map }) {
5
+ transform(props, { map, isCssUnit, isCssVar }) {
6
6
  const { size, ...rest } = props;
7
7
  return {
8
8
  alignSelf: "stretch",
9
9
  justifySelf: "stretch",
10
- flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
10
+ flex: map(size, (v) => {
11
+ if (v == null) return "1";
12
+ const val = isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
13
+ return `0 0 ${val}`;
14
+ }),
11
15
  ...rest
12
16
  };
13
17
  }}
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
 
package/dist/types/prop-type.d.ts CHANGED
@@ -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.3.0",
4
+ "version": "0.6.0",
5
5
  "license": "MIT",
6
6
  "homepage": "https://pyck.ai",
7
7
  "repository": {
@@ -45,6 +45,11 @@
45
45
  "require": "./dist/jsx/index.mjs",
46
46
  "import": "./dist/jsx/index.mjs"
47
47
  },
48
+ "./recipes": {
49
+ "types": "./dist/recipes/index.d.ts",
50
+ "require": "./dist/recipes/index.mjs",
51
+ "import": "./dist/recipes/index.mjs"
52
+ },
48
53
  "./recipes/*": {
49
54
  "types": "./dist/recipes/*.d.ts",
50
55
  "require": "./dist/recipes/*.mjs",
@@ -53,12 +58,12 @@
53
58
  },
54
59
  "devDependencies": {
55
60
  "@pyck/panda-preset": "workspace:*",
56
- "@pandacss/dev": "catalog:",
57
- "@pandacss/preset-base": "catalog:",
58
- "@pandacss/preset-panda": "catalog:",
59
- "@types/react": "catalog:",
60
- "react": "catalog:",
61
- "react-dom": "catalog:"
61
+ "@pandacss/dev": "1.9.1",
62
+ "@pandacss/preset-base": "1.9.1",
63
+ "@pandacss/preset-panda": "1.9.1",
64
+ "@types/react": "19.2.14",
65
+ "react": "19.2.4",
66
+ "react-dom": "19.2.4"
62
67
  },
63
68
  "publishConfig": {
64
69
  "access": "public"