@onereach/styles 25.3.6 → 25.3.7-beta.5824.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 (37) hide show
  1. package/README.md +0 -152
  2. package/package.json +7 -21
  3. package/tailwind/utils.js +33 -0
  4. package/tailwind.config.json +448 -429
  5. package/tailwind.config.preset.js +18 -21
  6. package/tokens-v3.css +14 -0
  7. package/tokens.css +14 -0
  8. package/dist/index.css +0 -300
  9. package/dist/index.css.map +0 -1
  10. package/dist/index.min.css +0 -1
  11. package/main.css +0 -10
  12. package/src/global.scss +0 -8
  13. package/src/main.scss +0 -1
  14. package/src/utils/_animation.scss +0 -19
  15. package/src/utils/functions/_breakpoint.scss +0 -33
  16. package/src/utils/functions/_get-transition-func.scss +0 -13
  17. package/src/utils/functions/_get-transition-time.scss +0 -13
  18. package/src/utils/functions/_px-to-rem.scss +0 -9
  19. package/src/utils/functions/index.scss +0 -4
  20. package/src/utils/index.scss +0 -3
  21. package/src/utils/mixins/_active.scss +0 -7
  22. package/src/utils/mixins/_breakpoints.scss +0 -13
  23. package/src/utils/mixins/_disabled.scss +0 -8
  24. package/src/utils/mixins/_focus.scss +0 -7
  25. package/src/utils/mixins/_has-error.scss +0 -5
  26. package/src/utils/mixins/_hover.scss +0 -17
  27. package/src/utils/mixins/_loading.scss +0 -7
  28. package/src/utils/mixins/_transition.scss +0 -7
  29. package/src/utils/mixins/index.scss +0 -8
  30. package/src/variables/_colors.scss +0 -70
  31. package/src/variables/_css-vars.scss +0 -91
  32. package/src/variables/_initial.scss +0 -25
  33. package/src/variables/_spacings.scss +0 -11
  34. package/src/variables/_typography.scss +0 -15
  35. package/src/variables/_z-index.scss +0 -5
  36. package/src/variables/index.scss +0 -7
  37. package/src/variables/tokens/design-tokens.scss +0 -86
package/tailwind.config.json CHANGED
@@ -2,30 +2,31 @@
2
2
  "theme": {
3
3
  "screens": {},
4
4
  "spacing": {
5
- "0": "0px",
5
+ "0": "var(--or-s-none)",
6
6
  "none": "0px",
7
- "xs": "4px",
8
- "xs*": "3px",
9
- "sm": "8px",
10
- "sm*": "7px",
11
- "md": "16px",
12
- "md*": "15px",
13
- "xl": "32px",
14
- "xl*": "31px",
15
- "3xl": "64px",
16
- "3xl*": "63px",
17
- "4xl": "128px",
18
- "4xl*": "127px",
19
- "lg": "24px",
20
- "lg*": "23px",
21
- "2xl": "48px",
22
- "2xl*": "47px",
23
- "sm+": "12px",
24
- "sm+*": "11px",
25
- "md+": "20px",
26
- "md+*": "19px",
27
- "lg+": "28px",
28
- "lg+*": "27px"
7
+ "0*": "calc(var(--or-s-none) - 1px)",
8
+ "xs": "var(--or-s-xs)",
9
+ "xs*": "calc(var(--or-s-xs) - 1px)",
10
+ "sm": "var(--or-s-sm)",
11
+ "sm*": "calc(var(--or-s-sm) - 1px)",
12
+ "md": "var(--or-s-md)",
13
+ "md*": "calc(var(--or-s-md) - 1px)",
14
+ "xl": "var(--or-s-xl)",
15
+ "xl*": "calc(var(--or-s-xl) - 1px)",
16
+ "3xl": "var(--or-s-3xl)",
17
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
18
+ "4xl": "var(--or-s-4xl)",
19
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
20
+ "lg": "var(--or-s-lg)",
21
+ "lg*": "calc(var(--or-s-lg) - 1px)",
22
+ "2xl": "var(--or-s-2xl)",
23
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
24
+ "sm+": "var(--or-s-smplus)",
25
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
26
+ "md+": "var(--or-s-mdplus)",
27
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
28
+ "lg+": "var(--or-s-lgplus)",
29
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
29
30
  },
30
31
  "colors": {},
31
32
  "textColor": {
@@ -2281,30 +2282,31 @@
2281
2282
  "100": "1"
2282
2283
  },
2283
2284
  "borderSpacing": {
2284
- "0": "0px",
2285
+ "0": "var(--or-s-none)",
2285
2286
  "none": "0px",
2286
- "xs": "4px",
2287
- "xs*": "3px",
2288
- "sm": "8px",
2289
- "sm*": "7px",
2290
- "md": "16px",
2291
- "md*": "15px",
2292
- "xl": "32px",
2293
- "xl*": "31px",
2294
- "3xl": "64px",
2295
- "3xl*": "63px",
2296
- "4xl": "128px",
2297
- "4xl*": "127px",
2298
- "lg": "24px",
2299
- "lg*": "23px",
2300
- "2xl": "48px",
2301
- "2xl*": "47px",
2302
- "sm+": "12px",
2303
- "sm+*": "11px",
2304
- "md+": "20px",
2305
- "md+*": "19px",
2306
- "lg+": "28px",
2307
- "lg+*": "27px"
2287
+ "0*": "calc(var(--or-s-none) - 1px)",
2288
+ "xs": "var(--or-s-xs)",
2289
+ "xs*": "calc(var(--or-s-xs) - 1px)",
2290
+ "sm": "var(--or-s-sm)",
2291
+ "sm*": "calc(var(--or-s-sm) - 1px)",
2292
+ "md": "var(--or-s-md)",
2293
+ "md*": "calc(var(--or-s-md) - 1px)",
2294
+ "xl": "var(--or-s-xl)",
2295
+ "xl*": "calc(var(--or-s-xl) - 1px)",
2296
+ "3xl": "var(--or-s-3xl)",
2297
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
2298
+ "4xl": "var(--or-s-4xl)",
2299
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
2300
+ "lg": "var(--or-s-lg)",
2301
+ "lg*": "calc(var(--or-s-lg) - 1px)",
2302
+ "2xl": "var(--or-s-2xl)",
2303
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
2304
+ "sm+": "var(--or-s-smplus)",
2305
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
2306
+ "md+": "var(--or-s-mdplus)",
2307
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
2308
+ "lg+": "var(--or-s-lgplus)",
2309
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
2308
2310
  },
2309
2311
  "boxShadowColor": {},
2310
2312
  "brightness": {
@@ -2719,31 +2721,32 @@
2719
2721
  "none": "none"
2720
2722
  },
2721
2723
  "flexBasis": {
2722
- "0": "0px",
2724
+ "0": "var(--or-s-none)",
2723
2725
  "auto": "auto",
2724
2726
  "none": "0px",
2725
- "xs": "4px",
2726
- "xs*": "3px",
2727
- "sm": "8px",
2728
- "sm*": "7px",
2729
- "md": "16px",
2730
- "md*": "15px",
2731
- "xl": "32px",
2732
- "xl*": "31px",
2733
- "3xl": "64px",
2734
- "3xl*": "63px",
2735
- "4xl": "128px",
2736
- "4xl*": "127px",
2737
- "lg": "24px",
2738
- "lg*": "23px",
2739
- "2xl": "48px",
2740
- "2xl*": "47px",
2741
- "sm+": "12px",
2742
- "sm+*": "11px",
2743
- "md+": "20px",
2744
- "md+*": "19px",
2745
- "lg+": "28px",
2746
- "lg+*": "27px",
2727
+ "0*": "calc(var(--or-s-none) - 1px)",
2728
+ "xs": "var(--or-s-xs)",
2729
+ "xs*": "calc(var(--or-s-xs) - 1px)",
2730
+ "sm": "var(--or-s-sm)",
2731
+ "sm*": "calc(var(--or-s-sm) - 1px)",
2732
+ "md": "var(--or-s-md)",
2733
+ "md*": "calc(var(--or-s-md) - 1px)",
2734
+ "xl": "var(--or-s-xl)",
2735
+ "xl*": "calc(var(--or-s-xl) - 1px)",
2736
+ "3xl": "var(--or-s-3xl)",
2737
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
2738
+ "4xl": "var(--or-s-4xl)",
2739
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
2740
+ "lg": "var(--or-s-lg)",
2741
+ "lg*": "calc(var(--or-s-lg) - 1px)",
2742
+ "2xl": "var(--or-s-2xl)",
2743
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
2744
+ "sm+": "var(--or-s-smplus)",
2745
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
2746
+ "md+": "var(--or-s-mdplus)",
2747
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
2748
+ "lg+": "var(--or-s-lgplus)",
2749
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
2747
2750
  "1/2": "50%",
2748
2751
  "1/3": "33.333333%",
2749
2752
  "2/3": "66.666667%",
@@ -2781,30 +2784,31 @@
2781
2784
  "DEFAULT": "1"
2782
2785
  },
2783
2786
  "gap": {
2784
- "0": "0px",
2787
+ "0": "var(--or-s-none)",
2785
2788
  "none": "0px",
2786
- "xs": "4px",
2787
- "xs*": "3px",
2788
- "sm": "8px",
2789
- "sm*": "7px",
2790
- "md": "16px",
2791
- "md*": "15px",
2792
- "xl": "32px",
2793
- "xl*": "31px",
2794
- "3xl": "64px",
2795
- "3xl*": "63px",
2796
- "4xl": "128px",
2797
- "4xl*": "127px",
2798
- "lg": "24px",
2799
- "lg*": "23px",
2800
- "2xl": "48px",
2801
- "2xl*": "47px",
2802
- "sm+": "12px",
2803
- "sm+*": "11px",
2804
- "md+": "20px",
2805
- "md+*": "19px",
2806
- "lg+": "28px",
2807
- "lg+*": "27px"
2789
+ "0*": "calc(var(--or-s-none) - 1px)",
2790
+ "xs": "var(--or-s-xs)",
2791
+ "xs*": "calc(var(--or-s-xs) - 1px)",
2792
+ "sm": "var(--or-s-sm)",
2793
+ "sm*": "calc(var(--or-s-sm) - 1px)",
2794
+ "md": "var(--or-s-md)",
2795
+ "md*": "calc(var(--or-s-md) - 1px)",
2796
+ "xl": "var(--or-s-xl)",
2797
+ "xl*": "calc(var(--or-s-xl) - 1px)",
2798
+ "3xl": "var(--or-s-3xl)",
2799
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
2800
+ "4xl": "var(--or-s-4xl)",
2801
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
2802
+ "lg": "var(--or-s-lg)",
2803
+ "lg*": "calc(var(--or-s-lg) - 1px)",
2804
+ "2xl": "var(--or-s-2xl)",
2805
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
2806
+ "sm+": "var(--or-s-smplus)",
2807
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
2808
+ "md+": "var(--or-s-mdplus)",
2809
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
2810
+ "lg+": "var(--or-s-lgplus)",
2811
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
2808
2812
  },
2809
2813
  "gradientColorStops": {},
2810
2814
  "gradientColorStopPositions": {
@@ -2975,31 +2979,32 @@
2975
2979
  "subgrid": "subgrid"
2976
2980
  },
2977
2981
  "height": {
2978
- "0": "0px",
2982
+ "0": "var(--or-s-none)",
2979
2983
  "auto": "auto",
2980
2984
  "none": "0px",
2981
- "xs": "4px",
2982
- "xs*": "3px",
2983
- "sm": "8px",
2984
- "sm*": "7px",
2985
- "md": "16px",
2986
- "md*": "15px",
2987
- "xl": "32px",
2988
- "xl*": "31px",
2989
- "3xl": "64px",
2990
- "3xl*": "63px",
2991
- "4xl": "128px",
2992
- "4xl*": "127px",
2993
- "lg": "24px",
2994
- "lg*": "23px",
2995
- "2xl": "48px",
2996
- "2xl*": "47px",
2997
- "sm+": "12px",
2998
- "sm+*": "11px",
2999
- "md+": "20px",
3000
- "md+*": "19px",
3001
- "lg+": "28px",
3002
- "lg+*": "27px",
2985
+ "0*": "calc(var(--or-s-none) - 1px)",
2986
+ "xs": "var(--or-s-xs)",
2987
+ "xs*": "calc(var(--or-s-xs) - 1px)",
2988
+ "sm": "var(--or-s-sm)",
2989
+ "sm*": "calc(var(--or-s-sm) - 1px)",
2990
+ "md": "var(--or-s-md)",
2991
+ "md*": "calc(var(--or-s-md) - 1px)",
2992
+ "xl": "var(--or-s-xl)",
2993
+ "xl*": "calc(var(--or-s-xl) - 1px)",
2994
+ "3xl": "var(--or-s-3xl)",
2995
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
2996
+ "4xl": "var(--or-s-4xl)",
2997
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
2998
+ "lg": "var(--or-s-lg)",
2999
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3000
+ "2xl": "var(--or-s-2xl)",
3001
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3002
+ "sm+": "var(--or-s-smplus)",
3003
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3004
+ "md+": "var(--or-s-mdplus)",
3005
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3006
+ "lg+": "var(--or-s-lgplus)",
3007
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3003
3008
  "1/2": "50%",
3004
3009
  "1/3": "33.333333%",
3005
3010
  "2/3": "66.666667%",
@@ -3033,31 +3038,32 @@
3033
3038
  "180": "180deg"
3034
3039
  },
3035
3040
  "inset": {
3036
- "0": "0px",
3041
+ "0": "var(--or-s-none)",
3037
3042
  "auto": "auto",
3038
3043
  "none": "0px",
3039
- "xs": "4px",
3040
- "xs*": "3px",
3041
- "sm": "8px",
3042
- "sm*": "7px",
3043
- "md": "16px",
3044
- "md*": "15px",
3045
- "xl": "32px",
3046
- "xl*": "31px",
3047
- "3xl": "64px",
3048
- "3xl*": "63px",
3049
- "4xl": "128px",
3050
- "4xl*": "127px",
3051
- "lg": "24px",
3052
- "lg*": "23px",
3053
- "2xl": "48px",
3054
- "2xl*": "47px",
3055
- "sm+": "12px",
3056
- "sm+*": "11px",
3057
- "md+": "20px",
3058
- "md+*": "19px",
3059
- "lg+": "28px",
3060
- "lg+*": "27px",
3044
+ "0*": "calc(var(--or-s-none) - 1px)",
3045
+ "xs": "var(--or-s-xs)",
3046
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3047
+ "sm": "var(--or-s-sm)",
3048
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3049
+ "md": "var(--or-s-md)",
3050
+ "md*": "calc(var(--or-s-md) - 1px)",
3051
+ "xl": "var(--or-s-xl)",
3052
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3053
+ "3xl": "var(--or-s-3xl)",
3054
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3055
+ "4xl": "var(--or-s-4xl)",
3056
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3057
+ "lg": "var(--or-s-lg)",
3058
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3059
+ "2xl": "var(--or-s-2xl)",
3060
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3061
+ "sm+": "var(--or-s-smplus)",
3062
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3063
+ "md+": "var(--or-s-mdplus)",
3064
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3065
+ "lg+": "var(--or-s-lgplus)",
3066
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3061
3067
  "1/2": "50%",
3062
3068
  "1/3": "33.333333%",
3063
3069
  "2/3": "66.666667%",
@@ -3103,31 +3109,32 @@
3103
3109
  "none": "none"
3104
3110
  },
3105
3111
  "margin": {
3106
- "0": "0px",
3112
+ "0": "var(--or-s-none)",
3107
3113
  "auto": "auto",
3108
3114
  "none": "0px",
3109
- "xs": "4px",
3110
- "xs*": "3px",
3111
- "sm": "8px",
3112
- "sm*": "7px",
3113
- "md": "16px",
3114
- "md*": "15px",
3115
- "xl": "32px",
3116
- "xl*": "31px",
3117
- "3xl": "64px",
3118
- "3xl*": "63px",
3119
- "4xl": "128px",
3120
- "4xl*": "127px",
3121
- "lg": "24px",
3122
- "lg*": "23px",
3123
- "2xl": "48px",
3124
- "2xl*": "47px",
3125
- "sm+": "12px",
3126
- "sm+*": "11px",
3127
- "md+": "20px",
3128
- "md+*": "19px",
3129
- "lg+": "28px",
3130
- "lg+*": "27px"
3115
+ "0*": "calc(var(--or-s-none) - 1px)",
3116
+ "xs": "var(--or-s-xs)",
3117
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3118
+ "sm": "var(--or-s-sm)",
3119
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3120
+ "md": "var(--or-s-md)",
3121
+ "md*": "calc(var(--or-s-md) - 1px)",
3122
+ "xl": "var(--or-s-xl)",
3123
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3124
+ "3xl": "var(--or-s-3xl)",
3125
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3126
+ "4xl": "var(--or-s-4xl)",
3127
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3128
+ "lg": "var(--or-s-lg)",
3129
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3130
+ "2xl": "var(--or-s-2xl)",
3131
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3132
+ "sm+": "var(--or-s-smplus)",
3133
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3134
+ "md+": "var(--or-s-mdplus)",
3135
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3136
+ "lg+": "var(--or-s-lgplus)",
3137
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
3131
3138
  },
3132
3139
  "lineClamp": {
3133
3140
  "1": "1",
@@ -3138,30 +3145,31 @@
3138
3145
  "6": "6"
3139
3146
  },
3140
3147
  "maxHeight": {
3141
- "0": "0px",
3148
+ "0": "var(--or-s-none)",
3142
3149
  "none": "none",
3143
- "xs": "4px",
3144
- "xs*": "3px",
3145
- "sm": "8px",
3146
- "sm*": "7px",
3147
- "md": "16px",
3148
- "md*": "15px",
3149
- "xl": "32px",
3150
- "xl*": "31px",
3151
- "3xl": "64px",
3152
- "3xl*": "63px",
3153
- "4xl": "128px",
3154
- "4xl*": "127px",
3155
- "lg": "24px",
3156
- "lg*": "23px",
3157
- "2xl": "48px",
3158
- "2xl*": "47px",
3159
- "sm+": "12px",
3160
- "sm+*": "11px",
3161
- "md+": "20px",
3162
- "md+*": "19px",
3163
- "lg+": "28px",
3164
- "lg+*": "27px",
3150
+ "0*": "calc(var(--or-s-none) - 1px)",
3151
+ "xs": "var(--or-s-xs)",
3152
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3153
+ "sm": "var(--or-s-sm)",
3154
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3155
+ "md": "var(--or-s-md)",
3156
+ "md*": "calc(var(--or-s-md) - 1px)",
3157
+ "xl": "var(--or-s-xl)",
3158
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3159
+ "3xl": "var(--or-s-3xl)",
3160
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3161
+ "4xl": "var(--or-s-4xl)",
3162
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3163
+ "lg": "var(--or-s-lg)",
3164
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3165
+ "2xl": "var(--or-s-2xl)",
3166
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3167
+ "sm+": "var(--or-s-smplus)",
3168
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3169
+ "md+": "var(--or-s-mdplus)",
3170
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3171
+ "lg+": "var(--or-s-lgplus)",
3172
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3165
3173
  "full": "100%",
3166
3174
  "screen": "100vh",
3167
3175
  "svh": "100svh",
@@ -3172,30 +3180,31 @@
3172
3180
  "fit": "fit-content"
3173
3181
  },
3174
3182
  "maxWidth": {
3175
- "0": "0px",
3183
+ "0": "var(--or-s-none)",
3176
3184
  "none": "none",
3185
+ "0*": "calc(var(--or-s-none) - 1px)",
3177
3186
  "xs": "20rem",
3178
- "xs*": "3px",
3187
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3179
3188
  "sm": "24rem",
3180
- "sm*": "7px",
3189
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3181
3190
  "md": "28rem",
3182
- "md*": "15px",
3191
+ "md*": "calc(var(--or-s-md) - 1px)",
3183
3192
  "xl": "36rem",
3184
- "xl*": "31px",
3193
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3185
3194
  "3xl": "48rem",
3186
- "3xl*": "63px",
3195
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3187
3196
  "4xl": "56rem",
3188
- "4xl*": "127px",
3197
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3189
3198
  "lg": "32rem",
3190
- "lg*": "23px",
3199
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3191
3200
  "2xl": "42rem",
3192
- "2xl*": "47px",
3193
- "sm+": "12px",
3194
- "sm+*": "11px",
3195
- "md+": "20px",
3196
- "md+*": "19px",
3197
- "lg+": "28px",
3198
- "lg+*": "27px",
3201
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3202
+ "sm+": "var(--or-s-smplus)",
3203
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3204
+ "md+": "var(--or-s-mdplus)",
3205
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3206
+ "lg+": "var(--or-s-lgplus)",
3207
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3199
3208
  "5xl": "64rem",
3200
3209
  "6xl": "72rem",
3201
3210
  "7xl": "80rem",
@@ -3206,30 +3215,31 @@
3206
3215
  "prose": "65ch"
3207
3216
  },
3208
3217
  "minHeight": {
3209
- "0": "0px",
3218
+ "0": "var(--or-s-none)",
3210
3219
  "none": "0px",
3211
- "xs": "4px",
3212
- "xs*": "3px",
3213
- "sm": "8px",
3214
- "sm*": "7px",
3215
- "md": "16px",
3216
- "md*": "15px",
3217
- "xl": "32px",
3218
- "xl*": "31px",
3219
- "3xl": "64px",
3220
- "3xl*": "63px",
3221
- "4xl": "128px",
3222
- "4xl*": "127px",
3223
- "lg": "24px",
3224
- "lg*": "23px",
3225
- "2xl": "48px",
3226
- "2xl*": "47px",
3227
- "sm+": "12px",
3228
- "sm+*": "11px",
3229
- "md+": "20px",
3230
- "md+*": "19px",
3231
- "lg+": "28px",
3232
- "lg+*": "27px",
3220
+ "0*": "calc(var(--or-s-none) - 1px)",
3221
+ "xs": "var(--or-s-xs)",
3222
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3223
+ "sm": "var(--or-s-sm)",
3224
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3225
+ "md": "var(--or-s-md)",
3226
+ "md*": "calc(var(--or-s-md) - 1px)",
3227
+ "xl": "var(--or-s-xl)",
3228
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3229
+ "3xl": "var(--or-s-3xl)",
3230
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3231
+ "4xl": "var(--or-s-4xl)",
3232
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3233
+ "lg": "var(--or-s-lg)",
3234
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3235
+ "2xl": "var(--or-s-2xl)",
3236
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3237
+ "sm+": "var(--or-s-smplus)",
3238
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3239
+ "md+": "var(--or-s-mdplus)",
3240
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3241
+ "lg+": "var(--or-s-lgplus)",
3242
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3233
3243
  "full": "100%",
3234
3244
  "screen": "100vh",
3235
3245
  "svh": "100svh",
@@ -3240,30 +3250,31 @@
3240
3250
  "fit": "fit-content"
3241
3251
  },
3242
3252
  "minWidth": {
3243
- "0": "0px",
3253
+ "0": "var(--or-s-none)",
3244
3254
  "none": "0px",
3245
- "xs": "4px",
3246
- "xs*": "3px",
3247
- "sm": "8px",
3248
- "sm*": "7px",
3249
- "md": "16px",
3250
- "md*": "15px",
3251
- "xl": "32px",
3252
- "xl*": "31px",
3253
- "3xl": "64px",
3254
- "3xl*": "63px",
3255
- "4xl": "128px",
3256
- "4xl*": "127px",
3257
- "lg": "24px",
3258
- "lg*": "23px",
3259
- "2xl": "48px",
3260
- "2xl*": "47px",
3261
- "sm+": "12px",
3262
- "sm+*": "11px",
3263
- "md+": "20px",
3264
- "md+*": "19px",
3265
- "lg+": "28px",
3266
- "lg+*": "27px",
3255
+ "0*": "calc(var(--or-s-none) - 1px)",
3256
+ "xs": "var(--or-s-xs)",
3257
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3258
+ "sm": "var(--or-s-sm)",
3259
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3260
+ "md": "var(--or-s-md)",
3261
+ "md*": "calc(var(--or-s-md) - 1px)",
3262
+ "xl": "var(--or-s-xl)",
3263
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3264
+ "3xl": "var(--or-s-3xl)",
3265
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3266
+ "4xl": "var(--or-s-4xl)",
3267
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3268
+ "lg": "var(--or-s-lg)",
3269
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3270
+ "2xl": "var(--or-s-2xl)",
3271
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3272
+ "sm+": "var(--or-s-smplus)",
3273
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3274
+ "md+": "var(--or-s-mdplus)",
3275
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3276
+ "lg+": "var(--or-s-lgplus)",
3277
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3267
3278
  "full": "100%",
3268
3279
  "min": "min-content",
3269
3280
  "max": "max-content",
@@ -3328,30 +3339,31 @@
3328
3339
  "8": "8px"
3329
3340
  },
3330
3341
  "padding": {
3331
- "0": "0px",
3342
+ "0": "var(--or-s-none)",
3332
3343
  "none": "0px",
3333
- "xs": "4px",
3334
- "xs*": "3px",
3335
- "sm": "8px",
3336
- "sm*": "7px",
3337
- "md": "16px",
3338
- "md*": "15px",
3339
- "xl": "32px",
3340
- "xl*": "31px",
3341
- "3xl": "64px",
3342
- "3xl*": "63px",
3343
- "4xl": "128px",
3344
- "4xl*": "127px",
3345
- "lg": "24px",
3346
- "lg*": "23px",
3347
- "2xl": "48px",
3348
- "2xl*": "47px",
3349
- "sm+": "12px",
3350
- "sm+*": "11px",
3351
- "md+": "20px",
3352
- "md+*": "19px",
3353
- "lg+": "28px",
3354
- "lg+*": "27px"
3344
+ "0*": "calc(var(--or-s-none) - 1px)",
3345
+ "xs": "var(--or-s-xs)",
3346
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3347
+ "sm": "var(--or-s-sm)",
3348
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3349
+ "md": "var(--or-s-md)",
3350
+ "md*": "calc(var(--or-s-md) - 1px)",
3351
+ "xl": "var(--or-s-xl)",
3352
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3353
+ "3xl": "var(--or-s-3xl)",
3354
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3355
+ "4xl": "var(--or-s-4xl)",
3356
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3357
+ "lg": "var(--or-s-lg)",
3358
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3359
+ "2xl": "var(--or-s-2xl)",
3360
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3361
+ "sm+": "var(--or-s-smplus)",
3362
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3363
+ "md+": "var(--or-s-mdplus)",
3364
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3365
+ "lg+": "var(--or-s-lgplus)",
3366
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
3355
3367
  },
3356
3368
  "placeholderColor": {},
3357
3369
  "placeholderOpacity": {
@@ -3451,56 +3463,58 @@
3451
3463
  "150": "1.5"
3452
3464
  },
3453
3465
  "scrollMargin": {
3454
- "0": "0px",
3466
+ "0": "var(--or-s-none)",
3455
3467
  "none": "0px",
3456
- "xs": "4px",
3457
- "xs*": "3px",
3458
- "sm": "8px",
3459
- "sm*": "7px",
3460
- "md": "16px",
3461
- "md*": "15px",
3462
- "xl": "32px",
3463
- "xl*": "31px",
3464
- "3xl": "64px",
3465
- "3xl*": "63px",
3466
- "4xl": "128px",
3467
- "4xl*": "127px",
3468
- "lg": "24px",
3469
- "lg*": "23px",
3470
- "2xl": "48px",
3471
- "2xl*": "47px",
3472
- "sm+": "12px",
3473
- "sm+*": "11px",
3474
- "md+": "20px",
3475
- "md+*": "19px",
3476
- "lg+": "28px",
3477
- "lg+*": "27px"
3468
+ "0*": "calc(var(--or-s-none) - 1px)",
3469
+ "xs": "var(--or-s-xs)",
3470
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3471
+ "sm": "var(--or-s-sm)",
3472
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3473
+ "md": "var(--or-s-md)",
3474
+ "md*": "calc(var(--or-s-md) - 1px)",
3475
+ "xl": "var(--or-s-xl)",
3476
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3477
+ "3xl": "var(--or-s-3xl)",
3478
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3479
+ "4xl": "var(--or-s-4xl)",
3480
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3481
+ "lg": "var(--or-s-lg)",
3482
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3483
+ "2xl": "var(--or-s-2xl)",
3484
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3485
+ "sm+": "var(--or-s-smplus)",
3486
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3487
+ "md+": "var(--or-s-mdplus)",
3488
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3489
+ "lg+": "var(--or-s-lgplus)",
3490
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
3478
3491
  },
3479
3492
  "scrollPadding": {
3480
- "0": "0px",
3493
+ "0": "var(--or-s-none)",
3481
3494
  "none": "0px",
3482
- "xs": "4px",
3483
- "xs*": "3px",
3484
- "sm": "8px",
3485
- "sm*": "7px",
3486
- "md": "16px",
3487
- "md*": "15px",
3488
- "xl": "32px",
3489
- "xl*": "31px",
3490
- "3xl": "64px",
3491
- "3xl*": "63px",
3492
- "4xl": "128px",
3493
- "4xl*": "127px",
3494
- "lg": "24px",
3495
- "lg*": "23px",
3496
- "2xl": "48px",
3497
- "2xl*": "47px",
3498
- "sm+": "12px",
3499
- "sm+*": "11px",
3500
- "md+": "20px",
3501
- "md+*": "19px",
3502
- "lg+": "28px",
3503
- "lg+*": "27px"
3495
+ "0*": "calc(var(--or-s-none) - 1px)",
3496
+ "xs": "var(--or-s-xs)",
3497
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3498
+ "sm": "var(--or-s-sm)",
3499
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3500
+ "md": "var(--or-s-md)",
3501
+ "md*": "calc(var(--or-s-md) - 1px)",
3502
+ "xl": "var(--or-s-xl)",
3503
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3504
+ "3xl": "var(--or-s-3xl)",
3505
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3506
+ "4xl": "var(--or-s-4xl)",
3507
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3508
+ "lg": "var(--or-s-lg)",
3509
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3510
+ "2xl": "var(--or-s-2xl)",
3511
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3512
+ "sm+": "var(--or-s-smplus)",
3513
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3514
+ "md+": "var(--or-s-mdplus)",
3515
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3516
+ "lg+": "var(--or-s-lgplus)",
3517
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
3504
3518
  },
3505
3519
  "sepia": {
3506
3520
  "0": "0",
@@ -3515,30 +3529,31 @@
3515
3529
  "12": "12deg"
3516
3530
  },
3517
3531
  "space": {
3518
- "0": "0px",
3532
+ "0": "var(--or-s-none)",
3519
3533
  "none": "0px",
3520
- "xs": "4px",
3521
- "xs*": "3px",
3522
- "sm": "8px",
3523
- "sm*": "7px",
3524
- "md": "16px",
3525
- "md*": "15px",
3526
- "xl": "32px",
3527
- "xl*": "31px",
3528
- "3xl": "64px",
3529
- "3xl*": "63px",
3530
- "4xl": "128px",
3531
- "4xl*": "127px",
3532
- "lg": "24px",
3533
- "lg*": "23px",
3534
- "2xl": "48px",
3535
- "2xl*": "47px",
3536
- "sm+": "12px",
3537
- "sm+*": "11px",
3538
- "md+": "20px",
3539
- "md+*": "19px",
3540
- "lg+": "28px",
3541
- "lg+*": "27px"
3534
+ "0*": "calc(var(--or-s-none) - 1px)",
3535
+ "xs": "var(--or-s-xs)",
3536
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3537
+ "sm": "var(--or-s-sm)",
3538
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3539
+ "md": "var(--or-s-md)",
3540
+ "md*": "calc(var(--or-s-md) - 1px)",
3541
+ "xl": "var(--or-s-xl)",
3542
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3543
+ "3xl": "var(--or-s-3xl)",
3544
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3545
+ "4xl": "var(--or-s-4xl)",
3546
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3547
+ "lg": "var(--or-s-lg)",
3548
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3549
+ "2xl": "var(--or-s-2xl)",
3550
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3551
+ "sm+": "var(--or-s-smplus)",
3552
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3553
+ "md+": "var(--or-s-mdplus)",
3554
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3555
+ "lg+": "var(--or-s-lgplus)",
3556
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
3542
3557
  },
3543
3558
  "strokeWidth": {
3544
3559
  "0": "0",
@@ -3558,30 +3573,31 @@
3558
3573
  "from-font": "from-font"
3559
3574
  },
3560
3575
  "textIndent": {
3561
- "0": "0px",
3576
+ "0": "var(--or-s-none)",
3562
3577
  "none": "0px",
3563
- "xs": "4px",
3564
- "xs*": "3px",
3565
- "sm": "8px",
3566
- "sm*": "7px",
3567
- "md": "16px",
3568
- "md*": "15px",
3569
- "xl": "32px",
3570
- "xl*": "31px",
3571
- "3xl": "64px",
3572
- "3xl*": "63px",
3573
- "4xl": "128px",
3574
- "4xl*": "127px",
3575
- "lg": "24px",
3576
- "lg*": "23px",
3577
- "2xl": "48px",
3578
- "2xl*": "47px",
3579
- "sm+": "12px",
3580
- "sm+*": "11px",
3581
- "md+": "20px",
3582
- "md+*": "19px",
3583
- "lg+": "28px",
3584
- "lg+*": "27px"
3578
+ "0*": "calc(var(--or-s-none) - 1px)",
3579
+ "xs": "var(--or-s-xs)",
3580
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3581
+ "sm": "var(--or-s-sm)",
3582
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3583
+ "md": "var(--or-s-md)",
3584
+ "md*": "calc(var(--or-s-md) - 1px)",
3585
+ "xl": "var(--or-s-xl)",
3586
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3587
+ "3xl": "var(--or-s-3xl)",
3588
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3589
+ "4xl": "var(--or-s-4xl)",
3590
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3591
+ "lg": "var(--or-s-lg)",
3592
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3593
+ "2xl": "var(--or-s-2xl)",
3594
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3595
+ "sm+": "var(--or-s-smplus)",
3596
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3597
+ "md+": "var(--or-s-mdplus)",
3598
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3599
+ "lg+": "var(--or-s-lgplus)",
3600
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)"
3585
3601
  },
3586
3602
  "textOpacity": {
3587
3603
  "0": "0",
@@ -3646,30 +3662,31 @@
3646
3662
  "transform": "transform"
3647
3663
  },
3648
3664
  "translate": {
3649
- "0": "0px",
3665
+ "0": "var(--or-s-none)",
3650
3666
  "none": "0px",
3651
- "xs": "4px",
3652
- "xs*": "3px",
3653
- "sm": "8px",
3654
- "sm*": "7px",
3655
- "md": "16px",
3656
- "md*": "15px",
3657
- "xl": "32px",
3658
- "xl*": "31px",
3659
- "3xl": "64px",
3660
- "3xl*": "63px",
3661
- "4xl": "128px",
3662
- "4xl*": "127px",
3663
- "lg": "24px",
3664
- "lg*": "23px",
3665
- "2xl": "48px",
3666
- "2xl*": "47px",
3667
- "sm+": "12px",
3668
- "sm+*": "11px",
3669
- "md+": "20px",
3670
- "md+*": "19px",
3671
- "lg+": "28px",
3672
- "lg+*": "27px",
3667
+ "0*": "calc(var(--or-s-none) - 1px)",
3668
+ "xs": "var(--or-s-xs)",
3669
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3670
+ "sm": "var(--or-s-sm)",
3671
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3672
+ "md": "var(--or-s-md)",
3673
+ "md*": "calc(var(--or-s-md) - 1px)",
3674
+ "xl": "var(--or-s-xl)",
3675
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3676
+ "3xl": "var(--or-s-3xl)",
3677
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3678
+ "4xl": "var(--or-s-4xl)",
3679
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3680
+ "lg": "var(--or-s-lg)",
3681
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3682
+ "2xl": "var(--or-s-2xl)",
3683
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3684
+ "sm+": "var(--or-s-smplus)",
3685
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3686
+ "md+": "var(--or-s-mdplus)",
3687
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3688
+ "lg+": "var(--or-s-lgplus)",
3689
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3673
3690
  "1/2": "50%",
3674
3691
  "1/3": "33.333333%",
3675
3692
  "2/3": "66.666667%",
@@ -3679,31 +3696,32 @@
3679
3696
  "full": "100%"
3680
3697
  },
3681
3698
  "size": {
3682
- "0": "0px",
3699
+ "0": "var(--or-s-none)",
3683
3700
  "auto": "auto",
3684
3701
  "none": "0px",
3685
- "xs": "4px",
3686
- "xs*": "3px",
3687
- "sm": "8px",
3688
- "sm*": "7px",
3689
- "md": "16px",
3690
- "md*": "15px",
3691
- "xl": "32px",
3692
- "xl*": "31px",
3693
- "3xl": "64px",
3694
- "3xl*": "63px",
3695
- "4xl": "128px",
3696
- "4xl*": "127px",
3697
- "lg": "24px",
3698
- "lg*": "23px",
3699
- "2xl": "48px",
3700
- "2xl*": "47px",
3701
- "sm+": "12px",
3702
- "sm+*": "11px",
3703
- "md+": "20px",
3704
- "md+*": "19px",
3705
- "lg+": "28px",
3706
- "lg+*": "27px",
3702
+ "0*": "calc(var(--or-s-none) - 1px)",
3703
+ "xs": "var(--or-s-xs)",
3704
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3705
+ "sm": "var(--or-s-sm)",
3706
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3707
+ "md": "var(--or-s-md)",
3708
+ "md*": "calc(var(--or-s-md) - 1px)",
3709
+ "xl": "var(--or-s-xl)",
3710
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3711
+ "3xl": "var(--or-s-3xl)",
3712
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3713
+ "4xl": "var(--or-s-4xl)",
3714
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3715
+ "lg": "var(--or-s-lg)",
3716
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3717
+ "2xl": "var(--or-s-2xl)",
3718
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3719
+ "sm+": "var(--or-s-smplus)",
3720
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3721
+ "md+": "var(--or-s-mdplus)",
3722
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3723
+ "lg+": "var(--or-s-lgplus)",
3724
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3707
3725
  "1/2": "50%",
3708
3726
  "1/3": "33.333333%",
3709
3727
  "2/3": "66.666667%",
@@ -3736,31 +3754,32 @@
3736
3754
  "fit": "fit-content"
3737
3755
  },
3738
3756
  "width": {
3739
- "0": "0px",
3757
+ "0": "var(--or-s-none)",
3740
3758
  "auto": "auto",
3741
3759
  "none": "0px",
3742
- "xs": "4px",
3743
- "xs*": "3px",
3744
- "sm": "8px",
3745
- "sm*": "7px",
3746
- "md": "16px",
3747
- "md*": "15px",
3748
- "xl": "32px",
3749
- "xl*": "31px",
3750
- "3xl": "64px",
3751
- "3xl*": "63px",
3752
- "4xl": "128px",
3753
- "4xl*": "127px",
3754
- "lg": "24px",
3755
- "lg*": "23px",
3756
- "2xl": "48px",
3757
- "2xl*": "47px",
3758
- "sm+": "12px",
3759
- "sm+*": "11px",
3760
- "md+": "20px",
3761
- "md+*": "19px",
3762
- "lg+": "28px",
3763
- "lg+*": "27px",
3760
+ "0*": "calc(var(--or-s-none) - 1px)",
3761
+ "xs": "var(--or-s-xs)",
3762
+ "xs*": "calc(var(--or-s-xs) - 1px)",
3763
+ "sm": "var(--or-s-sm)",
3764
+ "sm*": "calc(var(--or-s-sm) - 1px)",
3765
+ "md": "var(--or-s-md)",
3766
+ "md*": "calc(var(--or-s-md) - 1px)",
3767
+ "xl": "var(--or-s-xl)",
3768
+ "xl*": "calc(var(--or-s-xl) - 1px)",
3769
+ "3xl": "var(--or-s-3xl)",
3770
+ "3xl*": "calc(var(--or-s-3xl) - 1px)",
3771
+ "4xl": "var(--or-s-4xl)",
3772
+ "4xl*": "calc(var(--or-s-4xl) - 1px)",
3773
+ "lg": "var(--or-s-lg)",
3774
+ "lg*": "calc(var(--or-s-lg) - 1px)",
3775
+ "2xl": "var(--or-s-2xl)",
3776
+ "2xl*": "calc(var(--or-s-2xl) - 1px)",
3777
+ "sm+": "var(--or-s-smplus)",
3778
+ "sm+*": "calc(var(--or-s-smplus) - 1px)",
3779
+ "md+": "var(--or-s-mdplus)",
3780
+ "md+*": "calc(var(--or-s-mdplus) - 1px)",
3781
+ "lg+": "var(--or-s-lgplus)",
3782
+ "lg+*": "calc(var(--or-s-lgplus) - 1px)",
3764
3783
  "1/2": "50%",
3765
3784
  "1/3": "33.333333%",
3766
3785
  "2/3": "66.666667%",