@nimbus-ds/components 5.22.0 → 5.23.0

package/dist/index.d.ts

@@ -176,12 +176,19 @@ declare const propertiesBox: {
 		"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The right property participates in specifying the horizontal position of a positioned box.
+		 */
 		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		transparent: string;
 	};
+	background: {
+		"ai-generative-interactive-border": string;
+		"ai-generative-interactive": string;
+		transparent: string;
+	};
 	color: {
 		currentColor: string;
 		"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -202,7 +209,9 @@ declare const propertiesBox: {
 		"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The right property participates in specifying the horizontal position of a positioned box.
+		 */
 		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -228,10 +237,7 @@ declare const propertiesBox: {
 		transparent: string;
 	};
 	borderRadius: {
-		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
-		 * The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.
-		 * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
-		 */
+		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"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})`;
@@ -239,10 +245,6 @@ declare const propertiesBox: {
 		"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		/**
-		 * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
-		 * In Flexbox, it aligns the item on the cross axis.
-		 */
 		base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		none: string;
@@ -319,6 +321,7 @@ declare const propertiesBox: {
 		"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 	transitionDuration: {
 		base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -368,7 +371,9 @@ declare const propertiesBox: {
 		"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * This defines the ability for a flex item to shrink if necessary.
+		 */
 		h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -402,10 +407,7 @@ declare const propertiesBox: {
 		h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-	}; /**
-	 * The boxSizing property sets how the total width and height of an box is calculated.
-	 * @default border-box
-	 */
+	};
 };
 export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
 export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -422,6 +424,7 @@ export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transit
 export type BoxFontSizeProperties = keyof typeof propertiesBox.fontSize;
 export type BoxFontWeightProperties = keyof typeof propertiesBox.fontWeight;
 export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
+export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
 export interface BoxConditions<T> extends Conditions<T> {
 	focus?: T;
 	focusWithin?: T;
@@ -682,6 +685,10 @@ export interface BoxSprinkle {
 	 * The zIndex property specifies the stack order of the box.
 	 */
 	zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
+	/**
+	 * The background property sets the background of the box.
+	 */
+	background?: BoxBackgroundProperties | BoxConditions<BoxBackgroundProperties>;
 	/**
 	 * The backgroundImage property sets one or more background images on an element.
 	 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/components",
-  "version": "5.22.0",
+  "version": "5.23.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [