@nimbus-ds/styles 9.46.0-rc.5 → 9.46.1

package/dist/index.d.ts

@@ -74,11 +74,15 @@ export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" |
 export type WordBreak = "normal" | "break-all" | "keep-all" | "break-word";
 export type TextOverflow = "clip" | "ellipsis";
 export type WhiteSpace = "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
+export type ScrollbarWidth = "auto" | "none" | "thin";
 declare const propertiesBox: {
 	gap: {
 		none: string;
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
+		 * such as grid or flex.
+		 */
 		"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -102,7 +106,10 @@ declare const propertiesBox: {
 	gridGap: {
 		none: string;
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
+		 * such as grid or flex.
+		 */
 		"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -134,9 +141,7 @@ declare const propertiesBox: {
 		"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
-		 * The width property specifies the width of a box's content area.
-		 */
+		"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -170,9 +175,7 @@ declare const propertiesBox: {
 		"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
-		 * The width property specifies the width of a box's content area.
-		 */
+		"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -210,10 +213,6 @@ declare const propertiesBox: {
 		"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		/**
-		 * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
-		 * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
-		 */
 		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -235,9 +234,7 @@ declare const propertiesBox: {
 	borderWidth: {
 		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
-		 * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
-		 */
+		"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		none: string;
@@ -248,7 +245,10 @@ declare const propertiesBox: {
 	spacing: {
 		none: string;
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
+		 * such as grid or flex.
+		 */
 		"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -271,7 +271,10 @@ declare const propertiesBox: {
 	};
 	margin: {
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
+		 * such as grid or flex.
+		 */
 		"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -335,7 +338,10 @@ declare const propertiesBox: {
 	};
 	fontSize: {
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
+		 * such as grid or flex.
+		 */
 		"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -366,7 +372,10 @@ declare const propertiesBox: {
 	};
 	lineHeight: {
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
+		 * such as grid or flex.
+		 */
 		"1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -395,6 +404,7 @@ declare const propertiesBox: {
 		h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
+	scrollbarWidth: ScrollbarWidth[];
 };
 export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
 export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -795,6 +805,10 @@ export interface BoxSprinkle {
 	 * @default left
 	 */
 	textAlign?: TextAlign | BoxConditions<TextAlign>;
+	/**
+	 * The scrollbarWidth property specifies the width of the scrollbar.
+	 */
+	scrollbarWidth?: ScrollbarWidth | BoxConditions<ScrollbarWidth>;
 }
 export declare const box: {
 	asButton: string;
@@ -1545,6 +1559,24 @@ export declare const box: {
 					staticScale: TextAlign[];
 					name: "textAlign";
 				};
+				scrollbarWidth: {
+					values: {
+						none: {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
+						};
+						auto: {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
+						};
+						thin: {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl" | "xxl" | "focus" | "active" | "disabled" | "hover" | "focusVisible" | "focusWithin", string>;
+						};
+					};
+					staticScale: ScrollbarWidth[];
+					name: "scrollbarWidth";
+				};
 			};
 		} & {
 			config: {
@@ -2959,6 +2991,7 @@ export declare const box: {
 			h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		};
+		scrollbarWidth: ScrollbarWidth[];
 	};
 };
 export declare const button: {
@@ -5341,15 +5374,11 @@ export declare const table: {
 		};
 	};
 	classnames: {
-		container__wrapper: string;
 		container: string;
 		container__head: string;
 		container__body: string;
 		container__row: string;
 		container__cell: string;
-		container__cell_fixed: string;
-		container__cell_fixed_left: string;
-		container__cell_fixed_right: string;
 	};
 };
 export declare const segmentedControl: {