@rarui/styles 1.3.0-rc.1 → 1.4.0

package/dist/index.d.ts

@@ -1923,7 +1923,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
 			};
 			lineHeight: {
 				values: {
-					"hero-caption": {
+					hero: {
 						default: string;
 						conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
 					};
@@ -1997,7 +1997,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
 					};
 				};
 				staticScale: {
-					readonly "hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					readonly hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2047,7 +2047,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
 			};
 			fontSize: {
 				values: {
-					"hero-caption": {
+					hero: {
 						default: string;
 						conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
 					};
@@ -2121,7 +2121,7 @@ declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRu
 					};
 				};
 				staticScale: {
-					"hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					"body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					"body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					"body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4610,7 +4610,7 @@ export declare const box: {
 				};
 				lineHeight: {
 					values: {
-						"hero-caption": {
+						hero: {
 							default: string;
 							conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
 						};
@@ -4684,7 +4684,7 @@ export declare const box: {
 						};
 					};
 					staticScale: {
-						readonly "hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						readonly hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 						readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 						readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 						readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -4734,7 +4734,7 @@ export declare const box: {
 				};
 				fontSize: {
 					values: {
-						"hero-caption": {
+						hero: {
 							default: string;
 							conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
 						};
@@ -4808,7 +4808,7 @@ export declare const box: {
 						};
 					};
 					staticScale: {
-						"hero-caption": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 						"body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 						"body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 						"body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -5459,69 +5459,6 @@ export declare const box: {
 			};
 		}
 	]>;
-	properties: {
-		backgroundColor: {
-			transparent: string;
-			background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"on-warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		};
-		borderColor: {
-			transparent: string;
-			brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		};
-	};
 };
 declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
 	appearance: {
@@ -5675,6 +5612,33 @@ declare const button$1: {
 		overlay: string;
 	};
 };
+export declare const chip: {
+	classnames: {
+		chip: import("@vanilla-extract/recipes").RuntimeFn<{
+			shape: {
+				pill: {
+					borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				rounded: {
+					borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+			};
+			variantdsa: {
+				selected: {
+					border: "none";
+					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					":hover": {
+						backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					":active": {
+						backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+				};
+			};
+		}>;
+	};
+};
 export declare const link: {
 	classnames: {
 		link: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -5709,28 +5673,488 @@ export declare const link: {
 		}>;
 	};
 };
-export declare const chip: {
-	classnames: {
-		chip: import("@vanilla-extract/recipes").RuntimeFn<{
-			shape: {
-				pill: {
-					borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+declare const sprinkle$1: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
+	{
+		config: {
+			color: {
+				values: {
+					brand: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					disabled: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					error: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					info: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					invert: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"invert-disabled": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"invert-secondary": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					primary: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					secondary: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					success: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					warning: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"brand-alt": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"on-brand": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"on-error": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"on-info": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"on-success": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"on-warning": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					"warning-alt": {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					currentColor: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
 				};
-				rounded: {
-					borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				staticScale: {
+					currentColor: string;
+					brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					"warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
+				name: "color";
 			};
-			variantdsa: {
-				selected: {
-					border: "none";
-					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-					":hover": {
-						backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			fontWeight: {
+				values: {
+					regular: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
 					};
-					":active": {
-						backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					medium: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					semiBold: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
 					};
+					bold: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+				staticScale: {
+					regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				name: "fontWeight";
+			};
+			lineHeight: {
+				values: {
+					hero: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					xs: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					s: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					m: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					l: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					xl: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+				staticScale: {
+					hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				name: "lineHeight";
+			};
+			fontSize: {
+				values: {
+					hero: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					xs: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					s: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					m: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					l: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					xl: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+				staticScale: {
+					hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				name: "fontSize";
+			};
+		};
+	} & {
+		config: {
+			textAlign: {
+				dynamic: {
+					default: string;
+					conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+				};
+				dynamicScale: true;
+				name: "textAlign";
+				vars: {
+					default: string;
+					conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+				};
+			};
+		};
+	}
+]>;
+export type TitleSprinkle = Parameters<typeof sprinkle$1>[0];
+export declare const title: {
+	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
+		{
+			config: {
+				color: {
+					values: {
+						brand: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						disabled: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						error: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						info: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						invert: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"invert-disabled": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"invert-secondary": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						primary: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						secondary: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						success: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						warning: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"brand-alt": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"on-brand": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"on-error": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"on-info": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"on-success": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"on-warning": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						"warning-alt": {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						currentColor: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+					};
+					staticScale: {
+						currentColor: string;
+						brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						"warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					name: "color";
+				};
+				fontWeight: {
+					values: {
+						regular: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						medium: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						semiBold: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						bold: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+					};
+					staticScale: {
+						regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					name: "fontWeight";
+				};
+				lineHeight: {
+					values: {
+						hero: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						xs: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						s: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						m: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						l: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						xl: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+					};
+					staticScale: {
+						hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					name: "lineHeight";
+				};
+				fontSize: {
+					values: {
+						hero: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						xs: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						s: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						m: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						l: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+						xl: {
+							default: string;
+							conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+						};
+					};
+					staticScale: {
+						hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+						xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					};
+					name: "fontSize";
+				};
+			};
+		} & {
+			config: {
+				textAlign: {
+					dynamic: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+					dynamicScale: true;
+					name: "textAlign";
+					vars: {
+						default: string;
+						conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+					};
+				};
+			};
+		}
+	]>;
+	classnames: {
+		title: import("@vanilla-extract/recipes").RuntimeFn<{
+			as: {
+				h1: {
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				h2: {
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				h3: {
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				h4: {
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				h5: {
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
+				h6: {
+					fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
 			};
 		}>;