@rarui/styles 1.26.0 → 1.28.0

package/dist/index.d.ts

@@ -7366,6 +7366,7 @@ declare const styles$1: {
 			};
 		};
 	}>;
+	close: string;
 	overlay: string;
 };
 declare const paddingProperties: {
@@ -7433,6 +7434,7 @@ export declare const chip: {
 				};
 			};
 		}>;
+		close: string;
 		overlay: string;
 	};
 };
@@ -7805,19 +7807,16 @@ declare const styles$2: {
 		 */
 		size: {
 			large: {
-				padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				height: "3rem";
 				width: "3rem";
 				fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			};
 			medium: {
-				padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				height: "2.5rem";
 				width: "2.5rem";
 				fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			};
 			small: {
-				padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				height: "2rem";
 				width: "2rem";
 				fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -7900,19 +7899,16 @@ export declare const iconButton: {
 			};
 			size: {
 				large: {
-					padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					height: "3rem";
 					width: "3rem";
 					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
 				medium: {
-					padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					height: "2.5rem";
 					width: "2.5rem";
 					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
 				small: {
-					padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					height: "2rem";
 					width: "2rem";
 					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -7980,6 +7976,14 @@ declare const styles$3: {
 				};
 			};
 		};
+		border: {
+			true: {
+				borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
+			false: {
+				borderWidth: number;
+			};
+		};
 	}>;
 	input: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
@@ -8076,6 +8080,14 @@ export declare const input: {
 					};
 				};
 			};
+			border: {
+				true: {
+					borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				false: {
+					borderWidth: number;
+				};
+			};
 		}>;
 		input: import("@vanilla-extract/recipes").RuntimeFn<{
 			divider: {
@@ -8589,6 +8601,87 @@ export declare const skeleton: {
 		}
 	]>;
 };
+declare const selectStyles: {
+	select: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Determines the visual style of the input, 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})`;
+				};
+			};
+			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})`;
+				};
+			};
+		};
+		/**
+		 * Specifies the size of the badge, controlling its dimensions.
+		 */
+		size: {
+			large: {
+				minHeight: "3rem";
+			};
+			medium: {
+				minHeight: "2.75rem";
+			};
+			small: {
+				minHeight: "2rem";
+				padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+			};
+		};
+	}>;
+};
+export type SelectVariants = NonNullable<RecipeVariants<typeof selectStyles.select>>;
+export declare const select: {
+	classnames: {
+		select: 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})`;
+					};
+				};
+				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})`;
+					};
+				};
+			};
+			size: {
+				large: {
+					minHeight: "3rem";
+				};
+				medium: {
+					minHeight: "2.75rem";
+				};
+				small: {
+					minHeight: "2rem";
+					padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+				};
+			};
+		}>;
+	};
+};
 declare const styles$7: {
 	status: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
@@ -9875,6 +9968,14 @@ declare const accordionStyles: {
 		selected: {
 			true: {
 				color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				":hover": {
+					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				":disabled": {
+					borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					backgroundColor: "transparent";
+				};
 			};
 		};
 		size: {
@@ -9911,6 +10012,14 @@ export declare const accordion: {
 			selected: {
 				true: {
 					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					":hover": {
+						backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":disabled": {
+						borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						backgroundColor: "transparent";
+					};
 				};
 			};
 			size: {
@@ -9988,7 +10097,6 @@ declare const dropdownStyles: {
 		};
 	}>;
 	dropdownItem: string;
-	container: string;
 };
 export type DropdownVariants = RecipeVariants<typeof dropdownStyles.dropdown>;
 export type DropdownSprinkle = Pick<StandardLonghandProperties, "width" | "maxWidth">;
@@ -10005,7 +10113,6 @@ export declare const dropdown: {
 			};
 		}>;
 		dropdownItem: string;
-		container: string;
 	};
 	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
 		{
@@ -10038,6 +10145,119 @@ export declare const dropdown: {
 		}
 	]>;
 };
+declare const modalStyles: {
+	modal: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Padding properties are used to generate space around the content area of an Accordion.Body..
+		 * @default base
+		 */
+		padding: {
+			base: {
+				padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
+			none: {
+				padding: number;
+			};
+		};
+	}>;
+	overlay: string;
+};
+export type ModalVariants = Omit<NonNullable<RecipeVariants<typeof modalStyles.modal>>, "selected">;
+export type ModalDynamicProperties = Pick<StandardLonghandProperties, "maxWidth">;
+export interface ModalSprinkle extends ModalDynamicProperties {
+	/**
+	 * The zIndex property specifies the stack order of the box.
+	 */
+	zIndex?: AddDollar<keyof typeof zIndexProperties> | Conditions<AddDollar<keyof typeof zIndexProperties>>;
+}
+export declare const modal: {
+	classnames: {
+		modal: import("@vanilla-extract/recipes").RuntimeFn<{
+			padding: {
+				base: {
+					padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				none: {
+					padding: number;
+				};
+			};
+		}>;
+		overlay: string;
+	};
+	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
+		{
+			config: {
+				zIndex: {
+					values: {
+						100: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						200: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						300: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						400: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						500: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						600: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						700: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						800: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						900: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+					};
+					staticScale: {
+						"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					name: "zIndex";
+				};
+			};
+		} & {
+			config: {
+				maxWidth: {
+					dynamic: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					dynamicScale: true;
+					name: "maxWidth";
+					vars: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+			};
+		}
+	]>;
+};
 declare const paginationStyles: {
 	container: import("@vanilla-extract/recipes").RuntimeFn<{
 		size: {