@rarui/styles 1.28.1 → 1.29.0-rc.2

package/dist/index.d.ts

@@ -7357,7 +7357,7 @@ declare const checkbox$1: {
 		overlay: string;
 	};
 };
-declare const styles$1: {
+declare const chipStyles: {
 	chip: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the chip will be displayed in the pill shape
@@ -7403,7 +7403,7 @@ declare const paddingProperties: {
 	medium: string;
 	small: string;
 };
-export type ChipVariants = RecipeVariants<typeof styles$1.chip>;
+export type ChipVariants = RecipeVariants<typeof chipStyles.chip>;
 export interface ChipSprinkle {
 	/**
 	 * The padding properties are used to generate space around an chip's content area.
@@ -7411,29 +7411,6 @@ export interface ChipSprinkle {
 	padding?: AddDollar<keyof typeof paddingProperties> | Conditions<AddDollar<keyof typeof paddingProperties>>;
 }
 export declare const chip: {
-	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
-		{
-			config: {
-				padding: {
-					values: {
-						medium: {
-							default: string;
-							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
-						};
-						small: {
-							default: string;
-							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
-						};
-					};
-					staticScale: {
-						medium: string;
-						small: string;
-					};
-					name: "padding";
-				};
-			};
-		}
-	]>;
 	classnames: {
 		chip: import("@vanilla-extract/recipes").RuntimeFn<{
 			pill: {
@@ -7467,6 +7444,29 @@ export declare const chip: {
 		close: string;
 		overlay: string;
 	};
+	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
+		{
+			config: {
+				padding: {
+					values: {
+						medium: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						small: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+					};
+					staticScale: {
+						medium: string;
+						small: string;
+					};
+					name: "padding";
+				};
+			};
+		}
+	]>;
 };
 declare const dividerBorderWidthProperties: {
 	"1": string;
@@ -7794,7 +7794,7 @@ export declare const icon: {
 		}
 	]>;
 };
-declare const styles$2: {
+declare const iconButtonStyles: {
 	iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the icon button, influencing its color scheme and appearance.
@@ -7890,7 +7890,7 @@ declare const styles$2: {
 		};
 	}>;
 };
-export type IconButtonVariants = RecipeVariants<typeof styles$2.iconButton>;
+export type IconButtonVariants = RecipeVariants<typeof iconButtonStyles.iconButton>;
 export declare const iconButton: {
 	classnames: {
 		iconButton: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -7979,7 +7979,7 @@ export declare const iconButton: {
 		}>;
 	};
 };
-declare const styles$3: {
+declare const styles$1: {
 	container: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the input, affecting its border
@@ -8097,7 +8097,7 @@ declare const styles$3: {
 		};
 	}>;
 };
-export type InputVariants = RecipeVariants<typeof styles$3.container> & RecipeVariants<typeof styles$3.input>;
+export type InputVariants = RecipeVariants<typeof styles$1.container> & RecipeVariants<typeof styles$1.input>;
 export declare const input: {
 	classnames: {
 		container: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8206,7 +8206,7 @@ export declare const input: {
 		}>;
 	};
 };
-declare const styles$4: {
+declare const styles$2: {
 	label: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the label is hidden or not
@@ -8225,7 +8225,7 @@ declare const styles$4: {
 		};
 	}>;
 };
-export type LabelVariants = RecipeVariants<typeof styles$4.label>;
+export type LabelVariants = RecipeVariants<typeof styles$2.label>;
 export declare const label: {
 	classnames: {
 		label: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8244,7 +8244,7 @@ export declare const label: {
 		}>;
 	};
 };
-declare const styles$5: {
+declare const styles$3: {
 	link: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the link.
@@ -8282,7 +8282,7 @@ declare const styles$5: {
 		};
 	}>;
 };
-export type LinkVariants = RecipeVariants<typeof styles$5.link>;
+export type LinkVariants = RecipeVariants<typeof styles$3.link>;
 export declare const link: {
 	classnames: {
 		link: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8409,7 +8409,7 @@ export declare const progress: {
 		}
 	]>;
 };
-declare const styles$6: {
+declare const styles$4: {
 	radioButton: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies the size of the radiobutton
@@ -8473,7 +8473,7 @@ declare const styles$6: {
 	input: string;
 	container: string;
 };
-export type RadioButtonVariants = RecipeVariants<typeof styles$6.radioButton>;
+export type RadioButtonVariants = RecipeVariants<typeof styles$4.radioButton>;
 export declare const radioButton: {
 	classnames: {
 		radioButton: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8693,8 +8693,11 @@ declare const selectStyles: {
 			};
 		};
 	}>;
+	list: string;
+	close: string;
 };
 export type SelectVariants = NonNullable<RecipeVariants<typeof selectStyles.select>>;
+export type SelectSprinkle = Pick<StandardLonghandProperties, "maxHeight">;
 export declare const select: {
 	classnames: {
 		select: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8731,9 +8734,29 @@ export declare const select: {
 				};
 			};
 		}>;
+		list: string;
+		close: string;
 	};
+	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
+		{
+			config: {
+				maxHeight: {
+					dynamic: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					dynamicScale: true;
+					name: "maxHeight";
+					vars: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+			};
+		}
+	]>;
 };
-declare const styles$7: {
+declare const styles$5: {
 	status: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the status, influencing its color scheme.
@@ -8798,7 +8821,7 @@ declare const styles$7: {
 		};
 	}>;
 };
-export type StatusVariants = RecipeVariants<typeof styles$7.status>;
+export type StatusVariants = RecipeVariants<typeof styles$5.status>;
 declare const status$1: {
 	classnames: {
 		status: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -9519,7 +9542,7 @@ export declare const banner: {
 		}>;
 	};
 };
-declare const styles$8: {
+declare const styles$6: {
 	toast: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Where the toast is located
@@ -9660,7 +9683,7 @@ declare const styles$8: {
 		};
 	}>;
 };
-export type ToastVariants = RecipeVariants<typeof styles$8.toast>;
+export type ToastVariants = RecipeVariants<typeof styles$6.toast>;
 export declare const toast: {
 	classnames: {
 		toast: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -9792,7 +9815,7 @@ export declare const toast: {
 		}>;
 	};
 };
-declare const styles$9: {
+declare const styles$7: {
 	toggle: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies the size of the toggle, controlling its dimensions.
@@ -9867,7 +9890,7 @@ declare const styles$9: {
 		};
 	}>;
 };
-export type ToggleVariants = RecipeVariants<typeof styles$9.toggle>;
+export type ToggleVariants = RecipeVariants<typeof styles$7.toggle>;
 export declare const toggle: {
 	classnames: {
 		toggle: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -9939,7 +9962,7 @@ export declare const toggle: {
 		}>;
 	};
 };
-declare const styles$10: {
+declare const styles$8: {
 	tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the color scheme should be inverted
@@ -9978,7 +10001,7 @@ declare const styles$10: {
 	}>;
 	container: string;
 };
-export type TooltipVariants = RecipeVariants<typeof styles$10.tooltip>;
+export type TooltipVariants = RecipeVariants<typeof styles$8.tooltip>;
 export declare const tooltip: {
 	classnames: {
 		tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -10797,6 +10820,117 @@ export declare const stepper: {
 		}>;
 	};
 };
+declare const tabsStyles: {
+	ul: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Determines whether the tabs should have an underline style.
+		 */
+		underlined: {
+			true: {
+				padding: number;
+				borderRadius: number;
+				borderColor: "transparent";
+				backgroundColor: "transparent";
+				borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
+		};
+	}>;
+	li: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Determines whether the tabs should occupy the full width of their container.
+		 */
+		full: {
+			true: {
+				flex: "1";
+			};
+		};
+	}>;
+	button: import("@vanilla-extract/recipes").RuntimeFn<{
+		/**
+		 * Determines whether the tabs should have an underline style.
+		 */
+		underlined: {
+			true: {
+				borderRadius: number;
+				borderColor: "transparent";
+				backgroundColor: "transparent";
+				borderBottomColor: "transparent";
+				":hover": {
+					boxShadow: "none";
+					borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				":disabled": {
+					borderBottomColor: "transparent";
+				};
+			};
+		};
+		/**
+		 * Indicates whether the button is currently selected. This is used to style the button accordingly.
+		 */
+		selected: {
+			true: {
+				backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				":disabled": {
+					backgroundColor: "transparent";
+					borderColor: "transparent";
+				};
+			};
+		};
+	}>;
+};
+export type TabsVariants = NonNullable<RecipeVariants<typeof tabsStyles.ul>> & NonNullable<RecipeVariants<typeof tabsStyles.li>> & NonNullable<RecipeVariants<typeof tabsStyles.button>>;
+export declare const tabs: {
+	classnames: {
+		ul: import("@vanilla-extract/recipes").RuntimeFn<{
+			underlined: {
+				true: {
+					padding: number;
+					borderRadius: number;
+					borderColor: "transparent";
+					backgroundColor: "transparent";
+					borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+			};
+		}>;
+		li: import("@vanilla-extract/recipes").RuntimeFn<{
+			full: {
+				true: {
+					flex: "1";
+				};
+			};
+		}>;
+		button: import("@vanilla-extract/recipes").RuntimeFn<{
+			underlined: {
+				true: {
+					borderRadius: number;
+					borderColor: "transparent";
+					backgroundColor: "transparent";
+					borderBottomColor: "transparent";
+					":hover": {
+						boxShadow: "none";
+						borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":disabled": {
+						borderBottomColor: "transparent";
+					};
+				};
+			};
+			selected: {
+				true: {
+					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					":disabled": {
+						backgroundColor: "transparent";
+						borderColor: "transparent";
+					};
+				};
+			};
+		}>;
+	};
+};
 
 export {
 	checkbox$1 as checkbox,