@nimbus-ds/styles 9.13.1 → 9.14.1

package/dist/index.d.ts

@@ -36,7 +36,7 @@ export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-betwe
 export type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
 export type AlignSelf = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 export type TextAlign = "left" | "right" | "center" | "justify";
-export type TextDecoration = "none" | "underline";
+export type TextDecoration = "none" | "underline" | "line-through";
 export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
 export type Overflow = "visible" | "hidden" | "scroll" | "auto";
 export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | "inherit";
@@ -169,7 +169,10 @@ declare const propertiesBox: {
 		transparent: string;
 	};
 	borderRadius: {
-		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"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.
+		 */
 		"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})`;
@@ -177,6 +180,10 @@ 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;
@@ -269,9 +276,7 @@ declare const propertiesBox: {
 		"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
-		 * The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
-		 */
+		"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
@@ -1145,6 +1150,10 @@ export declare const box: {
 							default: string;
 							conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
 						};
+						"line-through": {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
+						};
 						underline: {
 							default: string;
 							conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
@@ -3123,7 +3132,10 @@ export declare const tag: {
 declare const propertiesText: {
 	color: {
 		currentColor: string;
-		"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The color property is used to set the color of the text.
+		 * @default neutral-textLow
+		 */
 		"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3134,7 +3146,9 @@ declare const propertiesText: {
 		"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The textDecoration shorthand property sets the appearance of decorative lines on text.
+		 */
 		"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3163,6 +3177,7 @@ declare const propertiesText: {
 		highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 	wordBreak: WordBreak[];
+	textDecoration: TextDecoration[];
 };
 export type TextColorProperties = keyof typeof propertiesText.color;
 export type TextFontSizeProperties = keyof typeof propertiesText.fontSize;
@@ -3207,6 +3222,10 @@ export interface TextSprinkle {
 	 * The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
 	 */
 	wordBreak?: WordBreak | TextConditions<WordBreak>;
+	/**
+	 * The textDecoration shorthand property sets the appearance of decorative lines on text.
+	 */
+	textDecoration?: TextDecoration | TextConditions<TextDecoration>;
 }
 export declare const text: {
 	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -3444,6 +3463,24 @@ export declare const text: {
 					staticScale: WordBreak[];
 					name: "wordBreak";
 				};
+				textDecoration: {
+					values: {
+						none: {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
+						};
+						"line-through": {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
+						};
+						underline: {
+							default: string;
+							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
+						};
+					};
+					staticScale: TextDecoration[];
+					name: "textDecoration";
+				};
 			};
 		} & {
 			config: {
@@ -3475,7 +3512,7 @@ export declare const text: {
 		} & {
 			config: {
 				[x: string]: {
-					mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "wordBreak" | "lineClamp" | "WebkitLineClamp")[];
+					mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "wordBreak" | "lineClamp" | "textDecoration" | "WebkitLineClamp")[];
 				};
 			};
 		}
@@ -3523,6 +3560,7 @@ export declare const text: {
 			highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		};
 		wordBreak: WordBreak[];
+		textDecoration: TextDecoration[];
 	};
 	classnames: {
 		base: string;
@@ -4319,6 +4357,7 @@ export declare const thumbnail: {
 		container__image: string;
 		container__placeholder: string;
 		skeleton: string;
+		width: string;
 	};
 };
 export declare const textarea: {