@rarui/styles 1.25.1 → 1.27.0

package/dist/index.d.ts

@@ -7799,6 +7799,27 @@ declare const styles$2: {
 				color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			};
 		};
+		/**
+		 * Defines the size of the icon button component.
+		 * @default medium
+		 */
+		size: {
+			large: {
+				height: "3rem";
+				width: "3rem";
+				fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
+			medium: {
+				height: "2.5rem";
+				width: "2.5rem";
+				fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
+			small: {
+				height: "2rem";
+				width: "2rem";
+				fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
+		};
 		variant: {
 			/**
 			 * Defines the visual variant of the icon button, affecting its background style, border and text.
@@ -7874,6 +7895,23 @@ export declare const iconButton: {
 					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
 			};
+			size: {
+				large: {
+					height: "3rem";
+					width: "3rem";
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				medium: {
+					height: "2.5rem";
+					width: "2.5rem";
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				small: {
+					height: "2rem";
+					width: "2rem";
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+			};
 			variant: {
 				solid: {};
 				outlined: {
@@ -9831,6 +9869,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: {
@@ -9867,6 +9913,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: {
@@ -9994,6 +10048,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: {