@nimbus-ds/styles 5.0.0-rc.4 → 5.0.0-rc.6
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/dist/packages/atomic/box/box.sprinkle.css.d.ts +6 -6
- package/dist/packages/atomic/box/index.d.ts +10 -10
- package/dist/packages/atomic/checkbox/checkbox.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/checkbox/index.d.ts +1 -1
- package/dist/packages/atomic/fileUploader/fileUploader.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/fileUploader/index.d.ts +1 -1
- package/dist/packages/atomic/icon/icon.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/icon/index.d.ts +1 -1
- package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts +8 -8
- package/dist/packages/atomic/iconButton/index.d.ts +8 -8
- package/dist/packages/atomic/popover/index.d.ts +3 -3
- package/dist/packages/atomic/popover/popover.sprinkle.css.d.ts +3 -3
- package/dist/packages/atomic/radio/index.d.ts +1 -1
- package/dist/packages/atomic/radio/radio.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/stack/index.d.ts +4 -4
- package/dist/packages/atomic/stack/stack.sprinkle.css.d.ts +2 -2
- package/dist/packages/atomic/text/index.d.ts +2 -2
- package/dist/packages/atomic/text/text.sprinkle.css.d.ts +2 -2
- package/dist/packages/atomic/toast/index.d.ts +1 -1
- package/dist/packages/atomic/toast/toast.style.css.d.ts +1 -1
- package/dist/packages/composite/card/card.sprinkle.css.d.ts +1 -1
- package/dist/packages/composite/card/index.d.ts +1 -1
- package/dist/packages/composite/sidebar/index.d.ts +2 -2
- package/dist/packages/composite/sidebar/sidebar.sprinkle.css.d.ts +2 -2
- package/package.json +2 -2
|
@@ -68,19 +68,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
68
68
|
default: string;
|
|
69
69
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
70
70
|
};
|
|
71
|
-
|
|
71
|
+
solid: {
|
|
72
72
|
default: string;
|
|
73
73
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
74
74
|
};
|
|
75
|
-
|
|
75
|
+
hidden: {
|
|
76
76
|
default: string;
|
|
77
77
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
78
78
|
};
|
|
79
|
-
|
|
79
|
+
dashed: {
|
|
80
80
|
default: string;
|
|
81
81
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
82
82
|
};
|
|
83
|
-
|
|
83
|
+
dotted: {
|
|
84
84
|
default: string;
|
|
85
85
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
86
86
|
};
|
|
@@ -104,11 +104,11 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
104
104
|
};
|
|
105
105
|
cursor: {
|
|
106
106
|
values: {
|
|
107
|
-
|
|
107
|
+
pointer: {
|
|
108
108
|
default: string;
|
|
109
109
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
110
110
|
};
|
|
111
|
-
|
|
111
|
+
auto: {
|
|
112
112
|
default: string;
|
|
113
113
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
114
114
|
};
|
|
@@ -7,24 +7,24 @@ export declare const box: {
|
|
|
7
7
|
default: string;
|
|
8
8
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
solid: {
|
|
11
11
|
default: string;
|
|
12
12
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
hidden: {
|
|
15
15
|
default: string;
|
|
16
16
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
dashed: {
|
|
19
19
|
default: string;
|
|
20
20
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
dotted: {
|
|
23
23
|
default: string;
|
|
24
24
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
|
-
staticScale: ("none" | "
|
|
27
|
+
staticScale: ("none" | "solid" | "hidden" | "dashed" | "dotted")[];
|
|
28
28
|
name: "borderStyle";
|
|
29
29
|
};
|
|
30
30
|
boxSizing: {
|
|
@@ -43,16 +43,16 @@ export declare const box: {
|
|
|
43
43
|
};
|
|
44
44
|
cursor: {
|
|
45
45
|
values: {
|
|
46
|
-
|
|
46
|
+
pointer: {
|
|
47
47
|
default: string;
|
|
48
48
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
49
49
|
};
|
|
50
|
-
|
|
50
|
+
auto: {
|
|
51
51
|
default: string;
|
|
52
52
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
|
-
staticScale: ("
|
|
55
|
+
staticScale: ("pointer" | "auto")[];
|
|
56
56
|
name: "cursor";
|
|
57
57
|
};
|
|
58
58
|
};
|
|
@@ -544,7 +544,7 @@ export declare const box: {
|
|
|
544
544
|
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
545
545
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
546
546
|
};
|
|
547
|
-
borderStyle: ("none" | "
|
|
547
|
+
borderStyle: ("none" | "solid" | "hidden" | "dashed" | "dotted")[];
|
|
548
548
|
boxSizing: ("border-box" | "content-box")[];
|
|
549
549
|
space: {
|
|
550
550
|
none: string;
|
|
@@ -562,7 +562,7 @@ export declare const box: {
|
|
|
562
562
|
"18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
563
563
|
"20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
564
564
|
};
|
|
565
|
-
cursor: ("
|
|
565
|
+
cursor: ("pointer" | "auto")[];
|
|
566
566
|
};
|
|
567
567
|
};
|
|
568
568
|
export type { BoxSprinkle } from "./box.sprinkle.types";
|
|
@@ -9,7 +9,7 @@ export declare const cursorProperties: {
|
|
|
9
9
|
};
|
|
10
10
|
export declare const sprinkle: ((props: {
|
|
11
11
|
borderColor?: "primary.interactive" | "danger.interactive" | "neutral.interactive" | undefined;
|
|
12
|
-
cursor?: "
|
|
12
|
+
cursor?: "pointer" | "auto" | undefined;
|
|
13
13
|
}) => string) & {
|
|
14
14
|
properties: Set<"cursor" | "borderColor">;
|
|
15
15
|
};
|
|
@@ -3,7 +3,7 @@ export declare const checkbox: {
|
|
|
3
3
|
style: typeof styles;
|
|
4
4
|
sprinkle: ((props: {
|
|
5
5
|
borderColor?: "primary.interactive" | "danger.interactive" | "neutral.interactive" | undefined;
|
|
6
|
-
cursor?: "
|
|
6
|
+
cursor?: "pointer" | "auto" | undefined;
|
|
7
7
|
}) => string) & {
|
|
8
8
|
properties: Set<"cursor" | "borderColor">;
|
|
9
9
|
};
|
|
@@ -19,7 +19,7 @@ export declare const cursorProperties: {
|
|
|
19
19
|
export declare const sprinkle: ((props: {
|
|
20
20
|
aspectRatio?: "none" | "1-1" | "16-9" | "9-16" | "4-3" | "3-4" | "2-1" | "1-2" | undefined;
|
|
21
21
|
flexDirection?: "column" | "row" | undefined;
|
|
22
|
-
cursor?: "
|
|
22
|
+
cursor?: "pointer" | "auto" | undefined;
|
|
23
23
|
}) => string) & {
|
|
24
24
|
properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
|
|
25
25
|
};
|
|
@@ -8,7 +8,7 @@ export declare const fileUploader: {
|
|
|
8
8
|
sprinkle: ((props: {
|
|
9
9
|
aspectRatio?: "none" | "1-1" | "16-9" | "9-16" | "4-3" | "3-4" | "2-1" | "1-2" | undefined;
|
|
10
10
|
flexDirection?: "column" | "row" | undefined;
|
|
11
|
-
cursor?: "
|
|
11
|
+
cursor?: "pointer" | "auto" | undefined;
|
|
12
12
|
}) => string) & {
|
|
13
13
|
properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
|
|
14
14
|
};
|
|
@@ -20,7 +20,7 @@ export declare const colorProperties: {
|
|
|
20
20
|
export declare const cursorProperties: readonly ["auto", "pointer"];
|
|
21
21
|
export declare const sprinkle: ((props: {
|
|
22
22
|
color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
|
|
23
|
-
cursor?: "
|
|
23
|
+
cursor?: "pointer" | "auto" | undefined;
|
|
24
24
|
}) => string) & {
|
|
25
25
|
properties: Set<"color" | "cursor">;
|
|
26
26
|
};
|
|
@@ -2,7 +2,7 @@ export declare const icon: {
|
|
|
2
2
|
style: string;
|
|
3
3
|
sprinkle: ((props: {
|
|
4
4
|
color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
|
|
5
|
-
cursor?: "
|
|
5
|
+
cursor?: "pointer" | "auto" | undefined;
|
|
6
6
|
}) => string) & {
|
|
7
7
|
properties: Set<"color" | "cursor">;
|
|
8
8
|
};
|
|
@@ -18,31 +18,31 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
18
18
|
width: {
|
|
19
19
|
dynamic: {
|
|
20
20
|
default: string;
|
|
21
|
-
conditions: Record<"
|
|
21
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
22
22
|
};
|
|
23
23
|
dynamicScale: true;
|
|
24
24
|
name: "width";
|
|
25
25
|
vars: {
|
|
26
26
|
default: string;
|
|
27
|
-
conditions: Record<"
|
|
27
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
30
|
height: {
|
|
31
31
|
dynamic: {
|
|
32
32
|
default: string;
|
|
33
|
-
conditions: Record<"
|
|
33
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
34
34
|
};
|
|
35
35
|
dynamicScale: true;
|
|
36
36
|
name: "height";
|
|
37
37
|
vars: {
|
|
38
38
|
default: string;
|
|
39
|
-
conditions: Record<"
|
|
39
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
backgroundColor: {
|
|
43
43
|
dynamic: {
|
|
44
44
|
default: string;
|
|
45
|
-
conditions: Record<"
|
|
45
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
46
46
|
};
|
|
47
47
|
dynamicScale: {
|
|
48
48
|
transparent: string;
|
|
@@ -53,13 +53,13 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
53
53
|
name: "backgroundColor";
|
|
54
54
|
vars: {
|
|
55
55
|
default: string;
|
|
56
|
-
conditions: Record<"
|
|
56
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
57
57
|
};
|
|
58
58
|
};
|
|
59
59
|
borderColor: {
|
|
60
60
|
dynamic: {
|
|
61
61
|
default: string;
|
|
62
|
-
conditions: Record<"
|
|
62
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
63
63
|
};
|
|
64
64
|
dynamicScale: {
|
|
65
65
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -71,7 +71,7 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
71
71
|
name: "borderColor";
|
|
72
72
|
vars: {
|
|
73
73
|
default: string;
|
|
74
|
-
conditions: Record<"
|
|
74
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
77
|
};
|
|
@@ -8,31 +8,31 @@ export declare const iconButton: {
|
|
|
8
8
|
width: {
|
|
9
9
|
dynamic: {
|
|
10
10
|
default: string;
|
|
11
|
-
conditions: Record<"
|
|
11
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
12
12
|
};
|
|
13
13
|
dynamicScale: true;
|
|
14
14
|
name: "width";
|
|
15
15
|
vars: {
|
|
16
16
|
default: string;
|
|
17
|
-
conditions: Record<"
|
|
17
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
height: {
|
|
21
21
|
dynamic: {
|
|
22
22
|
default: string;
|
|
23
|
-
conditions: Record<"
|
|
23
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
24
24
|
};
|
|
25
25
|
dynamicScale: true;
|
|
26
26
|
name: "height";
|
|
27
27
|
vars: {
|
|
28
28
|
default: string;
|
|
29
|
-
conditions: Record<"
|
|
29
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
backgroundColor: {
|
|
33
33
|
dynamic: {
|
|
34
34
|
default: string;
|
|
35
|
-
conditions: Record<"
|
|
35
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
36
36
|
};
|
|
37
37
|
dynamicScale: {
|
|
38
38
|
transparent: string;
|
|
@@ -43,13 +43,13 @@ export declare const iconButton: {
|
|
|
43
43
|
name: "backgroundColor";
|
|
44
44
|
vars: {
|
|
45
45
|
default: string;
|
|
46
|
-
conditions: Record<"
|
|
46
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
47
47
|
};
|
|
48
48
|
};
|
|
49
49
|
borderColor: {
|
|
50
50
|
dynamic: {
|
|
51
51
|
default: string;
|
|
52
|
-
conditions: Record<"
|
|
52
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
53
53
|
};
|
|
54
54
|
dynamicScale: {
|
|
55
55
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -61,7 +61,7 @@ export declare const iconButton: {
|
|
|
61
61
|
name: "borderColor";
|
|
62
62
|
vars: {
|
|
63
63
|
default: string;
|
|
64
|
-
conditions: Record<"
|
|
64
|
+
conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
67
|
};
|
|
@@ -6,9 +6,9 @@ export declare const popover: {
|
|
|
6
6
|
placement: Record<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", string>;
|
|
7
7
|
};
|
|
8
8
|
sprinkle: ((props: {
|
|
9
|
-
backgroundColor?: "primary" | "
|
|
10
|
-
color?: "primary" | "
|
|
11
|
-
padding?: "
|
|
9
|
+
backgroundColor?: "primary" | "success" | "warning" | "danger" | "neutral" | "light" | undefined;
|
|
10
|
+
color?: "primary" | "success" | "warning" | "danger" | "neutral" | "light" | undefined;
|
|
11
|
+
padding?: "base" | "none" | undefined;
|
|
12
12
|
}) => string) & {
|
|
13
13
|
properties: Set<"backgroundColor" | "color" | "padding">;
|
|
14
14
|
};
|
|
@@ -19,9 +19,9 @@ export declare const paddingProperties: {
|
|
|
19
19
|
none: number;
|
|
20
20
|
};
|
|
21
21
|
export declare const sprinkle: ((props: {
|
|
22
|
-
backgroundColor?: "primary" | "
|
|
23
|
-
color?: "primary" | "
|
|
24
|
-
padding?: "
|
|
22
|
+
backgroundColor?: "primary" | "success" | "warning" | "danger" | "neutral" | "light" | undefined;
|
|
23
|
+
color?: "primary" | "success" | "warning" | "danger" | "neutral" | "light" | undefined;
|
|
24
|
+
padding?: "base" | "none" | undefined;
|
|
25
25
|
}) => string) & {
|
|
26
26
|
properties: Set<"backgroundColor" | "color" | "padding">;
|
|
27
27
|
};
|
|
@@ -99,11 +99,11 @@ export declare const stack: {
|
|
|
99
99
|
};
|
|
100
100
|
alignItems: {
|
|
101
101
|
values: {
|
|
102
|
-
|
|
102
|
+
stretch: {
|
|
103
103
|
default: string;
|
|
104
104
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
105
105
|
};
|
|
106
|
-
|
|
106
|
+
center: {
|
|
107
107
|
default: string;
|
|
108
108
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
109
109
|
};
|
|
@@ -120,7 +120,7 @@ export declare const stack: {
|
|
|
120
120
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
121
121
|
};
|
|
122
122
|
};
|
|
123
|
-
staticScale: ("
|
|
123
|
+
staticScale: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline")[];
|
|
124
124
|
name: "alignItems";
|
|
125
125
|
};
|
|
126
126
|
};
|
|
@@ -263,7 +263,7 @@ export declare const stack: {
|
|
|
263
263
|
flexDirection: ("column" | "column-reverse" | "row" | "row-reverse")[];
|
|
264
264
|
flexWrap: ("nowrap" | "wrap" | "wrap-reverse")[];
|
|
265
265
|
justifyContent: ("center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start")[];
|
|
266
|
-
alignItems: ("
|
|
266
|
+
alignItems: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline")[];
|
|
267
267
|
gap: {
|
|
268
268
|
none: string;
|
|
269
269
|
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -125,11 +125,11 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
125
125
|
};
|
|
126
126
|
alignItems: {
|
|
127
127
|
values: {
|
|
128
|
-
|
|
128
|
+
stretch: {
|
|
129
129
|
default: string;
|
|
130
130
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
131
131
|
};
|
|
132
|
-
|
|
132
|
+
center: {
|
|
133
133
|
default: string;
|
|
134
134
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
135
135
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const text: {
|
|
2
2
|
style: string;
|
|
3
3
|
sprinkle: ((props: {
|
|
4
|
-
color?: "
|
|
4
|
+
color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | "currentColor" | undefined;
|
|
5
5
|
lineHeight?: "caption" | "base" | "highlight" | undefined;
|
|
6
|
-
fontWeight?: "
|
|
6
|
+
fontWeight?: "regular" | "bold" | undefined;
|
|
7
7
|
fontSize?: "caption" | "base" | "highlight" | undefined;
|
|
8
8
|
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
9
9
|
}) => string) & {
|
|
@@ -34,9 +34,9 @@ declare const fontSizeProperties: {
|
|
|
34
34
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
35
|
};
|
|
36
36
|
export declare const sprinkle: ((props: {
|
|
37
|
-
color?: "
|
|
37
|
+
color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | "currentColor" | undefined;
|
|
38
38
|
lineHeight?: "caption" | "base" | "highlight" | undefined;
|
|
39
|
-
fontWeight?: "
|
|
39
|
+
fontWeight?: "regular" | "bold" | undefined;
|
|
40
40
|
fontSize?: "caption" | "base" | "highlight" | undefined;
|
|
41
41
|
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
42
42
|
}) => string) & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const wrapper: string;
|
|
2
|
-
export declare const content: Record<"primary" | "
|
|
2
|
+
export declare const content: Record<"primary" | "success" | "danger" | "progress", string>;
|
|
@@ -17,7 +17,7 @@ export declare const paddingProperties: {
|
|
|
17
17
|
};
|
|
18
18
|
export declare const sprinkle: ((props: {
|
|
19
19
|
backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "success.surface" | "success.surfaceHighlight" | "warning.surface" | "warning.surfaceHighlight" | "danger.surface" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surface" | "neutral.surfaceHighlight" | undefined;
|
|
20
|
-
padding?: "
|
|
20
|
+
padding?: "base" | "none" | undefined;
|
|
21
21
|
}) => string) & {
|
|
22
22
|
properties: Set<"backgroundColor" | "padding">;
|
|
23
23
|
};
|
|
@@ -7,7 +7,7 @@ export declare const card: {
|
|
|
7
7
|
};
|
|
8
8
|
sprinkle: ((props: {
|
|
9
9
|
backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "success.surface" | "success.surfaceHighlight" | "warning.surface" | "warning.surfaceHighlight" | "danger.surface" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surface" | "neutral.surfaceHighlight" | undefined;
|
|
10
|
-
padding?: "
|
|
10
|
+
padding?: "base" | "none" | undefined;
|
|
11
11
|
}) => string) & {
|
|
12
12
|
properties: Set<"backgroundColor" | "padding">;
|
|
13
13
|
};
|
|
@@ -12,11 +12,11 @@ export declare const sidebar: {
|
|
|
12
12
|
config: {
|
|
13
13
|
padding: {
|
|
14
14
|
values: {
|
|
15
|
-
|
|
15
|
+
base: {
|
|
16
16
|
default: string;
|
|
17
17
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
18
18
|
};
|
|
19
|
-
|
|
19
|
+
none: {
|
|
20
20
|
default: string;
|
|
21
21
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
22
22
|
};
|
|
@@ -6,11 +6,11 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
6
6
|
config: {
|
|
7
7
|
padding: {
|
|
8
8
|
values: {
|
|
9
|
-
|
|
9
|
+
base: {
|
|
10
10
|
default: string;
|
|
11
11
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
none: {
|
|
14
14
|
default: string;
|
|
15
15
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
16
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nimbus-ds/styles",
|
|
3
|
-
"version": "5.0.0-rc.
|
|
3
|
+
"version": "5.0.0-rc.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"url": "https://github.com/TiendaNube/nimbus-design-system/issues"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@nimbus-ds/webpack": "1.0.0-rc.
|
|
28
|
+
"@nimbus-ds/webpack": "1.0.0-rc.6",
|
|
29
29
|
"@types/glob": "^8",
|
|
30
30
|
"@vanilla-extract/css": "^1.9.2",
|
|
31
31
|
"@vanilla-extract/recipes": "^0.3.0",
|