@bitrise/bitkit-v2 0.3.61 → 0.3.62
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.
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BadgeProps } from '@chakra-ui/react/badge';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export type BitkitBadgeProps = {
|
|
4
|
+
children?: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
} & Omit<BadgeProps, 'children'>;
|
|
7
|
+
declare const BitkitBadge: import('react').ForwardRefExoticComponent<{
|
|
8
|
+
children?: string;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
} & Omit<BadgeProps, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
11
|
+
export default BitkitBadge;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
|
|
2
|
+
variant: {
|
|
3
|
+
subtle: {};
|
|
4
|
+
bold: {
|
|
5
|
+
color: "text/on-color";
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
colorScheme: {
|
|
9
|
+
neutral: {};
|
|
10
|
+
info: {};
|
|
11
|
+
positive: {};
|
|
12
|
+
negative: {};
|
|
13
|
+
warning: {};
|
|
14
|
+
progress: {};
|
|
15
|
+
orange: {};
|
|
16
|
+
turquoise: {};
|
|
17
|
+
};
|
|
18
|
+
}>;
|
|
19
|
+
export default badgeRecipe;
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { defineRecipe as s } from "@chakra-ui/react/styled-system";
|
|
2
|
+
const r = s({
|
|
3
|
+
className: "badge",
|
|
4
|
+
base: {
|
|
5
|
+
display: "inline-flex",
|
|
6
|
+
alignItems: "center",
|
|
7
|
+
gap: "4",
|
|
8
|
+
padding: "4",
|
|
9
|
+
borderRadius: "4",
|
|
10
|
+
textStyle: "comp/badge/sm"
|
|
11
|
+
},
|
|
12
|
+
variants: {
|
|
13
|
+
variant: {
|
|
14
|
+
subtle: {},
|
|
15
|
+
bold: {
|
|
16
|
+
color: "text/on-color"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
colorScheme: {
|
|
20
|
+
neutral: {},
|
|
21
|
+
info: {},
|
|
22
|
+
positive: {},
|
|
23
|
+
negative: {},
|
|
24
|
+
warning: {},
|
|
25
|
+
progress: {},
|
|
26
|
+
orange: {},
|
|
27
|
+
turquoise: {}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
compoundVariants: [
|
|
31
|
+
{
|
|
32
|
+
colorScheme: "neutral",
|
|
33
|
+
variant: "subtle",
|
|
34
|
+
css: {
|
|
35
|
+
color: "sys/neutral/strong",
|
|
36
|
+
background: "sys/neutral/subtle"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
colorScheme: "info",
|
|
41
|
+
variant: "subtle",
|
|
42
|
+
css: {
|
|
43
|
+
color: "sys/info/strong",
|
|
44
|
+
background: "sys/info/subtle"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
colorScheme: "positive",
|
|
49
|
+
variant: "subtle",
|
|
50
|
+
css: {
|
|
51
|
+
color: "sys/success/strong",
|
|
52
|
+
background: "sys/success/subtle"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
colorScheme: "negative",
|
|
57
|
+
variant: "subtle",
|
|
58
|
+
css: {
|
|
59
|
+
color: "sys/critical/strong",
|
|
60
|
+
background: "sys/critical/subtle"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
colorScheme: "warning",
|
|
65
|
+
variant: "subtle",
|
|
66
|
+
css: {
|
|
67
|
+
color: "sys/warning/strong",
|
|
68
|
+
background: "sys/warning/subtle"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
colorScheme: "progress",
|
|
73
|
+
variant: "subtle",
|
|
74
|
+
css: {
|
|
75
|
+
color: "sys/interactive/strong",
|
|
76
|
+
background: "sys/interactive/subtle"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
colorScheme: "orange",
|
|
81
|
+
variant: "subtle",
|
|
82
|
+
css: {
|
|
83
|
+
color: "sys/orange/strong",
|
|
84
|
+
background: "sys/orange/subtle"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
colorScheme: "turquoise",
|
|
89
|
+
variant: "subtle",
|
|
90
|
+
css: {
|
|
91
|
+
color: "sys/turquoise/strong",
|
|
92
|
+
background: "sys/turquoise/subtle"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
colorScheme: "neutral",
|
|
97
|
+
variant: "bold",
|
|
98
|
+
css: {
|
|
99
|
+
background: "sys/neutral/bold"
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
colorScheme: "info",
|
|
104
|
+
variant: "bold",
|
|
105
|
+
css: {
|
|
106
|
+
background: "sys/info/bold"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
colorScheme: "positive",
|
|
111
|
+
variant: "bold",
|
|
112
|
+
css: {
|
|
113
|
+
background: "sys/success/bold"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
colorScheme: "negative",
|
|
118
|
+
variant: "bold",
|
|
119
|
+
css: {
|
|
120
|
+
background: "sys/critical/bold"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
colorScheme: "warning",
|
|
125
|
+
variant: "bold",
|
|
126
|
+
css: {
|
|
127
|
+
background: "sys/warning/muted",
|
|
128
|
+
color: "text/primary"
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
colorScheme: "progress",
|
|
133
|
+
variant: "bold",
|
|
134
|
+
css: {
|
|
135
|
+
background: "sys/interactive/bold"
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
colorScheme: "orange",
|
|
140
|
+
variant: "bold",
|
|
141
|
+
css: {
|
|
142
|
+
background: "sys/orange/bold"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
colorScheme: "turquoise",
|
|
147
|
+
variant: "bold",
|
|
148
|
+
css: {
|
|
149
|
+
background: "sys/turquoise/bold"
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
]
|
|
153
|
+
});
|
|
154
|
+
export {
|
|
155
|
+
r as default
|
|
156
|
+
};
|
|
@@ -1,4 +1,22 @@
|
|
|
1
1
|
declare const recipes: {
|
|
2
|
+
badge: import('@chakra-ui/react').RecipeDefinition<{
|
|
3
|
+
variant: {
|
|
4
|
+
subtle: {};
|
|
5
|
+
bold: {
|
|
6
|
+
color: "text/on-color";
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
colorScheme: {
|
|
10
|
+
neutral: {};
|
|
11
|
+
info: {};
|
|
12
|
+
positive: {};
|
|
13
|
+
negative: {};
|
|
14
|
+
warning: {};
|
|
15
|
+
progress: {};
|
|
16
|
+
orange: {};
|
|
17
|
+
turquoise: {};
|
|
18
|
+
};
|
|
19
|
+
}>;
|
|
2
20
|
button: import('@chakra-ui/react').RecipeDefinition<{
|
|
3
21
|
variant: Record<string, import('@chakra-ui/react').SystemStyleObject>;
|
|
4
22
|
size: {
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
import e from "./
|
|
2
|
-
import r from "./
|
|
3
|
-
import t from "./
|
|
4
|
-
import o from "./
|
|
5
|
-
import p from "./
|
|
6
|
-
import i from "./
|
|
7
|
-
import m from "./
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import e from "./Badge.recipe.js";
|
|
2
|
+
import r from "./Button.recipe.js";
|
|
3
|
+
import t from "./Input.recipe.js";
|
|
4
|
+
import o from "./Link.recipe.js";
|
|
5
|
+
import p from "./Separator.recipe.js";
|
|
6
|
+
import i from "./Skeleton.recipe.js";
|
|
7
|
+
import m from "./Spinner.recipe.js";
|
|
8
|
+
import n from "./Textarea.recipe.js";
|
|
9
|
+
const k = {
|
|
10
|
+
badge: e,
|
|
11
|
+
button: r,
|
|
12
|
+
input: t,
|
|
13
|
+
link: o,
|
|
14
|
+
separator: p,
|
|
15
|
+
skeleton: i,
|
|
16
|
+
spinner: m,
|
|
17
|
+
textarea: n
|
|
16
18
|
};
|
|
17
19
|
export {
|
|
18
|
-
|
|
20
|
+
k as default
|
|
19
21
|
};
|
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.62",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI v3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
"@storybook/addon-docs": "10.0.7",
|
|
64
64
|
"@storybook/react-vite": "10.0.7",
|
|
65
65
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
66
|
-
"@types/node": "^24.10.
|
|
67
|
-
"@types/react-dom": "^19.2.
|
|
66
|
+
"@types/node": "^24.10.1",
|
|
67
|
+
"@types/react-dom": "^19.2.3",
|
|
68
68
|
"@types/react": "^19.2.3",
|
|
69
|
-
"@vitejs/plugin-react": "^5.1.
|
|
69
|
+
"@vitejs/plugin-react": "^5.1.1",
|
|
70
70
|
"axios": "^1.13.2",
|
|
71
71
|
"es-toolkit": "^1.41.0",
|
|
72
72
|
"react-dom": "^19.2.0",
|