@rarui/styles 2.0.0 → 2.1.0

package/dist/index.d.ts

@@ -323,7 +323,7 @@ declare const badgeStyles: {
 	badge: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the badge, influencing its color scheme and appearance.
-		 * @defaiult brand
+		 * @default brand
 		 */
 		appearance: {
 			brand: {
@@ -9020,7 +9020,7 @@ export declare const link: {
 };
 declare const progressStyles: {
 	progress: string;
-	progressBar: string;
+	bar: string;
 	circle: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies the size of the progress indicator.
@@ -9060,7 +9060,7 @@ export interface ProgressSprinkle {
 export declare const progress: {
 	classnames: {
 		progress: string;
-		progressBar: string;
+		bar: string;
 		circle: import("@vanilla-extract/recipes").RuntimeFn<{
 			size: {
 				large: {
@@ -9443,7 +9443,7 @@ declare const dropdownStyles: {
 			};
 		};
 	}>;
-	dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
+	item: import("@vanilla-extract/recipes").RuntimeFn<{
 		selected: {
 			true: {
 				backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -9454,7 +9454,7 @@ declare const dropdownStyles: {
 		};
 	}>;
 };
-export type DropdownVariants = NonNullable<RecipeVariants<typeof dropdownStyles.dropdown> & RecipeVariants<typeof dropdownStyles.dropdownItem>>;
+export type DropdownVariants = NonNullable<RecipeVariants<typeof dropdownStyles.dropdown> & RecipeVariants<typeof dropdownStyles.item>>;
 export type DropdownDynamicProperties = Pick<StandardLonghandProperties, "width" | "maxWidth">;
 export interface DropdownSprinkle extends DropdownDynamicProperties {
 	/**
@@ -9564,6 +9564,10 @@ declare const styles$5: {
 				backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			};
+			info: {
+				backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			};
 		};
 		/**
 		 * Specifies the size of the badge, controlling its dimensions.
@@ -9635,6 +9639,10 @@ declare const status$1: {
 					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
+				info: {
+					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+				};
 			};
 			size: {
 				normal: {
@@ -10497,12 +10505,6 @@ export declare const textarea: {
 };
 declare const styles$6: {
 	toast: import("@vanilla-extract/recipes").RuntimeFn<{
-		/**
-		 * Where the toast is located
-		 */
-		placement: {
-			topRight: {};
-		};
 		/**
 		 * Determines the visual style of the toast, influencing its color scheme and appearance.
 		 */
@@ -10643,9 +10645,6 @@ export type ToastVariants = RecipeVariants<typeof styles$6.toast>;
 export declare const toast: {
 	classnames: {
 		toast: import("@vanilla-extract/recipes").RuntimeFn<{
-			placement: {
-				topRight: {};
-			};
 			appearance: {
 				info: {
 					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11149,7 +11148,7 @@ export declare const accordion: {
 };
 declare const breadcrumbStyles: {
 	breadcrumb: string;
-	breadcrumbItem: import("@vanilla-extract/recipes").RuntimeFn<{
+	item: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Indicates whether the breadcrumb item is currently active.
 		 * An active item is typically styled differently to show that it represents the current page.
@@ -11161,11 +11160,11 @@ declare const breadcrumbStyles: {
 		};
 	}>;
 };
-export type BreadcrumbVariants = RecipeVariants<typeof breadcrumbStyles.breadcrumbItem>;
+export type BreadcrumbVariants = RecipeVariants<typeof breadcrumbStyles.item>;
 export declare const breadcrumb: {
 	classnames: {
 		breadcrumb: string;
-		breadcrumbItem: import("@vanilla-extract/recipes").RuntimeFn<{
+		item: import("@vanilla-extract/recipes").RuntimeFn<{
 			active: {
 				true: {
 					color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11419,7 +11418,7 @@ export declare const dropdown: {
 				};
 			};
 		}>;
-		dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
+		item: import("@vanilla-extract/recipes").RuntimeFn<{
 			selected: {
 				true: {
 					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11639,7 +11638,7 @@ declare const paginationStyles: {
 			large: {};
 		};
 	}>;
-	paginationItem: import("@vanilla-extract/recipes").RuntimeFn<{
+	item: import("@vanilla-extract/recipes").RuntimeFn<{
 		selected: {
 			true: {
 				backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11674,7 +11673,7 @@ declare const paginationStyles: {
 		};
 	}>;
 };
-export type PaginationVariants = Omit<NonNullable<RecipeVariants<typeof paginationStyles.paginationItem>>, "selected">;
+export type PaginationVariants = Omit<NonNullable<RecipeVariants<typeof paginationStyles.item>>, "selected">;
 export declare const pagination: {
 	classnames: {
 		container: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -11686,7 +11685,7 @@ export declare const pagination: {
 				large: {};
 			};
 		}>;
-		paginationItem: import("@vanilla-extract/recipes").RuntimeFn<{
+		item: import("@vanilla-extract/recipes").RuntimeFn<{
 			selected: {
 				true: {
 					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11909,7 +11908,7 @@ declare const sideNavigationStyles: {
 			};
 		};
 	}>;
-	sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
+	item: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the level of nesting for the item.
 		 */
@@ -11954,7 +11953,7 @@ declare const sideNavigationStyles: {
 		};
 	}>;
 };
-export type SideNavigationVariants = NonNullable<RecipeVariants<typeof sideNavigationStyles.sideNavigation> & RecipeVariants<typeof sideNavigationStyles.sideNavigationItem>>;
+export type SideNavigationVariants = NonNullable<RecipeVariants<typeof sideNavigationStyles.sideNavigation> & RecipeVariants<typeof sideNavigationStyles.item>>;
 export declare const sideNavigation: {
 	classnames: {
 		sideNavigation: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -11983,7 +11982,7 @@ export declare const sideNavigation: {
 				};
 			};
 		}>;
-		sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
+		item: import("@vanilla-extract/recipes").RuntimeFn<{
 			level: {
 				0: {
 					paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -12069,7 +12068,7 @@ declare const stepperStyles: {
 			};
 		};
 	}>;
-	stepCircle: import("@vanilla-extract/recipes").RuntimeFn<{
+	circle: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Indicates whether the step is currently active. An active step is typically highlighted to show that it is the current step.
 		 */
@@ -12091,7 +12090,7 @@ declare const stepperStyles: {
 	}>;
 };
 export type StepperVariants = RecipeVariants<typeof stepperStyles.stepper>;
-export type StepperStepVariants = RecipeVariants<typeof stepperStyles.stepCircle>;
+export type StepperStepVariants = RecipeVariants<typeof stepperStyles.circle>;
 export declare const stepper: {
 	classNames: {
 		stepper: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -12128,7 +12127,7 @@ export declare const stepper: {
 				};
 			};
 		}>;
-		stepCircle: import("@vanilla-extract/recipes").RuntimeFn<{
+		circle: import("@vanilla-extract/recipes").RuntimeFn<{
 			active: {
 				true: {
 					backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -12158,6 +12157,21 @@ declare const tabsStyles: {
 				borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			};
 		};
+		/**
+		 * Controls where the tab buttons are displayed. This prop accepts one of the following values: "left", "center", or "right".
+		 * @default left
+		 */
+		position: {
+			left: {
+				justifyContent: "flex-start";
+			};
+			center: {
+				justifyContent: "center";
+			};
+			right: {
+				justifyContent: "flex-end";
+			};
+		};
 	}>;
 	li: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
@@ -12217,6 +12231,17 @@ export declare const tabs: {
 					borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 				};
 			};
+			position: {
+				left: {
+					justifyContent: "flex-start";
+				};
+				center: {
+					justifyContent: "center";
+				};
+				right: {
+					justifyContent: "flex-end";
+				};
+			};
 		}>;
 		li: import("@vanilla-extract/recipes").RuntimeFn<{
 			full: {