@bitrise/bitkit-v2 0.3.74 → 0.3.76

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 (17) hide show
  1. package/dist/components/BitkitActionBar/BitkitActionBar.d.ts +9 -0
  2. package/dist/components/BitkitCloseButton/BitkitCloseButton.d.ts +0 -2
  3. package/dist/components/BitkitCloseButton/BitkitCloseButton.js +20 -9
  4. package/dist/components/BitkitSelect/BitkitSelect.d.ts +19 -0
  5. package/dist/components/BitkitSelect/BitkitSelect.js +52 -0
  6. package/dist/components/index.d.ts +1 -0
  7. package/dist/main.js +1070 -1068
  8. package/dist/theme/recipes/CloseButton.recipe.d.ts +0 -4
  9. package/dist/theme/recipes/CloseButton.recipe.js +1 -1
  10. package/dist/theme/recipes/index.d.ts +0 -4
  11. package/dist/theme/slot-recipes/ActionBar.recipe.d.ts +26 -0
  12. package/dist/theme/slot-recipes/ActionBar.recipe.js +68 -0
  13. package/dist/theme/slot-recipes/{NativeSelect.d.ts → NativeSelect.recipe.d.ts} +1 -1
  14. package/dist/theme/slot-recipes/{NativeSelect.js → NativeSelect.recipe.js} +10 -3
  15. package/dist/theme/slot-recipes/index.d.ts +26 -1
  16. package/dist/theme/slot-recipes/index.js +16 -14
  17. package/package.json +2 -2
package/dist/theme/recipes/CloseButton.recipe.d.ts CHANGED
@@ -3,10 +3,6 @@ declare const closeButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
3
3
  xs: {
4
4
  h: "24";
5
5
  w: "24";
6
- '& > svg': {
7
- h: "16";
8
- w: "16";
9
- };
10
6
  };
11
7
  sm: {
12
8
  h: "32";
package/dist/theme/recipes/CloseButton.recipe.js CHANGED
@@ -27,7 +27,7 @@ const r = e({
27
27
  },
28
28
  variants: {
29
29
  size: {
30
- xs: { h: "24", w: "24", "& > svg": { h: "16", w: "16" } },
30
+ xs: { h: "24", w: "24" },
31
31
  sm: { h: "32", w: "32" },
32
32
  md: { h: "40", w: "40" }
33
33
  }
package/dist/theme/recipes/index.d.ts CHANGED
@@ -41,10 +41,6 @@ declare const recipes: {
41
41
  xs: {
42
42
  h: "24";
43
43
  w: "24";
44
- '& > svg': {
45
- h: "16";
46
- w: "16";
47
- };
48
44
  };
49
45
  sm: {
50
46
  h: "32";
package/dist/theme/slot-recipes/ActionBar.recipe.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ declare const actionBarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "positioner" | "selectionTrigger" | "closeTrigger", {
2
+ size: {
3
+ md: {
4
+ content: {
5
+ padding: "12";
6
+ paddingInlineStart: "16";
7
+ gap: "12";
8
+ };
9
+ };
10
+ sm: {
11
+ content: {
12
+ padding: "8";
13
+ paddingInlineStart: "12";
14
+ gap: "8";
15
+ };
16
+ };
17
+ xs: {
18
+ content: {
19
+ padding: "8";
20
+ paddingInlineStart: "12";
21
+ gap: "8";
22
+ };
23
+ };
24
+ };
25
+ }>;
26
+ export default actionBarSlotRecipe;
package/dist/theme/slot-recipes/ActionBar.recipe.js ADDED
@@ -0,0 +1,68 @@
1
+ import { actionBarAnatomy as t } from "@chakra-ui/react/anatomy";
2
+ import { defineSlotRecipe as n } from "@chakra-ui/react/styled-system";
3
+ const e = n({
4
+ slots: t.keys(),
5
+ className: "action-bar",
6
+ base: {
7
+ positioner: {
8
+ position: "fixed",
9
+ display: "flex",
10
+ justifyContent: "center",
11
+ pointerEvents: "none",
12
+ insetInline: "0",
13
+ top: "unset",
14
+ bottom: "calc(env(safe-area-inset-bottom) + 20px)"
15
+ },
16
+ content: {
17
+ display: "flex",
18
+ alignItems: "center",
19
+ boxShadow: "large",
20
+ pointerEvents: "auto",
21
+ border: "1px solid",
22
+ borderColor: "border/minimal",
23
+ borderRadius: "8",
24
+ backgroundColor: "background/primary",
25
+ _open: {
26
+ animationName: "slide-from-bottom, fade-in",
27
+ animationDuration: "moderate"
28
+ },
29
+ _closed: {
30
+ animationName: "slide-to-bottom, fade-out",
31
+ animationDuration: "faster"
32
+ }
33
+ },
34
+ separator: {
35
+ width: "1",
36
+ height: "24",
37
+ bg: "border/minimal"
38
+ }
39
+ },
40
+ variants: {
41
+ size: {
42
+ md: {
43
+ content: {
44
+ padding: "12",
45
+ paddingInlineStart: "16",
46
+ gap: "12"
47
+ }
48
+ },
49
+ sm: {
50
+ content: {
51
+ padding: "8",
52
+ paddingInlineStart: "12",
53
+ gap: "8"
54
+ }
55
+ },
56
+ xs: {
57
+ content: {
58
+ padding: "8",
59
+ paddingInlineStart: "12",
60
+ gap: "8"
61
+ }
62
+ }
63
+ }
64
+ }
65
+ });
66
+ export {
67
+ e as default
68
+ };
package/dist/theme/slot-recipes/{NativeSelect.d.ts → NativeSelect.recipe.d.ts} RENAMED
@@ -1,4 +1,4 @@
1
- declare const nativeSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator", {
1
+ declare const nativeSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator" | "statusIcon", {
2
2
  size: {
3
3
  md: {
4
4
  field: {
package/dist/theme/slot-recipes/{NativeSelect.js → NativeSelect.recipe.js} RENAMED
@@ -1,9 +1,9 @@
1
1
  import { nativeSelectAnatomy as e } from "@chakra-ui/react/anatomy";
2
2
  import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
3
3
  import { rem as o } from "../themeUtils.js";
4
- const l = r({
4
+ const a = r({
5
5
  className: "native-select",
6
- slots: e.keys(),
6
+ slots: [...e.keys(), "statusIcon"],
7
7
  base: {
8
8
  root: {
9
9
  height: "fit-content",
@@ -42,6 +42,13 @@ const l = r({
42
42
  color: "input/text/placeholder"
43
43
  }
44
44
  },
45
+ statusIcon: {
46
+ position: "absolute",
47
+ top: "50%",
48
+ right: o(48),
49
+ transform: "translateY(-50%)",
50
+ pointerEvents: "none"
51
+ },
45
52
  indicator: {
46
53
  position: "absolute",
47
54
  top: "50%",
@@ -76,5 +83,5 @@ const l = r({
76
83
  }
77
84
  });
78
85
  export {
79
- l as default
86
+ a as default
80
87
  };
package/dist/theme/slot-recipes/index.d.ts CHANGED
@@ -1,4 +1,29 @@
1
1
  declare const slotRecipes: {
2
+ actionBar: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "positioner" | "selectionTrigger" | "closeTrigger", {
3
+ size: {
4
+ md: {
5
+ content: {
6
+ padding: "12";
7
+ paddingInlineStart: "16";
8
+ gap: "12";
9
+ };
10
+ };
11
+ sm: {
12
+ content: {
13
+ padding: "8";
14
+ paddingInlineStart: "12";
15
+ gap: "8";
16
+ };
17
+ };
18
+ xs: {
19
+ content: {
20
+ padding: "8";
21
+ paddingInlineStart: "12";
22
+ gap: "8";
23
+ };
24
+ };
25
+ };
26
+ }>;
2
27
  emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
3
28
  colorScheme: {
4
29
  white: {
@@ -14,7 +39,7 @@ declare const slotRecipes: {
14
39
  };
15
40
  }>;
16
41
  field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">>;
17
- nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator", {
42
+ nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator" | "statusIcon", {
18
43
  size: {
19
44
  md: {
20
45
  field: {
package/dist/theme/slot-recipes/index.js CHANGED
@@ -1,19 +1,21 @@
1
- import t from "./EmptyState.recipe.js";
2
- import e from "./Field.recipe.js";
3
- import o from "./NativeSelect.js";
4
- import { numberInputSlotRecipe as i } from "./NumberInput.recipe.js";
5
- import p from "./Switch.recipe.js";
1
+ import t from "./ActionBar.recipe.js";
2
+ import e from "./EmptyState.recipe.js";
3
+ import o from "./Field.recipe.js";
4
+ import i from "./NativeSelect.recipe.js";
5
+ import { numberInputSlotRecipe as p } from "./NumberInput.recipe.js";
6
+ import r from "./Switch.recipe.js";
6
7
  import m from "./Tabs.recipe.js";
7
- import r from "./Tooltip.recipe.js";
8
- const n = {
9
- emptyState: t,
10
- field: e,
11
- nativeSelect: o,
12
- numberInput: i,
13
- switch: p,
8
+ import c from "./Tooltip.recipe.js";
9
+ const b = {
10
+ actionBar: t,
11
+ emptyState: e,
12
+ field: o,
13
+ nativeSelect: i,
14
+ numberInput: p,
15
+ switch: r,
14
16
  tabs: m,
15
- tooltip: r
17
+ tooltip: c
16
18
  };
17
19
  export {
18
- n as default
20
+ b 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.74",
4
+ "version": "0.3.76",
5
5
  "description": "Bitrise Design System Components built with Chakra UI v3",
6
6
  "keywords": [
7
7
  "react",
@@ -65,7 +65,7 @@
65
65
  "@svgr/plugin-jsx": "^8.1.0",
66
66
  "@types/node": "^24.10.1",
67
67
  "@types/react-dom": "^19.2.3",
68
- "@types/react": "^19.2.6",
68
+ "@types/react": "^19.2.7",
69
69
  "@vitejs/plugin-react": "^5.1.1",
70
70
  "axios": "^1.13.2",
71
71
  "es-toolkit": "^1.42.0",