@rarui/styles 2.2.0 → 2.2.1-rc.1

package/dist/index.d.ts

@@ -405,7 +405,7 @@ declare const badgeStyles: {
 		};
 	}>;
 };
-export type BadgeVariants = RecipeVariants<typeof badgeStyles.badge>;
+export type BadgeVariants = NonNullable<RecipeVariants<typeof badgeStyles.badge>>;
 export declare const badge: {
 	classnames: {
 		badge: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -1624,7 +1624,7 @@ export interface StandardLonghandProperties {
 	 */
 	hangingPunctuation?: Property.HangingPunctuation | Conditions<Property.HangingPunctuation>;
 	/**
-	 * The **`height`** CSS property specifies the height of an element. By default, the property defines the height of the content area. If `box-sizing` is set to `border-box`, however, it instead determines the height of the border area.
+	 * The **`height`** CSS property specifies the height of an element. By default, the property defines the height of the content area. If `box-sizing` is set to `border-box`, however, it instead determines the height of the border area. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -2052,7 +2052,7 @@ export interface StandardLonghandProperties {
 	 */
 	maxBlockSize?: Property.MaxBlockSize | Conditions<Property.MaxBlockSize>;
 	/**
-	 * The **`max-height`** CSS property sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `max-height`.
+	 * The **`max-height`** CSS property sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `max-height`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `none`
@@ -2073,7 +2073,7 @@ export interface StandardLonghandProperties {
 	 */
 	maxLines?: Property.MaxLines | Conditions<Property.MaxLines>;
 	/**
-	 * The **`max-width`** CSS property sets the maximum width of an element. It prevents the used value of the `width` property from becoming larger than the value specified by `max-width`.
+	 * The **`max-width`** CSS property sets the maximum width of an element. It prevents the used value of the `width` property from becoming larger than the value specified by `max-width`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `none`
@@ -2089,7 +2089,7 @@ export interface StandardLonghandProperties {
 	 */
 	minBlockSize?: Property.MinBlockSize | Conditions<Property.MinBlockSize>;
 	/**
-	 * The **`min-height`** CSS property sets the minimum height of an element. It prevents the used value of the `height` property from becoming smaller than the value specified for `min-height`.
+	 * The **`min-height`** CSS property sets the minimum height of an element. It prevents the used value of the `height` property from becoming smaller than the value specified for `min-height`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -2105,7 +2105,7 @@ export interface StandardLonghandProperties {
 	 */
 	minInlineSize?: Property.MinInlineSize | Conditions<Property.MinInlineSize>;
 	/**
-	 * The **`min-width`** CSS property sets the minimum width of an element. It prevents the used value of the `width` property from becoming smaller than the value specified for `min-width`.
+	 * The **`min-width`** CSS property sets the minimum width of an element. It prevents the used value of the `width` property from becoming smaller than the value specified for `min-width`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -3189,7 +3189,7 @@ export interface StandardLonghandProperties {
 	 */
 	widows?: Property.Widows | Conditions<Property.Widows>;
 	/**
-	 * The **`width`** CSS property sets an element's width. By default, it sets the width of the content area, but if `box-sizing` is set to `border-box`, it sets the width of the border area.
+	 * The **`width`** CSS property sets an element's width. By default, it sets the width of the content area, but if `box-sizing` is set to `border-box`, it sets the width of the border area. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -7722,7 +7722,7 @@ export declare const box: {
 		}
 	]>;
 };
-declare const styles: {
+declare const buttonStyles: {
 	button: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the button should take up the full width of its container.
@@ -7823,7 +7823,7 @@ declare const styles: {
 		};
 	}>;
 };
-export type ButtonVariants = NonNullable<RecipeVariants<typeof styles.button>>;
+export type ButtonVariants = NonNullable<RecipeVariants<typeof buttonStyles.button>>;
 export declare const button: {
 	classnames: {
 		button: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8091,7 +8091,7 @@ declare const paddingProperties: {
 	medium: string;
 	small: string;
 };
-export type ChipVariants = RecipeVariants<typeof chipStyles.chip>;
+export type ChipVariants = NonNullable<RecipeVariants<typeof chipStyles.chip>>;
 export type ChipDynamicProperties = Pick<StandardLonghandProperties, "textTransform">;
 export interface ChipSprinkle extends ChipDynamicProperties {
 	/**
@@ -8696,7 +8696,7 @@ export declare const iconButton: {
 		}>;
 	};
 };
-declare const styles$1: {
+declare const styles: {
 	container: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the input, affecting its border
@@ -8814,7 +8814,7 @@ declare const styles$1: {
 		};
 	}>;
 };
-export type InputVariants = NonNullable<RecipeVariants<typeof styles$1.container> & RecipeVariants<typeof styles$1.input>>;
+export type InputVariants = NonNullable<RecipeVariants<typeof styles.container> & RecipeVariants<typeof styles.input>>;
 export declare const input: {
 	classnames: {
 		container: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8923,7 +8923,7 @@ export declare const input: {
 		}>;
 	};
 };
-declare const styles$2: {
+declare const styles$1: {
 	label: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the label is hidden or not
@@ -8942,7 +8942,7 @@ declare const styles$2: {
 		};
 	}>;
 };
-export type LabelVariants = RecipeVariants<typeof styles$2.label>;
+export type LabelVariants = RecipeVariants<typeof styles$1.label>;
 export declare const label: {
 	classnames: {
 		label: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -8961,7 +8961,7 @@ export declare const label: {
 		}>;
 	};
 };
-declare const styles$3: {
+declare const styles$2: {
 	link: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the link.
@@ -8999,7 +8999,7 @@ declare const styles$3: {
 		};
 	}>;
 };
-export type LinkVariants = RecipeVariants<typeof styles$3.link>;
+export type LinkVariants = NonNullable<RecipeVariants<typeof styles$2.link>>;
 export declare const link: {
 	classnames: {
 		link: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -9063,7 +9063,7 @@ declare const progressColorProperties: {
 	success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export type ProgressVariants = RecipeVariants<typeof progressStyles.circle>;
+export type ProgressVariants = NonNullable<RecipeVariants<typeof progressStyles.circle>>;
 export interface ProgressSprinkle {
 	/**
 	 * Specifies the color of the progress.
@@ -9151,7 +9151,7 @@ export declare const progress: {
 		}
 	]>;
 };
-declare const styles$4: {
+declare const styles$3: {
 	radioButton: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies the size of the radiobutton
@@ -9215,7 +9215,7 @@ declare const styles$4: {
 	input: string;
 	container: string;
 };
-export type RadioButtonVariants = RecipeVariants<typeof styles$4.radioButton>;
+export type RadioButtonVariants = NonNullable<RecipeVariants<typeof styles$3.radioButton>>;
 export declare const radioButton: {
 	classnames: {
 		radioButton: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -10519,7 +10519,7 @@ export declare const textarea: {
 		}>;
 	};
 };
-declare const styles$5: {
+declare const styles$4: {
 	toast: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Determines the visual style of the toast, influencing its color scheme and appearance.
@@ -10656,7 +10656,8 @@ declare const styles$5: {
 		};
 	}>;
 };
-export type ToastVariants = RecipeVariants<typeof styles$5.toast>;
+export type ToastVariants = NonNullable<RecipeVariants<typeof styles$4.toast>>;
+export type ToastSprinkle = Pick<StandardLonghandProperties, "width">;
 export declare const toast: {
 	classnames: {
 		toast: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -10805,7 +10806,7 @@ export declare const toast: {
 		}
 	]>;
 };
-declare const styles$6: {
+declare const styles$5: {
 	toggle: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies the size of the toggle, controlling its dimensions.
@@ -10911,7 +10912,7 @@ declare const styles$6: {
 		};
 	}>;
 };
-export type ToggleVariants = RecipeVariants<typeof styles$6.toggle>;
+export type ToggleVariants = RecipeVariants<typeof styles$5.toggle>;
 export declare const toggle: {
 	classnames: {
 		toggle: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -11014,7 +11015,7 @@ export declare const toggle: {
 		}>;
 	};
 };
-declare const styles$7: {
+declare const styles$6: {
 	tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
 		/**
 		 * Specifies whether the color scheme should be inverted
@@ -11053,7 +11054,7 @@ declare const styles$7: {
 	}>;
 	container: string;
 };
-export type TooltipVariants = RecipeVariants<typeof styles$7.tooltip>;
+export type TooltipVariants = NonNullable<RecipeVariants<typeof styles$6.tooltip>>;
 export declare const tooltip: {
 	classnames: {
 		tooltip: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -11192,7 +11193,7 @@ declare const breadcrumbStyles: {
 		};
 	}>;
 };
-export type BreadcrumbVariants = RecipeVariants<typeof breadcrumbStyles.item>;
+export type BreadcrumbVariants = NonNullable<RecipeVariants<typeof breadcrumbStyles.item>>;
 export declare const breadcrumb: {
 	classnames: {
 		breadcrumb: string;
@@ -12121,8 +12122,7 @@ declare const stepperStyles: {
 		};
 	}>;
 };
-export type StepperVariants = RecipeVariants<typeof stepperStyles.stepper>;
-export type StepperStepVariants = RecipeVariants<typeof stepperStyles.circle>;
+export type StepperVariants = NonNullable<RecipeVariants<typeof stepperStyles.stepper> & RecipeVariants<typeof stepperStyles.circle>>;
 export declare const stepper: {
 	classNames: {
 		stepper: import("@vanilla-extract/recipes").RuntimeFn<{