@nimbus-ds/components 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This package is intended for internal use in generating builds of each design system package. It contains all the necessary settings and dependencies to optimize the creation of our builds.
 
+## 2023-03-31 `3.2.0`
+
+### 🎉 New features
+
+- Added `textDecoration` property to `Box` component API. ([#136](https://github.com/TiendaNube/nimbus-design-system/pull/106) by
+
+### 🐛 Bug fixes
+
+- Add missing dependency for `@nimbus-ds/icon` external package on `Select` component. ([#136](https://github.com/TiendaNube/nimbus-design-system/pull/136) by [@juanchigallego](https://github.com/juanchigallego))
+
 ## 2023-03-24 `3.1.0`
 
 ### 🐛 Bug fixes

package/dist/index.d.ts

@@ -103,9 +103,7 @@ export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" |
 export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
 declare const propertiesBox: {
 	gap: {
-		none: string; /**
-		 * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
-		 */
+		none: string;
 		"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -122,9 +120,7 @@ declare const propertiesBox: {
 		"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 	gridGap: {
-		none: string; /**
-		 * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
-		 */
+		none: string;
 		"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -145,6 +141,10 @@ declare const propertiesBox: {
 	flexWrap: FlexWrap[];
 	justifyContent: JustifyContent[];
 	alignItems: AlignItems[];
+	/**
+	 * The boxSizing property sets how the total width and height of an box is calculated.
+	 * @default border-box
+	 */
 	alignSelf: AlignSelf[];
 	pointerEvents: PointerEvents[];
 	backgroundColor: {
@@ -159,7 +159,9 @@ declare const propertiesBox: {
 		"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The min width property specifies the width of a box's content area.
+		 */
 		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -185,7 +187,9 @@ declare const propertiesBox: {
 		"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The min width property specifies the width of a box's content area.
+		 */
 		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -269,6 +273,7 @@ declare const propertiesBox: {
 		slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 	transitionTimingFunction: TransitionTiming[];
+	textDecoration: TextDecoration[];
 };
 export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
 export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
@@ -533,6 +538,10 @@ export interface BoxSprinkle {
 	 * The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.
 	 */
 	backgroundRepeat?: string | BoxConditions<string>;
+	/**
+	 * The textDecoration shorthand property sets the appearance of decorative lines on text.
+	 */
+	textDecoration?: TextDecoration | BoxConditions<TextDecoration>;
 	/**
 	 * The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
 	 */

package/package.json

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