@bitrise/bitkit-v2 0.3.62 → 0.3.63
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.
|
@@ -2,8 +2,8 @@ import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { Field as t } from "@chakra-ui/react/field";
|
|
3
3
|
import { Text as d } from "@chakra-ui/react/text";
|
|
4
4
|
import { forwardRef as f } from "react";
|
|
5
|
-
import u from "
|
|
6
|
-
import T from "
|
|
5
|
+
import u from "../../icons/16x16/IconInfoCircle16.js";
|
|
6
|
+
import T from "../BitkitTooltip/BitkitTooltip.js";
|
|
7
7
|
const y = f((x, m) => {
|
|
8
8
|
const { counterText: o, children: h, errorText: r, helperText: l, label: n, optional: p, tooltip: a, warningText: i, ...s } = x;
|
|
9
9
|
return /* @__PURE__ */ c(t.Root, { required: !p, ref: m, ...s, children: [
|
|
@@ -16,7 +16,7 @@ const y = f((x, m) => {
|
|
|
16
16
|
fallback: /* @__PURE__ */ e(d, { as: "span", color: "input/text/helper", textStyle: "body/md/regular", children: "(optional)" })
|
|
17
17
|
}
|
|
18
18
|
),
|
|
19
|
-
!!a && /* @__PURE__ */ e(
|
|
19
|
+
!!a && /* @__PURE__ */ e(T, { text: a ?? "", children: /* @__PURE__ */ e(u, { color: "icon/tertiary" }) }),
|
|
20
20
|
o && /* @__PURE__ */ e(d, { as: "span", color: "input/text/helper", marginInlineStart: "auto", textStyle: "comp/input/helperText", children: o })
|
|
21
21
|
] }) : null,
|
|
22
22
|
h,
|
|
@@ -2,15 +2,15 @@ import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
|
2
2
|
import { Box as w } from "@chakra-ui/react/box";
|
|
3
3
|
import { NumberInput as i } from "@chakra-ui/react/number-input";
|
|
4
4
|
import { forwardRef as b } from "react";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import T from "
|
|
8
|
-
import B from "../../icons/16x16/
|
|
9
|
-
import C from "../../icons/
|
|
10
|
-
import N from "../../icons/24x24/
|
|
11
|
-
import j from "../../
|
|
12
|
-
import k from "../../
|
|
13
|
-
import F from "
|
|
5
|
+
import v from "../../icons/16x16/IconErrorCircleFilled16.js";
|
|
6
|
+
import y from "../../icons/16x16/IconMinus16.js";
|
|
7
|
+
import T from "../../icons/16x16/IconPlus16.js";
|
|
8
|
+
import B from "../../icons/16x16/IconWarningYellow16.js";
|
|
9
|
+
import C from "../../icons/24x24/IconErrorCircleFilled24.js";
|
|
10
|
+
import N from "../../icons/24x24/IconWarningYellow24.js";
|
|
11
|
+
import { triggerSeparatorStyle as j } from "../../theme/slot-recipes/NumberInput.recipe.js";
|
|
12
|
+
import { rem as k } from "../../theme/themeUtils.js";
|
|
13
|
+
import F from "../BitkitField/BitkitField.js";
|
|
14
14
|
const W = b((a, d) => {
|
|
15
15
|
const {
|
|
16
16
|
defaultValue: p,
|
|
@@ -26,8 +26,8 @@ const W = b((a, d) => {
|
|
|
26
26
|
...h
|
|
27
27
|
} = a, x = e === "warning" || !!l, m = e === "error" || !!t;
|
|
28
28
|
let o;
|
|
29
|
-
return m ? o = n === "lg" ? /* @__PURE__ */ r(
|
|
30
|
-
|
|
29
|
+
return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : x && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
|
|
30
|
+
F,
|
|
31
31
|
{
|
|
32
32
|
disabled: e === "disabled",
|
|
33
33
|
errorText: t,
|
|
@@ -43,15 +43,15 @@ const W = b((a, d) => {
|
|
|
43
43
|
children: /* @__PURE__ */ c(
|
|
44
44
|
i.Root,
|
|
45
45
|
{
|
|
46
|
-
css: o ? { "--control-width":
|
|
46
|
+
css: o ? { "--control-width": k(150) } : void 0,
|
|
47
47
|
defaultValue: p,
|
|
48
48
|
size: n,
|
|
49
49
|
...f,
|
|
50
50
|
children: [
|
|
51
51
|
/* @__PURE__ */ c(i.Control, { children: [
|
|
52
52
|
o && /* @__PURE__ */ r(w, { paddingInline: "12px", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
|
|
53
|
-
/* @__PURE__ */ r(i.DecrementTrigger, { _before: o ?
|
|
54
|
-
/* @__PURE__ */ r(i.IncrementTrigger, { children: /* @__PURE__ */ r(
|
|
53
|
+
/* @__PURE__ */ r(i.DecrementTrigger, { _before: o ? j : void 0, children: /* @__PURE__ */ r(y, {}) }),
|
|
54
|
+
/* @__PURE__ */ r(i.IncrementTrigger, { children: /* @__PURE__ */ r(T, {}) })
|
|
55
55
|
] }),
|
|
56
56
|
/* @__PURE__ */ r(i.Input, {})
|
|
57
57
|
]
|
|
@@ -2,12 +2,12 @@ import { jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { Input as T } from "@chakra-ui/react/input";
|
|
3
3
|
import { InputGroup as E } from "@chakra-ui/react/input-group";
|
|
4
4
|
import { forwardRef as F } from "react";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import y from "../../icons/16x16/IconErrorCircleFilled16.js";
|
|
5
|
+
import b from "../../icons/16x16/IconErrorCircleFilled16.js";
|
|
6
|
+
import k from "../../icons/16x16/IconWarningYellow16.js";
|
|
7
|
+
import y from "../../icons/24x24/IconErrorCircleFilled24.js";
|
|
9
8
|
import B from "../../icons/24x24/IconWarningYellow24.js";
|
|
10
|
-
import
|
|
9
|
+
import { rem as m } from "../../theme/themeUtils.js";
|
|
10
|
+
import W from "../BitkitField/BitkitField.js";
|
|
11
11
|
const C = F((c, p) => {
|
|
12
12
|
const {
|
|
13
13
|
counter: s,
|
|
@@ -25,10 +25,10 @@ const C = F((c, p) => {
|
|
|
25
25
|
...I
|
|
26
26
|
} = c, h = i === "warning" || !!a, d = i === "error" || !!l;
|
|
27
27
|
let t;
|
|
28
|
-
d ? t = o === "lg" ? /* @__PURE__ */ r(
|
|
28
|
+
d ? t = o === "lg" ? /* @__PURE__ */ r(y, { color: "icon/negative" }) : /* @__PURE__ */ r(b, { color: "icon/negative" }) : h && (t = o === "lg" ? /* @__PURE__ */ r(B, { color: "icon/warning" }) : /* @__PURE__ */ r(k, { color: "icon/warning" }));
|
|
29
29
|
const w = s && n && e?.value !== void 0 ? `${e.value.toString().length}/${n}` : void 0;
|
|
30
30
|
return /* @__PURE__ */ r(
|
|
31
|
-
|
|
31
|
+
W,
|
|
32
32
|
{
|
|
33
33
|
counterText: w,
|
|
34
34
|
disabled: i === "disabled",
|
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.63",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI v3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -90,10 +90,8 @@
|
|
|
90
90
|
"access": "public"
|
|
91
91
|
},
|
|
92
92
|
"imports": {
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"./*.ts",
|
|
96
|
-
"./*.tsx"
|
|
93
|
+
"#storybook/*": [
|
|
94
|
+
"./.storybook/*.tsx"
|
|
97
95
|
]
|
|
98
96
|
}
|
|
99
97
|
}
|