@rehagro/ui 1.0.37 → 1.0.38
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/index.d.mts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -0
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.mts +4 -2
- package/dist/native.d.ts +4 -2
- package/dist/native.js +8 -0
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +8 -0
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -131,6 +131,8 @@ type RehagroTheme = {
|
|
|
131
131
|
inputPxMd?: string;
|
|
132
132
|
inputPxLg?: string;
|
|
133
133
|
/** Button heights */
|
|
134
|
+
buttonHeightXxs?: string;
|
|
135
|
+
buttonHeightXs?: string;
|
|
134
136
|
buttonHeightSm?: string;
|
|
135
137
|
buttonHeightMd?: string;
|
|
136
138
|
buttonHeightLg?: string;
|
|
@@ -150,7 +152,7 @@ type RehagroProviderProps = {
|
|
|
150
152
|
declare function RehagroProvider({ theme, toastPosition, children }: RehagroProviderProps): react_jsx_runtime.JSX.Element;
|
|
151
153
|
|
|
152
154
|
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
153
|
-
type ButtonSize = "sm" | "md" | "lg" | "xl";
|
|
155
|
+
type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
154
156
|
type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
155
157
|
type ButtonHoverStyle = {
|
|
156
158
|
/** Background on hover */
|
|
@@ -204,7 +206,7 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
|
|
|
204
206
|
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
205
207
|
|
|
206
208
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
207
|
-
type IconButtonSize = "sm" | "md" | "lg";
|
|
209
|
+
type IconButtonSize = "xxs" | "xs" | "sm" | "md" | "lg";
|
|
208
210
|
type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
209
211
|
type IconButtonColor = ButtonColor;
|
|
210
212
|
type IconButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
package/dist/index.d.ts
CHANGED
|
@@ -131,6 +131,8 @@ type RehagroTheme = {
|
|
|
131
131
|
inputPxMd?: string;
|
|
132
132
|
inputPxLg?: string;
|
|
133
133
|
/** Button heights */
|
|
134
|
+
buttonHeightXxs?: string;
|
|
135
|
+
buttonHeightXs?: string;
|
|
134
136
|
buttonHeightSm?: string;
|
|
135
137
|
buttonHeightMd?: string;
|
|
136
138
|
buttonHeightLg?: string;
|
|
@@ -150,7 +152,7 @@ type RehagroProviderProps = {
|
|
|
150
152
|
declare function RehagroProvider({ theme, toastPosition, children }: RehagroProviderProps): react_jsx_runtime.JSX.Element;
|
|
151
153
|
|
|
152
154
|
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
153
|
-
type ButtonSize = "sm" | "md" | "lg" | "xl";
|
|
155
|
+
type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
154
156
|
type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
155
157
|
type ButtonHoverStyle = {
|
|
156
158
|
/** Background on hover */
|
|
@@ -204,7 +206,7 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
|
|
|
204
206
|
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
205
207
|
|
|
206
208
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
207
|
-
type IconButtonSize = "sm" | "md" | "lg";
|
|
209
|
+
type IconButtonSize = "xxs" | "xs" | "sm" | "md" | "lg";
|
|
208
210
|
type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
209
211
|
type IconButtonColor = ButtonColor;
|
|
210
212
|
type IconButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
|
package/dist/index.js
CHANGED
|
@@ -54,6 +54,8 @@ var TOKEN_MAP = {
|
|
|
54
54
|
inputPxSm: { var: "--rh-input-px-sm", isColor: false },
|
|
55
55
|
inputPxMd: { var: "--rh-input-px-md", isColor: false },
|
|
56
56
|
inputPxLg: { var: "--rh-input-px-lg", isColor: false },
|
|
57
|
+
buttonHeightXxs: { var: "--rh-button-height-xxs", isColor: false },
|
|
58
|
+
buttonHeightXs: { var: "--rh-button-height-xs", isColor: false },
|
|
57
59
|
buttonHeightSm: { var: "--rh-button-height-sm", isColor: false },
|
|
58
60
|
buttonHeightMd: { var: "--rh-button-height-md", isColor: false },
|
|
59
61
|
buttonHeightLg: { var: "--rh-button-height-lg", isColor: false },
|
|
@@ -815,6 +817,8 @@ function getArbitraryColorStyle(variant, color) {
|
|
|
815
817
|
return { color, borderColor: "transparent" };
|
|
816
818
|
}
|
|
817
819
|
var sizeClasses = {
|
|
820
|
+
xxs: "rh-text-2xs rh-leading-none rh-px-1.5 rh-h-button-xxs rh-gap-1",
|
|
821
|
+
xs: "rh-text-xs rh-leading-none rh-px-2 rh-h-button-xs rh-gap-1",
|
|
818
822
|
sm: "rh-text-sm rh-px-3 rh-h-button-sm",
|
|
819
823
|
md: "rh-text-sm rh-px-4 rh-h-button-md",
|
|
820
824
|
lg: "rh-text-base rh-px-5 rh-h-button-lg",
|
|
@@ -964,6 +968,8 @@ function getArbitraryColorStyle2(variant, color) {
|
|
|
964
968
|
return { color, borderColor: "transparent" };
|
|
965
969
|
}
|
|
966
970
|
var sizeClasses2 = {
|
|
971
|
+
xxs: "rh-h-4 rh-w-4 rh-text-2xs",
|
|
972
|
+
xs: "rh-h-6 rh-w-6 rh-text-xs",
|
|
967
973
|
sm: "rh-h-8 rh-w-8 rh-text-sm",
|
|
968
974
|
md: "rh-h-10 rh-w-10 rh-text-base",
|
|
969
975
|
lg: "rh-h-12 rh-w-12 rh-text-lg"
|