@nimbus-ds/box 3.1.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.d.ts +18 -8
  3. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  A low-level utility component that accepts styled system props to enable custom theme-aware styling
4
4
 
5
+ ## 2023-03-31 `3.2.0`
6
+
7
+ ### 🎉 New features
8
+
9
+ - Added `textDecoration` property to the Component. ([#136](https://github.com/TiendaNube/nimbus-design-system/pull/136) by [@juniorconquista](https://github.com/juniorconquista))
10
+
5
11
  ## 2023-03-24 `3.1.0`
6
12
 
7
13
  ### 💡 Others
package/dist/index.d.ts CHANGED
@@ -44,15 +44,14 @@ export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
44
44
  export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
45
45
  export type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
46
46
  export type AlignSelf = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
47
+ export type TextDecoration = "none" | "underline";
47
48
  export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
48
49
  export type Overflow = "visible" | "hidden" | "scroll" | "auto";
49
50
  export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | "inherit";
50
51
  export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
51
52
  declare const propertiesBox: {
52
53
  gap: {
53
- none: string; /**
54
- * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
55
- */
54
+ none: string;
56
55
  "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
56
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
57
  "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -69,9 +68,7 @@ declare const propertiesBox: {
69
68
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
69
  };
71
70
  gridGap: {
72
- none: string; /**
73
- * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
74
- */
71
+ none: string;
75
72
  "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
73
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
74
  "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -92,6 +89,10 @@ declare const propertiesBox: {
92
89
  flexWrap: FlexWrap[];
93
90
  justifyContent: JustifyContent[];
94
91
  alignItems: AlignItems[];
92
+ /**
93
+ * The boxSizing property sets how the total width and height of an box is calculated.
94
+ * @default border-box
95
+ */
95
96
  alignSelf: AlignSelf[];
96
97
  pointerEvents: PointerEvents[];
97
98
  backgroundColor: {
@@ -106,7 +107,9 @@ declare const propertiesBox: {
106
107
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
108
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
109
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
111
+ * The min width property specifies the width of a box's content area.
112
+ */
110
113
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
114
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
115
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -132,7 +135,9 @@ declare const propertiesBox: {
132
135
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
136
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
137
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
139
+ * The min width property specifies the width of a box's content area.
140
+ */
136
141
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
142
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
143
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -216,6 +221,7 @@ declare const propertiesBox: {
216
221
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
222
  };
218
223
  transitionTimingFunction: TransitionTiming[];
224
+ textDecoration: TextDecoration[];
219
225
  };
220
226
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
221
227
  export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
@@ -480,6 +486,10 @@ export interface BoxSprinkle {
480
486
  * 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.
481
487
  */
482
488
  backgroundRepeat?: string | BoxConditions<string>;
489
+ /**
490
+ * The textDecoration shorthand property sets the appearance of decorative lines on text.
491
+ */
492
+ textDecoration?: TextDecoration | BoxConditions<TextDecoration>;
483
493
  /**
484
494
  * 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.
485
495
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/box",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [