@bitrise/bitkit-v2 0.3.121 → 0.3.123

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.
Files changed (23) hide show
  1. package/dist/components/BitkitNumberInput/BitkitNumberInput.js +4 -4
  2. package/dist/theme/recipes/Button.recipe.d.ts +5 -5
  3. package/dist/theme/recipes/common/InputAndTextarea.common.js +2 -2
  4. package/dist/theme/recipes/index.d.ts +5 -5
  5. package/dist/theme/slot-recipes/Avatar.recipe.d.ts +3 -3
  6. package/dist/theme/slot-recipes/Avatar.recipe.js +3 -3
  7. package/dist/theme/slot-recipes/Checkbox.recipe.js +1 -1
  8. package/dist/theme/slot-recipes/DatePicker.recipe.js +7 -7
  9. package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +9 -9
  10. package/dist/theme/slot-recipes/DatePickerSelect.recipe.js +1 -1
  11. package/dist/theme/slot-recipes/NativeSelect.recipe.d.ts +4 -4
  12. package/dist/theme/slot-recipes/NativeSelect.recipe.js +1 -1
  13. package/dist/theme/slot-recipes/NumberInput.recipe.d.ts +2 -2
  14. package/dist/theme/slot-recipes/NumberInput.recipe.js +11 -11
  15. package/dist/theme/slot-recipes/Select.recipe.d.ts +9 -9
  16. package/dist/theme/slot-recipes/Select.recipe.js +24 -24
  17. package/dist/theme/slot-recipes/Switch.recipe.d.ts +6 -6
  18. package/dist/theme/slot-recipes/Tabs.recipe.d.ts +2 -2
  19. package/dist/theme/slot-recipes/Tag.recipe.d.ts +1 -1
  20. package/dist/theme/slot-recipes/index.d.ts +36 -36
  21. package/dist/theme/themeUtils.d.ts +6 -1
  22. package/dist/theme/themeUtils.js +12 -15
  23. package/package.json +4 -4
package/dist/components/BitkitNumberInput/BitkitNumberInput.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as r, jsxs as c } from "react/jsx-runtime";
2
- import { Box as w } from "@chakra-ui/react/box";
2
+ import { Box as x } 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
5
  import v from "../../icons/16x16/IconErrorCircleFilled16.js";
@@ -24,9 +24,9 @@ const W = b((a, d) => {
24
24
  tooltip: I,
25
25
  warningText: l,
26
26
  ...h
27
- } = a, x = e === "warning" || !!l, m = e === "error" || !!t;
27
+ } = a, w = e === "warning" || !!l, m = e === "error" || !!t;
28
28
  let o;
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(
29
+ return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : w && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
30
30
  F,
31
31
  {
32
32
  disabled: e === "disabled",
@@ -49,7 +49,7 @@ const W = b((a, d) => {
49
49
  ...f,
50
50
  children: [
51
51
  /* @__PURE__ */ c(i.Control, { children: [
52
- o && /* @__PURE__ */ r(w, { paddingInline: "12px", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
52
+ o && /* @__PURE__ */ r(x, { paddingInline: "12", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
53
53
  /* @__PURE__ */ r(i.DecrementTrigger, { _before: o ? j : void 0, children: /* @__PURE__ */ r(y, {}) }),
54
54
  /* @__PURE__ */ r(i.IncrementTrigger, { children: /* @__PURE__ */ r(T, {}) })
55
55
  ] }),
package/dist/theme/recipes/Button.recipe.d.ts CHANGED
@@ -7,21 +7,21 @@ declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
7
7
  sm: {
8
8
  minWidth: "32";
9
9
  height: "32";
10
- paddingInline: string | number;
11
- paddingBlock: string | number;
10
+ paddingInline: string;
11
+ paddingBlock: string;
12
12
  textStyle: "comp/button/sm";
13
13
  };
14
14
  md: {
15
15
  minWidth: "40";
16
16
  height: "40";
17
- paddingInline: string | number;
18
- paddingBlock: string | number;
17
+ paddingInline: string;
18
+ paddingBlock: string;
19
19
  textStyle: "comp/button/md";
20
20
  };
21
21
  lg: {
22
22
  minWidth: "48";
23
23
  height: "48";
24
- padding: string | number;
24
+ padding: string;
25
25
  textStyle: "comp/button/lg";
26
26
  };
27
27
  };
package/dist/theme/recipes/common/InputAndTextarea.common.js CHANGED
@@ -45,13 +45,13 @@ const e = {
45
45
  paddingInline: r(11),
46
46
  paddingBlock: r(9),
47
47
  textStyle: "body/md/regular",
48
- "--input-height": r("40")
48
+ "--input-height": r(40)
49
49
  },
50
50
  lg: {
51
51
  paddingInline: r(15),
52
52
  paddingBlock: r(11),
53
53
  textStyle: "body/lg/regular",
54
- "--input-height": r("48")
54
+ "--input-height": r(48)
55
55
  }
56
56
  }
57
57
  }, l = {
package/dist/theme/recipes/index.d.ts CHANGED
@@ -25,21 +25,21 @@ declare const recipes: {
25
25
  sm: {
26
26
  minWidth: "32";
27
27
  height: "32";
28
- paddingInline: string | number;
29
- paddingBlock: string | number;
28
+ paddingInline: string;
29
+ paddingBlock: string;
30
30
  textStyle: "comp/button/sm";
31
31
  };
32
32
  md: {
33
33
  minWidth: "40";
34
34
  height: "40";
35
- paddingInline: string | number;
36
- paddingBlock: string | number;
35
+ paddingInline: string;
36
+ paddingBlock: string;
37
37
  textStyle: "comp/button/md";
38
38
  };
39
39
  lg: {
40
40
  minWidth: "48";
41
41
  height: "48";
42
- padding: string | number;
42
+ padding: string;
43
43
  textStyle: "comp/button/lg";
44
44
  };
45
45
  };
package/dist/theme/slot-recipes/Avatar.recipe.d.ts CHANGED
@@ -75,14 +75,14 @@ declare const avatarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
75
75
  root: {
76
76
  width: number;
77
77
  height: number;
78
- borderRadius: number;
78
+ borderRadius: "10";
79
79
  };
80
80
  image: {
81
- borderRadius: number;
81
+ borderRadius: "10";
82
82
  };
83
83
  fallback: {
84
84
  textStyle: "comp/avatar/48";
85
- borderRadius: number;
85
+ borderRadius: "10";
86
86
  };
87
87
  icon: {
88
88
  width: number;
package/dist/theme/slot-recipes/Avatar.recipe.js CHANGED
@@ -62,9 +62,9 @@ const o = t({
62
62
  badgeContainer: { width: 16, height: 16, bottom: -2, right: -2, borderRadius: 4 }
63
63
  },
64
64
  48: {
65
- root: { width: 48, height: 48, borderRadius: 10 },
66
- image: { borderRadius: 10 },
67
- fallback: { textStyle: "comp/avatar/48", borderRadius: 10 },
65
+ root: { width: 48, height: 48, borderRadius: "10" },
66
+ image: { borderRadius: "10" },
67
+ fallback: { textStyle: "comp/avatar/48", borderRadius: "10" },
68
68
  icon: { width: 32, height: 32 },
69
69
  badgeContainer: { width: 24, height: 24, bottom: -7, right: -7, borderRadius: "50%" }
70
70
  },
package/dist/theme/slot-recipes/Checkbox.recipe.js CHANGED
@@ -7,7 +7,7 @@ const l = e({
7
7
  root: {
8
8
  display: "inline-flex",
9
9
  alignItems: "flex-start",
10
- gap: "8px",
10
+ gap: "8",
11
11
  width: "fit-content"
12
12
  },
13
13
  control: {
package/dist/theme/slot-recipes/DatePicker.recipe.js CHANGED
@@ -1,9 +1,9 @@
1
- import { datePickerAnatomy as a } from "@ark-ui/react/date-picker";
2
- import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
3
- import { rem as e } from "../themeUtils.js";
4
- const i = r({
1
+ import { datePickerAnatomy as e } from "@ark-ui/react/date-picker";
2
+ import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
3
+ import { rem as r } from "../themeUtils.js";
4
+ const i = a({
5
5
  className: "datePicker",
6
- slots: [...a.keys(), "months"],
6
+ slots: [...e.keys(), "months"],
7
7
  base: {
8
8
  root: {
9
9
  display: "flex",
@@ -27,7 +27,7 @@ const i = r({
27
27
  backgroundColor: "background/primary",
28
28
  borderRadius: "8",
29
29
  boxShadow: "large",
30
- minWidth: e(312),
30
+ minWidth: r(312),
31
31
  paddingBlock: "24",
32
32
  paddingInline: "16"
33
33
  },
@@ -72,7 +72,7 @@ const i = r({
72
72
  alignItems: "stretch",
73
73
  justifyContent: "center",
74
74
  width: "100%",
75
- height: e(32),
75
+ height: "32",
76
76
  color: "text/primary",
77
77
  cursor: "pointer",
78
78
  textStyle: "body/md/regular",
package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
4
4
  trigger: {
5
5
  paddingBlock: "6";
6
6
  textStyle?: "body/md/regular" | undefined;
7
- py?: string | number | undefined;
7
+ py?: string | undefined;
8
8
  };
9
9
  indicator: {
10
10
  _icon: {
@@ -13,25 +13,25 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
13
13
  };
14
14
  };
15
15
  item?: {
16
- py: string | number;
17
- px: string | number;
16
+ py: "8";
17
+ px: "16";
18
18
  textStyle: "body/md/regular";
19
19
  _selected: {
20
20
  textStyle: "body/md/semibold";
21
21
  };
22
22
  } | undefined;
23
23
  itemIndicator?: {
24
- width: string | number;
25
- height: string | number;
24
+ width: "16";
25
+ height: "16";
26
26
  } | undefined;
27
27
  itemGroupLabel?: {
28
- py: string | number;
29
- px: string | number;
28
+ py: "12";
29
+ px: "16";
30
30
  } | undefined;
31
31
  searchInput?: {
32
- paddingBlock: string | number;
32
+ paddingBlock: "12";
33
33
  textStyle: "body/md/regular";
34
- '--input-height': string | number;
34
+ '--input-height': string;
35
35
  } | undefined;
36
36
  };
37
37
  };
package/dist/theme/slot-recipes/DatePickerSelect.recipe.js CHANGED
@@ -7,7 +7,7 @@ const d = t({
7
7
  base: {
8
8
  trigger: {
9
9
  ...i.base?.trigger,
10
- borderWidth: "0",
10
+ borderWidth: 0,
11
11
  height: "32",
12
12
  paddingInlineStart: "12",
13
13
  paddingInlineEnd: "8",
package/dist/theme/slot-recipes/NativeSelect.recipe.d.ts CHANGED
@@ -2,15 +2,15 @@ declare const nativeSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
2
2
  size: {
3
3
  md: {
4
4
  field: {
5
- paddingInline: string | number;
6
- paddingBlock: string | number;
5
+ paddingInline: string;
6
+ paddingBlock: string;
7
7
  textStyle: "body/md/regular";
8
8
  };
9
9
  };
10
10
  lg: {
11
11
  field: {
12
- paddingInline: string | number;
13
- paddingBlock: string | number;
12
+ paddingInline: string;
13
+ paddingBlock: string;
14
14
  textStyle: "body/lg/regular";
15
15
  };
16
16
  };
package/dist/theme/slot-recipes/NativeSelect.recipe.js CHANGED
@@ -13,7 +13,7 @@ const a = r({
13
13
  },
14
14
  field: {
15
15
  width: "100%",
16
- minWidth: "0",
16
+ minWidth: 0,
17
17
  appearance: "none",
18
18
  borderRadius: "4",
19
19
  borderWidth: o(1),
package/dist/theme/slot-recipes/NumberInput.recipe.d.ts CHANGED
@@ -4,13 +4,13 @@ export declare const numberInputSlotRecipe: import('@chakra-ui/react').SlotRecip
4
4
  md: {
5
5
  input: import('@chakra-ui/react').SystemStyleObject | undefined;
6
6
  control: {
7
- '--stepper-width': string | number;
7
+ '--stepper-width': string;
8
8
  };
9
9
  };
10
10
  lg: {
11
11
  input: import('@chakra-ui/react').SystemStyleObject | undefined;
12
12
  control: {
13
- '--stepper-width': string | number;
13
+ '--stepper-width': string;
14
14
  };
15
15
  };
16
16
  };
package/dist/theme/slot-recipes/NumberInput.recipe.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { numberInputAnatomy as n } from "@chakra-ui/react/anatomy";
2
2
  import { defineStyle as r, defineSlotRecipe as i } from "@chakra-ui/react/styled-system";
3
- import e from "../recipes/Input.recipe.js";
4
- import { rem as t } from "../themeUtils.js";
3
+ import t from "../recipes/Input.recipe.js";
4
+ import { rem as e } from "../themeUtils.js";
5
5
  const a = r({
6
6
  content: '""',
7
7
  position: "absolute",
8
8
  top: "50%",
9
9
  left: "-1px",
10
10
  transform: "translateY(-50%)",
11
- width: t(1),
11
+ width: "1",
12
12
  height: "24",
13
13
  backgroundColor: "border/minimal"
14
14
  }), o = r({
@@ -41,20 +41,20 @@ const a = r({
41
41
  position: "relative",
42
42
  zIndex: "0",
43
43
  isolation: "isolate",
44
- "--control-width": t(100)
44
+ "--control-width": e(100)
45
45
  },
46
46
  input: {
47
- ...e.base,
47
+ ...t.base,
48
48
  verticalAlign: "top",
49
49
  paddingInlineEnd: "var(--control-width) !important"
50
50
  },
51
51
  control: {
52
52
  display: "flex",
53
- gap: t(1),
53
+ gap: "1",
54
54
  position: "absolute",
55
55
  top: "0",
56
56
  insetEnd: "0",
57
- margin: t(1),
57
+ margin: "1",
58
58
  height: "calc(100% - 2px)",
59
59
  zIndex: "1"
60
60
  },
@@ -76,15 +76,15 @@ const a = r({
76
76
  variants: {
77
77
  size: {
78
78
  md: {
79
- input: e.variants?.size.md,
79
+ input: t.variants?.size.md,
80
80
  control: {
81
- "--stepper-width": t(40)
81
+ "--stepper-width": e(40)
82
82
  }
83
83
  },
84
84
  lg: {
85
- input: e.variants?.size.lg,
85
+ input: t.variants?.size.lg,
86
86
  control: {
87
- "--stepper-width": t(48)
87
+ "--stepper-width": e(48)
88
88
  }
89
89
  }
90
90
  }
package/dist/theme/slot-recipes/Select.recipe.d.ts CHANGED
@@ -2,29 +2,29 @@ export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefi
2
2
  size: {
3
3
  md: {
4
4
  item: {
5
- py: string | number;
6
- px: string | number;
5
+ py: "8";
6
+ px: "16";
7
7
  textStyle: "body/md/regular";
8
8
  _selected: {
9
9
  textStyle: "body/md/semibold";
10
10
  };
11
11
  };
12
12
  itemIndicator: {
13
- width: string | number;
14
- height: string | number;
13
+ width: "16";
14
+ height: "16";
15
15
  };
16
16
  itemGroupLabel: {
17
- py: string | number;
18
- px: string | number;
17
+ py: "12";
18
+ px: "16";
19
19
  };
20
20
  searchInput: {
21
- paddingBlock: string | number;
21
+ paddingBlock: "12";
22
22
  textStyle: "body/md/regular";
23
- '--input-height': string | number;
23
+ '--input-height': string;
24
24
  };
25
25
  trigger: {
26
26
  textStyle: "body/md/regular";
27
- py: string | number;
27
+ py: string;
28
28
  };
29
29
  };
30
30
  lg: {};
package/dist/theme/slot-recipes/Select.recipe.js CHANGED
@@ -8,15 +8,15 @@ const l = o({
8
8
  trigger: {
9
9
  display: "flex",
10
10
  alignItems: "center",
11
- borderWidth: "1px",
11
+ borderWidth: e(1),
12
12
  borderColor: "border/strong",
13
13
  bg: "bg.muted",
14
14
  color: "input/text/inputValue",
15
- gap: e(8),
15
+ gap: "8",
16
16
  justifyContent: "space-between",
17
- px: e(16),
17
+ px: "16",
18
18
  py: e(11),
19
- borderRadius: e(4),
19
+ borderRadius: "4",
20
20
  userSelect: "none",
21
21
  textAlign: "start",
22
22
  focusVisibleRing: "inside",
@@ -38,12 +38,12 @@ const l = o({
38
38
  indicatorGroup: {
39
39
  display: "flex",
40
40
  alignItems: "center",
41
- gap: e(8),
41
+ gap: "8",
42
42
  pos: "absolute",
43
43
  insetEnd: "0",
44
44
  top: "0",
45
45
  bottom: "0",
46
- px: e(16),
46
+ px: "16",
47
47
  pointerEvents: "none"
48
48
  },
49
49
  indicator: {
@@ -79,12 +79,12 @@ const l = o({
79
79
  userSelect: "none",
80
80
  display: "flex",
81
81
  alignItems: "center",
82
- gap: e(12),
82
+ gap: "12",
83
83
  cursor: "option",
84
84
  justifyContent: "space-between",
85
85
  flex: "1",
86
- px: e(16),
87
- py: e(12),
86
+ px: "16",
87
+ py: "12",
88
88
  textAlign: "start",
89
89
  textStyle: "body/lg/regular",
90
90
  lineHeight: e(24),
@@ -101,15 +101,15 @@ const l = o({
101
101
  color: "icon/interactive",
102
102
  display: "flex",
103
103
  justifyContent: "center",
104
- width: e(24),
105
- height: e(24)
104
+ width: "24",
105
+ height: "24"
106
106
  },
107
107
  itemGroupLabel: {
108
108
  alignItems: "center",
109
109
  display: "flex",
110
- gap: e(16),
111
- py: e(12),
112
- px: e(16)
110
+ gap: "16",
111
+ py: "12",
112
+ px: "16"
113
113
  },
114
114
  control: {
115
115
  pos: "relative",
@@ -119,8 +119,8 @@ const l = o({
119
119
  border: "none",
120
120
  boxShadow: "none",
121
121
  outline: "none",
122
- paddingRight: e(16),
123
- paddingBlock: e(16),
122
+ paddingRight: "16",
123
+ paddingBlock: "16",
124
124
  textStyle: "body/lg/regular",
125
125
  "--input-height": e(32)
126
126
  },
@@ -128,30 +128,30 @@ const l = o({
128
128
  borderBottom: "1px solid",
129
129
  borderColor: "border/minimal",
130
130
  appearance: "none",
131
- paddingLeft: e(16)
131
+ paddingLeft: "16"
132
132
  }
133
133
  },
134
134
  variants: {
135
135
  size: {
136
136
  md: {
137
137
  item: {
138
- py: e(8),
139
- px: e(16),
138
+ py: "8",
139
+ px: "16",
140
140
  textStyle: "body/md/regular",
141
141
  _selected: {
142
142
  textStyle: "body/md/semibold"
143
143
  }
144
144
  },
145
145
  itemIndicator: {
146
- width: e(16),
147
- height: e(16)
146
+ width: "16",
147
+ height: "16"
148
148
  },
149
149
  itemGroupLabel: {
150
- py: e(12),
151
- px: e(16)
150
+ py: "12",
151
+ px: "16"
152
152
  },
153
153
  searchInput: {
154
- paddingBlock: e(12),
154
+ paddingBlock: "12",
155
155
  textStyle: "body/md/regular",
156
156
  "--input-height": e(24)
157
157
  },
package/dist/theme/slot-recipes/Switch.recipe.d.ts CHANGED
@@ -2,9 +2,9 @@ declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
2
2
  size: {
3
3
  sm: {
4
4
  root: {
5
- '--switch-width': string | number;
6
- '--switch-height': string | number;
7
- '--switch-indicator-font-size': string | number;
5
+ '--switch-width': string;
6
+ '--switch-height': string;
7
+ '--switch-indicator-font-size': string;
8
8
  };
9
9
  control: {
10
10
  borderRadius: "8";
@@ -15,9 +15,9 @@ declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
15
15
  };
16
16
  md: {
17
17
  root: {
18
- '--switch-width': string | number;
19
- '--switch-height': string | number;
20
- '--switch-indicator-font-size': string | number;
18
+ '--switch-width': string;
19
+ '--switch-height': string;
20
+ '--switch-indicator-font-size': string;
21
21
  };
22
22
  control: {
23
23
  borderRadius: "12";
package/dist/theme/slot-recipes/Tabs.recipe.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"c
12
12
  gap: "8";
13
13
  color: "text/secondary";
14
14
  paddingBlockStart: "12";
15
- paddingBlockEnd: string | number;
15
+ paddingBlockEnd: string;
16
16
  borderBlockEnd: "2px solid transparent";
17
17
  _selected: {
18
18
  color: "text/primary";
@@ -28,7 +28,7 @@ declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"c
28
28
  };
29
29
  contained: {
30
30
  trigger: {
31
- paddingBlockStart: string | number;
31
+ paddingBlockStart: string;
32
32
  paddingBlockEnd: "12";
33
33
  backgroundColor: "background/tertiary";
34
34
  color: "text/secondary";
package/dist/theme/slot-recipes/Tag.recipe.d.ts CHANGED
@@ -32,7 +32,7 @@ declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
32
32
  height: "32";
33
33
  paddingInline: "6";
34
34
  '&:has(button)': {
35
- paddingInlineEnd: string | number;
35
+ paddingInlineEnd: string;
36
36
  };
37
37
  };
38
38
  startElement: {
package/dist/theme/slot-recipes/index.d.ts CHANGED
@@ -101,14 +101,14 @@ declare const slotRecipes: {
101
101
  root: {
102
102
  width: number;
103
103
  height: number;
104
- borderRadius: number;
104
+ borderRadius: "10";
105
105
  };
106
106
  image: {
107
- borderRadius: number;
107
+ borderRadius: "10";
108
108
  };
109
109
  fallback: {
110
110
  textStyle: "comp/avatar/48";
111
- borderRadius: number;
111
+ borderRadius: "10";
112
112
  };
113
113
  icon: {
114
114
  width: number;
@@ -262,7 +262,7 @@ declare const slotRecipes: {
262
262
  trigger: {
263
263
  paddingBlock: "6";
264
264
  textStyle?: "body/md/regular" | undefined;
265
- py?: string | number | undefined;
265
+ py?: string | undefined;
266
266
  };
267
267
  indicator: {
268
268
  _icon: {
@@ -271,25 +271,25 @@ declare const slotRecipes: {
271
271
  };
272
272
  };
273
273
  item?: {
274
- py: string | number;
275
- px: string | number;
274
+ py: "8";
275
+ px: "16";
276
276
  textStyle: "body/md/regular";
277
277
  _selected: {
278
278
  textStyle: "body/md/semibold";
279
279
  };
280
280
  } | undefined;
281
281
  itemIndicator?: {
282
- width: string | number;
283
- height: string | number;
282
+ width: "16";
283
+ height: "16";
284
284
  } | undefined;
285
285
  itemGroupLabel?: {
286
- py: string | number;
287
- px: string | number;
286
+ py: "12";
287
+ px: "16";
288
288
  } | undefined;
289
289
  searchInput?: {
290
- paddingBlock: string | number;
290
+ paddingBlock: "12";
291
291
  textStyle: "body/md/regular";
292
- '--input-height': string | number;
292
+ '--input-height': string;
293
293
  } | undefined;
294
294
  };
295
295
  };
@@ -367,15 +367,15 @@ declare const slotRecipes: {
367
367
  size: {
368
368
  md: {
369
369
  field: {
370
- paddingInline: string | number;
371
- paddingBlock: string | number;
370
+ paddingInline: string;
371
+ paddingBlock: string;
372
372
  textStyle: "body/md/regular";
373
373
  };
374
374
  };
375
375
  lg: {
376
376
  field: {
377
- paddingInline: string | number;
378
- paddingBlock: string | number;
377
+ paddingInline: string;
378
+ paddingBlock: string;
379
379
  textStyle: "body/lg/regular";
380
380
  };
381
381
  };
@@ -450,13 +450,13 @@ declare const slotRecipes: {
450
450
  md: {
451
451
  input: import('@chakra-ui/react').SystemStyleObject | undefined;
452
452
  control: {
453
- '--stepper-width': string | number;
453
+ '--stepper-width': string;
454
454
  };
455
455
  };
456
456
  lg: {
457
457
  input: import('@chakra-ui/react').SystemStyleObject | undefined;
458
458
  control: {
459
- '--stepper-width': string | number;
459
+ '--stepper-width': string;
460
460
  };
461
461
  };
462
462
  };
@@ -502,29 +502,29 @@ declare const slotRecipes: {
502
502
  size: {
503
503
  md: {
504
504
  item: {
505
- py: string | number;
506
- px: string | number;
505
+ py: "8";
506
+ px: "16";
507
507
  textStyle: "body/md/regular";
508
508
  _selected: {
509
509
  textStyle: "body/md/semibold";
510
510
  };
511
511
  };
512
512
  itemIndicator: {
513
- width: string | number;
514
- height: string | number;
513
+ width: "16";
514
+ height: "16";
515
515
  };
516
516
  itemGroupLabel: {
517
- py: string | number;
518
- px: string | number;
517
+ py: "12";
518
+ px: "16";
519
519
  };
520
520
  searchInput: {
521
- paddingBlock: string | number;
521
+ paddingBlock: "12";
522
522
  textStyle: "body/md/regular";
523
- '--input-height': string | number;
523
+ '--input-height': string;
524
524
  };
525
525
  trigger: {
526
526
  textStyle: "body/md/regular";
527
- py: string | number;
527
+ py: string;
528
528
  };
529
529
  };
530
530
  lg: {};
@@ -534,9 +534,9 @@ declare const slotRecipes: {
534
534
  size: {
535
535
  sm: {
536
536
  root: {
537
- '--switch-width': string | number;
538
- '--switch-height': string | number;
539
- '--switch-indicator-font-size': string | number;
537
+ '--switch-width': string;
538
+ '--switch-height': string;
539
+ '--switch-indicator-font-size': string;
540
540
  };
541
541
  control: {
542
542
  borderRadius: "8";
@@ -547,9 +547,9 @@ declare const slotRecipes: {
547
547
  };
548
548
  md: {
549
549
  root: {
550
- '--switch-width': string | number;
551
- '--switch-height': string | number;
552
- '--switch-indicator-font-size': string | number;
550
+ '--switch-width': string;
551
+ '--switch-height': string;
552
+ '--switch-indicator-font-size': string;
553
553
  };
554
554
  control: {
555
555
  borderRadius: "12";
@@ -574,7 +574,7 @@ declare const slotRecipes: {
574
574
  gap: "8";
575
575
  color: "text/secondary";
576
576
  paddingBlockStart: "12";
577
- paddingBlockEnd: string | number;
577
+ paddingBlockEnd: string;
578
578
  borderBlockEnd: "2px solid transparent";
579
579
  _selected: {
580
580
  color: "text/primary";
@@ -590,7 +590,7 @@ declare const slotRecipes: {
590
590
  };
591
591
  contained: {
592
592
  trigger: {
593
- paddingBlockStart: string | number;
593
+ paddingBlockStart: string;
594
594
  paddingBlockEnd: "12";
595
595
  backgroundColor: "background/tertiary";
596
596
  color: "text/secondary";
@@ -647,7 +647,7 @@ declare const slotRecipes: {
647
647
  height: "32";
648
648
  paddingInline: "6";
649
649
  '&:has(button)': {
650
- paddingInlineEnd: string | number;
650
+ paddingInlineEnd: string;
651
651
  };
652
652
  };
653
653
  startElement: {
package/dist/theme/themeUtils.d.ts CHANGED
@@ -1,5 +1,10 @@
1
1
  import { TextProps } from '@chakra-ui/react/text';
2
2
  export declare const flattenColorTokens: (object: object, prefix?: string) => Record<string, any>;
3
3
  export declare function withSlashes(object: Record<string, any>): Record<string, any>;
4
- export declare const rem: (input: number | string) => number | string;
4
+ /**
5
+ *
6
+ * @param input Value in pixels
7
+ * @returns Value in rems
8
+ */
9
+ export declare const rem: (input: number) => string;
5
10
  export declare const getTextStyle: (as: TextProps["as"]) => string | undefined;
package/dist/theme/themeUtils.js CHANGED
@@ -1,28 +1,25 @@
1
- import { isPlainObject as i } from "es-toolkit";
2
- const a = (e, t = "") => {
1
+ import { isPlainObject as u } from "es-toolkit";
2
+ const i = (e, r = "") => {
3
3
  const n = {}, c = Object.keys(e);
4
- for (let r = 0; r < c.length; r++) {
5
- const o = c[r], s = e[o], l = t ? `${t}/${o}` : o;
6
- if (i(s) && Object.keys(s).length > 0 && Object.keys(s)[0] !== "value") {
7
- Object.assign(n, a(s, l));
4
+ for (let s = 0; s < c.length; s++) {
5
+ const o = c[s], t = e[o], l = r ? `${r}/${o}` : o;
6
+ if (u(t) && Object.keys(t).length > 0 && Object.keys(t)[0] !== "value") {
7
+ Object.assign(n, i(t, l));
8
8
  continue;
9
9
  }
10
- n[l] = s;
10
+ n[l] = t;
11
11
  }
12
12
  return n;
13
13
  };
14
- function f(e) {
14
+ function k(e) {
15
15
  return {
16
16
  ...e,
17
- ...a(e)
17
+ ...i(e)
18
18
  };
19
19
  }
20
- const y = (e) => {
21
- const t = typeof e == "string" ? parseInt(e, 10) : e;
22
- return Number.isNaN(t) ? e : `${t / 16}rem`;
23
- };
20
+ const y = (e) => `${e / 16}rem`;
24
21
  export {
25
- a as flattenColorTokens,
22
+ i as flattenColorTokens,
26
23
  y as rem,
27
- f as withSlashes
24
+ k as withSlashes
28
25
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.121",
4
+ "version": "0.3.123",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",
@@ -60,8 +60,8 @@
60
60
  "@figma-export/output-components-as-svg": "^6.2.4",
61
61
  "@figma-export/transform-svg-with-svgo": "^6.2.4",
62
62
  "@google-cloud/storage": "^7.19.0",
63
- "@storybook/addon-docs": "10.2.11",
64
- "@storybook/react-vite": "10.2.11",
63
+ "@storybook/addon-docs": "10.2.12",
64
+ "@storybook/react-vite": "10.2.12",
65
65
  "@svgr/plugin-jsx": "^8.1.0",
66
66
  "@types/node": "^24.10.13",
67
67
  "@types/react": "^19.2.14",
@@ -72,7 +72,7 @@
72
72
  "react": "^19.2.4",
73
73
  "react-dom": "^19.2.4",
74
74
  "release-it": "^19.2.4",
75
- "storybook": "10.2.11",
75
+ "storybook": "10.2.12",
76
76
  "tsx": "^4.21.0",
77
77
  "typescript": "^5.9.3",
78
78
  "vite": "^7.3.1",