@nimbus-ds/box 4.2.0-rc.6 → 4.3.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 (4) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/CHANGELOG.md +18 -0
  3. package/dist/index.d.ts +23 -11
  4. package/package.json +3 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  A low-level utility component that accepts styled system props to enable custom theme-aware styling
4
4
 
5
+ ## 2025-09-16 `4.3.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added `ai-generative-interactive` and `ai-generative-interactive-border` options to `background` property, and `aiFocus` option to `boxShadow` property. ([#352](https://github.com/TiendaNube/nimbus-design-system/pull/352) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2025-03-25 `4.2.0`
12
+
13
+ ### 🎉 New features
14
+
15
+ - Added `line-through` option to `textDecoration` property. ([#279](https://github.com/TiendaNube/nimbus-design-system/pull/279) by [@guidobotta](https://github.com/guidobotta))
16
+
17
+ ## 2025-03-18 `4.1.1`
18
+
19
+ ### 💡 Others
20
+
21
+ - Rebuild after build process changes to add support for modular imports and Server Components. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
22
+
5
23
  ## 2023-08-04 `4.1.0`
6
24
 
7
25
  #### 🎉 New features
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  A low-level utility component that accepts styled system props to enable custom theme-aware styling
4
4
 
5
+ ## 2025-09-16 `4.3.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added `ai-generative-interactive` and `ai-generative-interactive-border` options to `background` property, and `aiFocus` option to `boxShadow` property. ([#352](https://github.com/TiendaNube/nimbus-design-system/pull/352) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2025-03-25 `4.2.0`
12
+
13
+ ### 🎉 New features
14
+
15
+ - Added `line-through` option to `textDecoration` property. ([#279](https://github.com/TiendaNube/nimbus-design-system/pull/279) by [@guidobotta](https://github.com/guidobotta))
16
+
17
+ ## 2025-03-18 `4.1.1`
18
+
19
+ ### 💡 Others
20
+
21
+ - Rebuild after build process changes to add support for modular imports and Server Components. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
22
+
5
23
  ## 2023-08-04 `4.1.0`
6
24
 
7
25
  #### 🎉 New features
package/dist/index.d.ts CHANGED
@@ -45,7 +45,7 @@ export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-betwe
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
47
  export type TextAlign = "left" | "right" | "center" | "justify";
48
- export type TextDecoration = "none" | "underline";
48
+ export type TextDecoration = "none" | "underline" | "line-through";
49
49
  export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
50
50
  export type Overflow = "visible" | "hidden" | "scroll" | "auto";
51
51
  export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | "inherit";
@@ -125,12 +125,19 @@ declare const propertiesBox: {
125
125
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
126
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
127
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
129
+ * The right property participates in specifying the horizontal position of a positioned box.
130
+ */
129
131
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
132
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
133
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
134
  transparent: string;
133
135
  };
136
+ background: {
137
+ "ai-generative-interactive-border": string;
138
+ "ai-generative-interactive": string;
139
+ transparent: string;
140
+ };
134
141
  color: {
135
142
  currentColor: string;
136
143
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -151,7 +158,9 @@ declare const propertiesBox: {
151
158
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
159
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
160
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
162
+ * The right property participates in specifying the horizontal position of a positioned box.
163
+ */
155
164
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
165
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
166
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -261,6 +270,7 @@ declare const propertiesBox: {
261
270
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
271
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
272
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
274
  };
265
275
  transitionDuration: {
266
276
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -277,9 +287,7 @@ declare const propertiesBox: {
277
287
  "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
288
  "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
289
  "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
- "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
281
- * The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
282
- */
290
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
291
  "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
292
  "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
293
  };
@@ -312,7 +320,9 @@ declare const propertiesBox: {
312
320
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
321
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
322
  h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
- h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
324
+ * This defines the ability for a flex item to shrink if necessary.
325
+ */
316
326
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
327
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
328
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -346,10 +356,7 @@ declare const propertiesBox: {
346
356
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
357
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
358
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
- }; /**
350
- * The boxSizing property sets how the total width and height of an box is calculated.
351
- * @default border-box
352
- */
359
+ };
353
360
  };
354
361
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
355
362
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -366,6 +373,7 @@ export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transit
366
373
  export type BoxFontSizeProperties = keyof typeof propertiesBox.fontSize;
367
374
  export type BoxFontWeightProperties = keyof typeof propertiesBox.fontWeight;
368
375
  export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
376
+ export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
369
377
  export interface BoxConditions<T> extends Conditions<T> {
370
378
  focus?: T;
371
379
  focusWithin?: T;
@@ -626,6 +634,10 @@ export interface BoxSprinkle {
626
634
  * The zIndex property specifies the stack order of the box.
627
635
  */
628
636
  zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
637
+ /**
638
+ * The background property sets the background of the box.
639
+ */
640
+ background?: BoxBackgroundProperties | BoxConditions<BoxBackgroundProperties>;
629
641
  /**
630
642
  * The backgroundImage property sets one or more background images on an element.
631
643
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/box",
3
- "version": "4.2.0-rc.6",
3
+ "version": "4.3.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -26,8 +26,7 @@
26
26
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
27
27
  },
28
28
  "devDependencies": {
29
- "@nimbus-ds/webpack": "^1.5.0-rc.2",
29
+ "@nimbus-ds/webpack": "^1.7.0",
30
30
  "@vanilla-extract/dynamic": "^2.0.3"
31
- },
32
- "stableVersion": "4.1.0"
31
+ }
33
32
  }