@bitrise/bitkit-v2 0.3.83 → 0.3.87
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/components/BitkitNotification/BitkitNotification.d.ts +18 -0
- package/dist/components/BitkitNotification/BitkitNotification.js +51 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/main.js +1080 -1078
- package/dist/theme/slot-recipes/Alert.recipe.d.ts +102 -0
- package/dist/theme/slot-recipes/Alert.recipe.js +151 -0
- package/dist/theme/slot-recipes/index.d.ts +101 -0
- package/dist/theme/slot-recipes/index.js +26 -24
- package/package.json +2 -2
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator" | "actionable" | "contentBox", {
|
|
2
|
+
dismissible: {
|
|
3
|
+
true: {
|
|
4
|
+
actionable: {
|
|
5
|
+
mr: "4";
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
variant: {
|
|
10
|
+
ai: {
|
|
11
|
+
root: {
|
|
12
|
+
backgroundColor: "status/ai/bg";
|
|
13
|
+
borderColor: "status/ai/border";
|
|
14
|
+
};
|
|
15
|
+
indicator: {
|
|
16
|
+
color: "status/ai/icon";
|
|
17
|
+
};
|
|
18
|
+
title: {
|
|
19
|
+
color: "status/ai/text";
|
|
20
|
+
};
|
|
21
|
+
description: {
|
|
22
|
+
color: "status/ai/text";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
critical: {
|
|
26
|
+
root: {
|
|
27
|
+
backgroundColor: "status/critical/bg";
|
|
28
|
+
borderColor: "status/critical/border";
|
|
29
|
+
};
|
|
30
|
+
indicator: {
|
|
31
|
+
color: "status/critical/icon";
|
|
32
|
+
};
|
|
33
|
+
title: {
|
|
34
|
+
color: "status/critical/text";
|
|
35
|
+
};
|
|
36
|
+
description: {
|
|
37
|
+
color: "status/critical/text";
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
info: {
|
|
41
|
+
root: {
|
|
42
|
+
backgroundColor: "status/info/bg";
|
|
43
|
+
borderColor: "status/info/border";
|
|
44
|
+
};
|
|
45
|
+
indicator: {
|
|
46
|
+
color: "status/info/icon";
|
|
47
|
+
};
|
|
48
|
+
title: {
|
|
49
|
+
color: "status/info/text";
|
|
50
|
+
};
|
|
51
|
+
description: {
|
|
52
|
+
color: "status/info/text";
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
progress: {
|
|
56
|
+
root: {
|
|
57
|
+
backgroundColor: "status/progress/bg";
|
|
58
|
+
borderColor: "status/progress/border";
|
|
59
|
+
};
|
|
60
|
+
indicator: {
|
|
61
|
+
color: "status/progress/icon";
|
|
62
|
+
};
|
|
63
|
+
title: {
|
|
64
|
+
color: "status/progress/text";
|
|
65
|
+
};
|
|
66
|
+
description: {
|
|
67
|
+
color: "status/progress/text";
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
success: {
|
|
71
|
+
root: {
|
|
72
|
+
backgroundColor: "status/success/bg";
|
|
73
|
+
borderColor: "status/success/border";
|
|
74
|
+
};
|
|
75
|
+
indicator: {
|
|
76
|
+
color: "status/success/icon";
|
|
77
|
+
};
|
|
78
|
+
title: {
|
|
79
|
+
color: "status/success/text";
|
|
80
|
+
};
|
|
81
|
+
description: {
|
|
82
|
+
color: "status/success/text";
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
warning: {
|
|
86
|
+
root: {
|
|
87
|
+
backgroundColor: "status/warning/bg";
|
|
88
|
+
borderColor: "status/warning/border";
|
|
89
|
+
};
|
|
90
|
+
indicator: {
|
|
91
|
+
color: "status/warning/icon";
|
|
92
|
+
};
|
|
93
|
+
title: {
|
|
94
|
+
color: "status/warning/text";
|
|
95
|
+
};
|
|
96
|
+
description: {
|
|
97
|
+
color: "status/warning/text";
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
}>;
|
|
102
|
+
export default alertSlotRecipe;
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { alertAnatomy as t } from "@chakra-ui/react/anatomy";
|
|
2
|
+
import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
|
|
3
|
+
const i = o({
|
|
4
|
+
className: "alert",
|
|
5
|
+
slots: [...t.keys(), "actionable", "contentBox"],
|
|
6
|
+
base: {
|
|
7
|
+
actionable: {
|
|
8
|
+
alignSelf: "center",
|
|
9
|
+
flexGrow: 0,
|
|
10
|
+
flexShrink: 0,
|
|
11
|
+
mr: "8"
|
|
12
|
+
},
|
|
13
|
+
content: {
|
|
14
|
+
display: "flex",
|
|
15
|
+
justifyContent: "space-between",
|
|
16
|
+
alignItems: "flex-start",
|
|
17
|
+
gap: "8",
|
|
18
|
+
padding: "8",
|
|
19
|
+
flex: "1",
|
|
20
|
+
width: "100%"
|
|
21
|
+
},
|
|
22
|
+
contentBox: {
|
|
23
|
+
flex: "1",
|
|
24
|
+
padding: "4px 8px 4px 4px"
|
|
25
|
+
},
|
|
26
|
+
description: {
|
|
27
|
+
textStyle: "comp/notification/message"
|
|
28
|
+
},
|
|
29
|
+
indicator: {
|
|
30
|
+
paddingTop: "4"
|
|
31
|
+
},
|
|
32
|
+
root: {
|
|
33
|
+
display: "flex",
|
|
34
|
+
alignItems: "flex-start",
|
|
35
|
+
border: "1px solid",
|
|
36
|
+
borderRadius: "8",
|
|
37
|
+
width: "100%"
|
|
38
|
+
},
|
|
39
|
+
title: {
|
|
40
|
+
textStyle: "comp/notification/title",
|
|
41
|
+
marginBottom: "4"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
variants: {
|
|
45
|
+
dismissible: {
|
|
46
|
+
true: {
|
|
47
|
+
actionable: {
|
|
48
|
+
mr: "4"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
variant: {
|
|
53
|
+
ai: {
|
|
54
|
+
root: {
|
|
55
|
+
backgroundColor: "status/ai/bg",
|
|
56
|
+
borderColor: "status/ai/border"
|
|
57
|
+
},
|
|
58
|
+
indicator: {
|
|
59
|
+
color: "status/ai/icon"
|
|
60
|
+
},
|
|
61
|
+
title: {
|
|
62
|
+
color: "status/ai/text"
|
|
63
|
+
},
|
|
64
|
+
description: {
|
|
65
|
+
color: "status/ai/text"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
critical: {
|
|
69
|
+
root: {
|
|
70
|
+
backgroundColor: "status/critical/bg",
|
|
71
|
+
borderColor: "status/critical/border"
|
|
72
|
+
},
|
|
73
|
+
indicator: {
|
|
74
|
+
color: "status/critical/icon"
|
|
75
|
+
},
|
|
76
|
+
title: {
|
|
77
|
+
color: "status/critical/text"
|
|
78
|
+
},
|
|
79
|
+
description: {
|
|
80
|
+
color: "status/critical/text"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
info: {
|
|
84
|
+
root: {
|
|
85
|
+
backgroundColor: "status/info/bg",
|
|
86
|
+
borderColor: "status/info/border"
|
|
87
|
+
},
|
|
88
|
+
indicator: {
|
|
89
|
+
color: "status/info/icon"
|
|
90
|
+
},
|
|
91
|
+
title: {
|
|
92
|
+
color: "status/info/text"
|
|
93
|
+
},
|
|
94
|
+
description: {
|
|
95
|
+
color: "status/info/text"
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
progress: {
|
|
99
|
+
root: {
|
|
100
|
+
backgroundColor: "status/progress/bg",
|
|
101
|
+
borderColor: "status/progress/border"
|
|
102
|
+
},
|
|
103
|
+
indicator: {
|
|
104
|
+
color: "status/progress/icon"
|
|
105
|
+
},
|
|
106
|
+
title: {
|
|
107
|
+
color: "status/progress/text"
|
|
108
|
+
},
|
|
109
|
+
description: {
|
|
110
|
+
color: "status/progress/text"
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
success: {
|
|
114
|
+
root: {
|
|
115
|
+
backgroundColor: "status/success/bg",
|
|
116
|
+
borderColor: "status/success/border"
|
|
117
|
+
},
|
|
118
|
+
indicator: {
|
|
119
|
+
color: "status/success/icon"
|
|
120
|
+
},
|
|
121
|
+
title: {
|
|
122
|
+
color: "status/success/text"
|
|
123
|
+
},
|
|
124
|
+
description: {
|
|
125
|
+
color: "status/success/text"
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
warning: {
|
|
129
|
+
root: {
|
|
130
|
+
backgroundColor: "status/warning/bg",
|
|
131
|
+
borderColor: "status/warning/border"
|
|
132
|
+
},
|
|
133
|
+
indicator: {
|
|
134
|
+
color: "status/warning/icon"
|
|
135
|
+
},
|
|
136
|
+
title: {
|
|
137
|
+
color: "status/warning/text"
|
|
138
|
+
},
|
|
139
|
+
description: {
|
|
140
|
+
color: "status/warning/text"
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
defaultVariants: {
|
|
146
|
+
variant: "info"
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
export {
|
|
150
|
+
i as default
|
|
151
|
+
};
|
|
@@ -109,6 +109,107 @@ declare const slotRecipes: {
|
|
|
109
109
|
};
|
|
110
110
|
};
|
|
111
111
|
}>;
|
|
112
|
+
alert: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator" | "actionable" | "contentBox", {
|
|
113
|
+
dismissible: {
|
|
114
|
+
true: {
|
|
115
|
+
actionable: {
|
|
116
|
+
mr: "4";
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
variant: {
|
|
121
|
+
ai: {
|
|
122
|
+
root: {
|
|
123
|
+
backgroundColor: "status/ai/bg";
|
|
124
|
+
borderColor: "status/ai/border";
|
|
125
|
+
};
|
|
126
|
+
indicator: {
|
|
127
|
+
color: "status/ai/icon";
|
|
128
|
+
};
|
|
129
|
+
title: {
|
|
130
|
+
color: "status/ai/text";
|
|
131
|
+
};
|
|
132
|
+
description: {
|
|
133
|
+
color: "status/ai/text";
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
critical: {
|
|
137
|
+
root: {
|
|
138
|
+
backgroundColor: "status/critical/bg";
|
|
139
|
+
borderColor: "status/critical/border";
|
|
140
|
+
};
|
|
141
|
+
indicator: {
|
|
142
|
+
color: "status/critical/icon";
|
|
143
|
+
};
|
|
144
|
+
title: {
|
|
145
|
+
color: "status/critical/text";
|
|
146
|
+
};
|
|
147
|
+
description: {
|
|
148
|
+
color: "status/critical/text";
|
|
149
|
+
};
|
|
150
|
+
};
|
|
151
|
+
info: {
|
|
152
|
+
root: {
|
|
153
|
+
backgroundColor: "status/info/bg";
|
|
154
|
+
borderColor: "status/info/border";
|
|
155
|
+
};
|
|
156
|
+
indicator: {
|
|
157
|
+
color: "status/info/icon";
|
|
158
|
+
};
|
|
159
|
+
title: {
|
|
160
|
+
color: "status/info/text";
|
|
161
|
+
};
|
|
162
|
+
description: {
|
|
163
|
+
color: "status/info/text";
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
progress: {
|
|
167
|
+
root: {
|
|
168
|
+
backgroundColor: "status/progress/bg";
|
|
169
|
+
borderColor: "status/progress/border";
|
|
170
|
+
};
|
|
171
|
+
indicator: {
|
|
172
|
+
color: "status/progress/icon";
|
|
173
|
+
};
|
|
174
|
+
title: {
|
|
175
|
+
color: "status/progress/text";
|
|
176
|
+
};
|
|
177
|
+
description: {
|
|
178
|
+
color: "status/progress/text";
|
|
179
|
+
};
|
|
180
|
+
};
|
|
181
|
+
success: {
|
|
182
|
+
root: {
|
|
183
|
+
backgroundColor: "status/success/bg";
|
|
184
|
+
borderColor: "status/success/border";
|
|
185
|
+
};
|
|
186
|
+
indicator: {
|
|
187
|
+
color: "status/success/icon";
|
|
188
|
+
};
|
|
189
|
+
title: {
|
|
190
|
+
color: "status/success/text";
|
|
191
|
+
};
|
|
192
|
+
description: {
|
|
193
|
+
color: "status/success/text";
|
|
194
|
+
};
|
|
195
|
+
};
|
|
196
|
+
warning: {
|
|
197
|
+
root: {
|
|
198
|
+
backgroundColor: "status/warning/bg";
|
|
199
|
+
borderColor: "status/warning/border";
|
|
200
|
+
};
|
|
201
|
+
indicator: {
|
|
202
|
+
color: "status/warning/icon";
|
|
203
|
+
};
|
|
204
|
+
title: {
|
|
205
|
+
color: "status/warning/text";
|
|
206
|
+
};
|
|
207
|
+
description: {
|
|
208
|
+
color: "status/warning/text";
|
|
209
|
+
};
|
|
210
|
+
};
|
|
211
|
+
};
|
|
212
|
+
}>;
|
|
112
213
|
numberInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
|
|
113
214
|
size: {
|
|
114
215
|
md: {
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
import t from "./ActionBar.recipe.js";
|
|
2
|
-
import e from "./
|
|
3
|
-
import o from "./
|
|
4
|
-
import i from "./
|
|
2
|
+
import e from "./Alert.recipe.js";
|
|
3
|
+
import o from "./Card.recipe.js";
|
|
4
|
+
import i from "./Checkbox.recipe.js";
|
|
5
|
+
import r from "./EmptyState.recipe.js";
|
|
5
6
|
import p from "./ExpandableCard.recipe.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { numberInputSlotRecipe as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
const
|
|
7
|
+
import m from "./Field.recipe.js";
|
|
8
|
+
import c from "./Fieldset.recipe.js";
|
|
9
|
+
import l from "./NativeSelect.recipe.js";
|
|
10
|
+
import { numberInputSlotRecipe as a } from "./NumberInput.recipe.js";
|
|
11
|
+
import f from "./Switch.recipe.js";
|
|
12
|
+
import S from "./Tabs.recipe.js";
|
|
13
|
+
import R from "./Tag.recipe.js";
|
|
14
|
+
import d from "./Tooltip.recipe.js";
|
|
15
|
+
const j = {
|
|
15
16
|
actionBar: t,
|
|
16
|
-
card:
|
|
17
|
-
checkbox:
|
|
18
|
-
emptyState:
|
|
17
|
+
card: o,
|
|
18
|
+
checkbox: i,
|
|
19
|
+
emptyState: r,
|
|
19
20
|
expandableCard: p,
|
|
20
|
-
field:
|
|
21
|
-
fieldset:
|
|
22
|
-
nativeSelect:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
field: m,
|
|
22
|
+
fieldset: c,
|
|
23
|
+
nativeSelect: l,
|
|
24
|
+
alert: e,
|
|
25
|
+
numberInput: a,
|
|
26
|
+
switch: f,
|
|
27
|
+
tabs: S,
|
|
28
|
+
tag: R,
|
|
29
|
+
tooltip: d
|
|
28
30
|
};
|
|
29
31
|
export {
|
|
30
|
-
|
|
32
|
+
j as default
|
|
31
33
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrise/bitkit-v2",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.87",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI v3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
28
|
-
"url": "https://github.com/bitrise-io/bitkit-v2.git"
|
|
28
|
+
"url": "git+https://github.com/bitrise-io/bitkit-v2.git"
|
|
29
29
|
},
|
|
30
30
|
"homepage": "https://github.com/bitrise-io/bitkit-v2#readme",
|
|
31
31
|
"bugs": {
|