@rarui/styles 2.2.0-rc.2 → 2.2.0

package/dist/index.d.ts

@@ -220,7 +220,7 @@ declare const varsThemeBase: {
 	};
 };
 declare const variables: string;
-export declare const CaptureProps: (_target: any, _propertyKey: string, descriptor: PropertyDescriptor) => void;
+export declare const CaptureCssProperties: (_target: any, _propertyKey: string, descriptor: PropertyDescriptor) => void;
 declare const avatarStyles: {
 	container: string;
 	avatar: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -7911,53 +7911,68 @@ export declare const button: {
 		}>;
 	};
 };
-declare const checkbox: import("@vanilla-extract/recipes").RuntimeFn<{
-	/**
-	 * Specifies whether the checkbox is in error state
-	 */
-	error: {
-		true: {
-			borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			":checked": {
-				backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+declare const checkboxStyles: {
+	checkbox: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Specifies whether the checkbox is in error state
+		 */
+		error: {
+			true: {
+				borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				":checked": {
+					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
 			};
 		};
-	};
-	/**
-	 * Specifies the size of the checkbox
-	 */
-	size: {
-		medium: {
-			width: "1.25rem";
-			height: "1.25rem";
+		/**
+		 * Specifies the size of the checkbox
+		 */
+		size: {
+			medium: {
+				width: "1.25rem";
+				height: "1.25rem";
+			};
+			large: {
+				width: "1.5rem";
+				height: "1.5rem";
+			};
 		};
-		large: {
-			width: "1.5rem";
-			height: "1.5rem";
+		/**
+		 * Specifies whether the checkbox is indeterminate state
+		 */
+		indeterminate: {
+			true: {
+				selectors: {
+					"&:checked:after": {
+						top: number;
+						bottom: number;
+						margin: "auto";
+						height: number;
+						borderLeft: "none";
+						transform: "rotate(0deg)";
+					};
+				};
+			};
 		};
-	};
-	/**
-	 * Specifies whether the checkbox is indeterminate state
-	 */
-	indeterminate: {
-		true: {
-			selectors: {
-				"&:checked:after": {
-					top: number;
-					bottom: number;
-					margin: "auto";
-					height: number;
-					borderLeft: "none";
-					transform: "rotate(0deg)";
+	}>;
+	label: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Specifies whether the label is in error state
+		 */
+		error: {
+			true: {
+				vars: {
+					[x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
 			};
 		};
-	};
-}>;
-export type CheckboxVariants = RecipeVariants<typeof checkbox>;
-declare const checkbox$1: {
+	}>;
+	container: string;
+	overlay: string;
+};
+export type CheckboxVariants = NonNullable<RecipeVariants<typeof checkboxStyles.checkbox>>;
+export declare const checkbox: {
 	classnames: {
-		overlayBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		checkbox: import("@vanilla-extract/recipes").RuntimeFn<{
 			error: {
 				true: {
@@ -9529,7 +9544,7 @@ export declare const select: {
 		}
 	]>;
 };
-declare const styles$5: {
+declare const statusStyles: {
 	status: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the status should take up the full width of its container.
@@ -9610,7 +9625,7 @@ declare const styles$5: {
 		};
 	}>;
 };
-export type StatusVariants = RecipeVariants<typeof styles$5.status>;
+export type StatusVariants = NonNullable<RecipeVariants<typeof statusStyles.status>>;
 declare const status$1: {
 	classnames: {
 		status: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -10504,7 +10519,7 @@ export declare const textarea: {
 		}>;
 	};
 };
-declare const styles$6: {
+declare const styles$5: {
 	toast: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the toast, influencing its color scheme and appearance.
@@ -10598,7 +10613,6 @@ declare const styles$6: {
 		};
 	}>;
 	content: string;
-	iconContainer: string;
 	toastContainer: import("@vanilla-extract/recipes").RuntimeFn<{
 		position: {
 			bottomRight: {
@@ -10642,7 +10656,7 @@ declare const styles$6: {
 		};
 	}>;
 };
-export type ToastVariants = RecipeVariants<typeof styles$6.toast>;
+export type ToastVariants = RecipeVariants<typeof styles$5.toast>;
 export declare const toast: {
 	classnames: {
 		toast: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -10729,7 +10743,6 @@ export declare const toast: {
 			};
 		}>;
 		content: string;
-		iconContainer: string;
 		toastContainer: import("@vanilla-extract/recipes").RuntimeFn<{
 			position: {
 				bottomRight: {
@@ -10773,8 +10786,26 @@ export declare const toast: {
 			};
 		}>;
 	};
+	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
+		{
+			config: {
+				width: {
+					dynamic: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					dynamicScale: true;
+					name: "width";
+					vars: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+			};
+		}
+	]>;
 };
-declare const styles$7: {
+declare const styles$6: {
 	toggle: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies the size of the toggle, controlling its dimensions.
@@ -10880,7 +10911,7 @@ declare const styles$7: {
 		};
 	}>;
 };
-export type ToggleVariants = RecipeVariants<typeof styles$7.toggle>;
+export type ToggleVariants = RecipeVariants<typeof styles$6.toggle>;
 export declare const toggle: {
 	classnames: {
 		toggle: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -10983,7 +11014,7 @@ export declare const toggle: {
 		}>;
 	};
 };
-declare const styles$8: {
+declare const styles$7: {
 	tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the color scheme should be inverted
@@ -11022,7 +11053,7 @@ declare const styles$8: {
 	}>;
 	container: string;
 };
-export type TooltipVariants = RecipeVariants<typeof styles$8.tooltip>;
+export type TooltipVariants = RecipeVariants<typeof styles$7.tooltip>;
 export declare const tooltip: {
 	classnames: {
 		tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -12283,7 +12314,6 @@ export declare const tabs: {
 };
 
 export {
-	checkbox$1 as checkbox,
 	status$1 as status,
 	variables as variablesDark,
 	varsThemeBase as variables,