@nimbus-ds/list 2.3.0-rc.7 → 2.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.
- package/CHANGELOG.md +6 -0
- package/dist/CHANGELOG.md +6 -0
- package/dist/index.d.ts +25 -25
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Use the list component to arrange a collection of text elements. Each list item begins with either a bullet or a number.
|
|
4
4
|
|
|
5
|
+
## 2025-12-11 `2.3.0`
|
|
6
|
+
|
|
7
|
+
### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Added `padding` property to set the padding of the list. ([#390](https://github.com/TiendaNube/nimbus-design-system/pull/390) by [@joacotornello](https://github.com/joacotornello))
|
|
10
|
+
|
|
5
11
|
## 2025-03-18 `2.2.1`
|
|
6
12
|
|
|
7
13
|
### 💡 Others
|
package/dist/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Use the list component to arrange a collection of text elements. Each list item begins with either a bullet or a number.
|
|
4
4
|
|
|
5
|
+
## 2025-12-11 `2.3.0`
|
|
6
|
+
|
|
7
|
+
### 🎉 New features
|
|
8
|
+
|
|
9
|
+
- Added `padding` property to set the padding of the list. ([#390](https://github.com/TiendaNube/nimbus-design-system/pull/390) by [@joacotornello](https://github.com/joacotornello))
|
|
10
|
+
|
|
5
11
|
## 2025-03-18 `2.2.1`
|
|
6
12
|
|
|
7
13
|
### 💡 Others
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,31 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
5
5
|
|
|
6
|
+
declare const list: {
|
|
7
|
+
classnames: {
|
|
8
|
+
container: string;
|
|
9
|
+
container__item: string;
|
|
10
|
+
skeleton: string;
|
|
11
|
+
};
|
|
12
|
+
sprinkle: ((props: {
|
|
13
|
+
padding?: "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "7" | "8" | undefined;
|
|
14
|
+
}) => string) & {
|
|
15
|
+
properties: Set<"padding">;
|
|
16
|
+
};
|
|
17
|
+
properties: {
|
|
18
|
+
padding: {
|
|
19
|
+
"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
|
+
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
|
+
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
+
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
+
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
|
+
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
|
+
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
+
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
+
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
6
31
|
export interface SkeletonProperties {
|
|
7
32
|
/**
|
|
8
33
|
* Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
|
|
@@ -52,31 +77,6 @@ export interface ListItemProperties {
|
|
|
52
77
|
}
|
|
53
78
|
export type ListItemProps = ListItemProperties & HTMLAttributes<HTMLLIElement>;
|
|
54
79
|
declare const ListItem: React.FC<ListItemProps>;
|
|
55
|
-
declare const list: {
|
|
56
|
-
classnames: {
|
|
57
|
-
container: string;
|
|
58
|
-
container__item: string;
|
|
59
|
-
skeleton: string;
|
|
60
|
-
};
|
|
61
|
-
sprinkle: ((props: {
|
|
62
|
-
padding?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | undefined;
|
|
63
|
-
}) => string) & {
|
|
64
|
-
properties: Set<"padding">;
|
|
65
|
-
};
|
|
66
|
-
properties: {
|
|
67
|
-
padding: {
|
|
68
|
-
"0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
-
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
-
"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
-
"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
72
|
-
"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
|
-
"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
-
"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
75
|
-
"7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
-
"8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
80
|
export interface ListComponents {
|
|
81
81
|
Skeleton: typeof ListSkeleton;
|
|
82
82
|
SkeletonItem: typeof ListSkeletonItem;
|