@rarui/styles 1.31.0 → 1.32.0-rc.2

package/dist/index.d.ts

@@ -8617,16 +8617,10 @@ declare const progressStyles: {
 		};
 	}>;
 	circleBase: string;
-	circleProgress: import("@vanilla-extract/recipes").RuntimeFn<{
-		completed: {
-			true: {
-				stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			};
-		};
-	}>;
+	circleProgress: string;
 	circleText: string;
 };
-declare const progressBackgroundColorProperties: {
+declare const progressColorProperties: {
 	info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -8634,12 +8628,12 @@ declare const progressBackgroundColorProperties: {
 export type ProgressVariants = RecipeVariants<typeof progressStyles.circle>;
 export interface ProgressSprinkle {
 	/**
-	 * Specifies the background color of the progress.
+	 * Specifies the color of the progress.
 	 * This prop accepts one of the following values: "$info", "$success" or "$brand"
 	 * @default $info
 	 * @examples ["$brand", { xs: "$brand", md: "$info" }]
 	 */
-	backgroundColor?: AddDollar<keyof typeof progressBackgroundColorProperties>;
+	color?: AddDollar<keyof typeof progressColorProperties>;
 }
 export declare const progress: {
 	classnames: {
@@ -8658,13 +8652,7 @@ export declare const progress: {
 			};
 		}>;
 		circleBase: string;
-		circleProgress: import("@vanilla-extract/recipes").RuntimeFn<{
-			completed: {
-				true: {
-					stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-				};
-			};
-		}>;
+		circleProgress: string;
 		circleText: string;
 	};
 	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -8689,6 +8677,25 @@ export declare const progress: {
 					};
 					name: "backgroundColor";
 				};
+				stroke: {
+					values: {
+						brand: {
+							default: string;
+						};
+						info: {
+							default: string;
+						};
+						success: {
+							default: string;
+						};
+					};
+					staticScale: {
+						info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					name: "stroke";
+				};
 			};
 		} & {
 			config: {
@@ -9089,6 +9096,16 @@ export declare const select: {
 };
 declare const styles$5: {
 	status: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Specifies whether the status should take up the full width of its container.
+		 * This variant is useful when you want to make a status span the entire width of its parent container.
+		 *
+		 */
+		full: {
+			true: {
+				width: "100%";
+			};
+		};
 		/**
 		 * Determines the visual style of the status, influencing its color scheme.
 		 */
@@ -9156,6 +9173,11 @@ export type StatusVariants = RecipeVariants<typeof styles$5.status>;
 declare const status$1: {
 	classnames: {
 		status: import("@vanilla-extract/recipes").RuntimeFn<{
+			full: {
+				true: {
+					width: "100%";
+				};
+			};
 			appearance: {
 				success: {
 					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -9969,6 +9991,72 @@ export declare const banner: {
 		}>;
 	};
 };
+declare const textareaStyles: {
+	textarea: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Determines the visual style of the textarea, affecting its border
+		 */
+		appearance: {
+			success: {
+				borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				":hover": {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				":focus": {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				":disabled": {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+			};
+			error: {
+				borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				":hover": {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				":focus": {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				":disabled": {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+			};
+		};
+	}>;
+};
+export type TextareaVariants = NonNullable<RecipeVariants<typeof textareaStyles.textarea>>;
+export declare const textarea: {
+	classnames: {
+		textarea: import("@vanilla-extract/recipes").RuntimeFn<{
+			appearance: {
+				success: {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					":hover": {
+						borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":focus": {
+						borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":disabled": {
+						borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+				};
+				error: {
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					":hover": {
+						borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":focus": {
+						borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":disabled": {
+						borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+				};
+			};
+		}>;
+	};
+};
 declare const styles$6: {
 	toast: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**