@bitrise/bitkit-v2 0.3.32 → 0.3.34

package/dist/theme/tokens/spacing.d.ts

@@ -0,0 +1,48 @@
+declare const spacing: {
+    "1": {
+        value: string;
+    };
+    "2": {
+        value: string;
+    };
+    "4": {
+        value: string;
+    };
+    "6": {
+        value: string;
+    };
+    "8": {
+        value: string;
+    };
+    "12": {
+        value: string;
+    };
+    "16": {
+        value: string;
+    };
+    "20": {
+        value: string;
+    };
+    "24": {
+        value: string;
+    };
+    "32": {
+        value: string;
+    };
+    "40": {
+        value: string;
+    };
+    "48": {
+        value: string;
+    };
+    "64": {
+        value: string;
+    };
+    "96": {
+        value: string;
+    };
+    "128": {
+        value: string;
+    };
+};
+export default spacing;

package/dist/theme/tokens/zIndex.d.ts

@@ -0,0 +1,30 @@
+declare const zIndex: {
+    base: {
+        value: number;
+    };
+    dialog: {
+        value: number;
+    };
+    dialogOverlay: {
+        value: number;
+    };
+    fullDialog: {
+        value: number;
+    };
+    fullDialogOverlay: {
+        value: number;
+    };
+    header: {
+        value: number;
+    };
+    hide: {
+        value: number;
+    };
+    popover: {
+        value: number;
+    };
+    tooltip: {
+        value: number;
+    };
+};
+export default zIndex;

package/dist/theme/tokens/zIndex.json.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    "base": {
+        "value": 0
+    },
+    "dialog": {
+        "value": 1300
+    },
+    "dialogOverlay": {
+        "value": 1299
+    },
+    "fullDialog": {
+        "value": 1200
+    },
+    "fullDialogOverlay": {
+        "value": 1199
+    },
+    "header": {
+        "value": 1100
+    },
+    "hide": {
+        "value": -1
+    },
+    "popover": {
+        "value": 1400
+    },
+    "tooltip": {
+        "value": 1500
+    }
+}
+;
+
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.32",
+  "version": "0.3.34",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",
@@ -52,6 +52,7 @@
     "theme:watch": "chakra typegen lib/theme/index.ts --watch",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
+    "start": "npm run storybook",
     "type-check": "tsc --noEmit",
     "release": "release-it patch --ci"
   },
@@ -60,20 +61,20 @@
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@chakra-ui/cli": "^3.26.0",
-    "@eslint/compat": "^1.3.2",
-    "@eslint/js": "^9.35.0",
+    "@chakra-ui/cli": "^3.27.0",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/js": "^9.36.0",
     "@google-cloud/storage": "^7.17.1",
-    "@storybook/addon-docs": "^9.1.5",
-    "@storybook/react-vite": "^9.1.5",
-    "@types/node": "^24.3.1",
-    "@types/react": "^19.1.12",
+    "@storybook/addon-docs": "^9.1.7",
+    "@storybook/react-vite": "^9.1.7",
+    "@types/node": "^24.5.2",
+    "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
-    "@typescript-eslint/eslint-plugin": "^8.43.0",
-    "@typescript-eslint/parser": "^8.43.0",
-    "@vitejs/plugin-react": "^5.0.2",
-    "axios": "^1.12.0",
-    "eslint": "^9.35.0",
+    "@typescript-eslint/eslint-plugin": "^8.44.1",
+    "@typescript-eslint/parser": "^8.44.1",
+    "@vitejs/plugin-react": "^5.0.3",
+    "axios": "^1.12.2",
+    "eslint": "^9.36.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
@@ -82,19 +83,19 @@
     "eslint-plugin-unused-imports": "^4.2.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "release-it": "^19.0.4",
-    "storybook": "^9.1.5",
+    "release-it": "^19.0.5",
+    "storybook": "^9.1.7",
     "typescript": "^5.9.2",
-    "vite": "^7.1.5",
+    "vite": "^7.1.7",
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.26.0",
+    "@chakra-ui/react": "^3.27.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@fontsource/figtree": "^5.2.8",
-    "@fontsource/source-code-pro": "^5.2.6",
-    "framer-motion": "^12.23.12"
+    "@fontsource-variable/figtree": "^5.2.10",
+    "@fontsource-variable/source-code-pro": "^5.2.7",
+    "framer-motion": "^12.23.18"
   },
   "publishConfig": {
     "access": "public"

package/dist/atoms/Button/Button.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
-export type ButtonProps = ChakraButtonProps;
-export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/dist/atoms/Button/Button.recepie.d.ts

@@ -1,167 +0,0 @@
-declare const _default: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
-        primary: {
-            bg: "button.primary.bg";
-            color: "button.primary.fg";
-            _hover: {
-                bg: "button.primary.bgHover";
-                color: "button.primary.fgHover";
-                _disabled: {
-                    bg: "button.primary.bgDisabled";
-                    color: "button.primary.fgDisabled";
-                };
-            };
-            _active: {
-                bg: "button.primary.bgActive";
-                color: "button.primary.fgActive";
-            };
-            _disabled: {
-                bg: "button.primary.bgDisabled";
-                color: "button.primary.fgDisabled";
-            };
-        };
-        secondary: {
-            bg: "button.secondary.bg";
-            color: "button.secondary.fg";
-            border: "1px solid";
-            borderColor: "border.strong";
-            borderWidth: "1px";
-            borderStyle: "solid";
-            _hover: {
-                bg: "button.secondary.bgHover";
-                color: "button.secondary.fgHover";
-                borderColor: "border.strong";
-                _disabled: {
-                    bg: "button.secondary.bgDisabled";
-                    color: "button.secondary.fgDisabled";
-                    borderColor: "border.strong";
-                };
-            };
-            _active: {
-                bg: "button.secondary.bgActive";
-                color: "button.secondary.fgActive";
-                borderColor: "border.strong";
-            };
-            _disabled: {
-                bg: "button.secondary.bgDisabled";
-                color: "button.secondary.fgDisabled";
-                borderColor: "border.strong";
-            };
-        };
-        tertiary: {
-            bg: "transparent";
-            color: "button.tertiary.fg";
-            _hover: {
-                bg: "button.tertiary.bgHover";
-                color: "button.tertiary.fgHover";
-                _disabled: {
-                    bg: "transparent";
-                    color: "button.tertiary.fgDisabled";
-                };
-            };
-            _active: {
-                bg: "button.tertiary.bgActive";
-                color: "button.tertiary.fgActive";
-            };
-            _disabled: {
-                bg: "transparent";
-                color: "button.tertiary.fgDisabled";
-            };
-        };
-        'danger-primary': {
-            bg: "button.dangerPrimary.bg";
-            color: "button.dangerPrimary.fg";
-            _hover: {
-                bg: "button.dangerPrimary.bgHover";
-                color: "button.dangerPrimary.fgHover";
-                _disabled: {
-                    bg: "button.dangerPrimary.bgDisabled";
-                    color: "button.dangerPrimary.fgDisabled";
-                };
-            };
-            _active: {
-                bg: "button.dangerPrimary.bgActive";
-                color: "button.dangerPrimary.fgActive";
-            };
-            _disabled: {
-                bg: "button.dangerPrimary.bgDisabled";
-                color: "button.dangerPrimary.fgDisabled";
-            };
-        };
-        'danger-secondary': {
-            bg: "button.dangerSecondary.bg";
-            color: "button.dangerSecondary.fg";
-            border: "1px solid";
-            borderColor: "button.dangerSecondary.border";
-            borderWidth: "1px";
-            borderStyle: "solid";
-            _hover: {
-                bg: "button.dangerSecondary.bgHover";
-                color: "button.dangerSecondary.fgHover";
-                borderColor: "button.dangerSecondary.borderHover";
-                _disabled: {
-                    bg: "button.dangerSecondary.bgDisabled";
-                    color: "button.dangerSecondary.fgDisabled";
-                    borderColor: "button.dangerSecondary.borderDisabled";
-                };
-            };
-            _active: {
-                bg: "button.dangerSecondary.bgActive";
-                color: "button.dangerSecondary.fgActive";
-                borderColor: "button.dangerSecondary.borderActive";
-            };
-            _disabled: {
-                bg: "button.dangerSecondary.bgDisabled";
-                color: "button.dangerSecondary.fgDisabled";
-                borderColor: "button.dangerSecondary.borderDisabled";
-            };
-        };
-        'danger-tertiary': {
-            bg: "transparent";
-            color: "button.dangerTertiary.fg";
-            _hover: {
-                bg: "button.dangerTertiary.bgHover";
-                color: "button.dangerTertiary.fgHover";
-                _disabled: {
-                    bg: "transparent";
-                    color: "button.dangerTertiary.fgDisabled";
-                };
-            };
-            _active: {
-                bg: "button.dangerTertiary.bgActive";
-                color: "button.dangerTertiary.fgActive";
-            };
-            _disabled: {
-                bg: "transparent";
-                color: "button.dangerTertiary.fgDisabled";
-            };
-        };
-    };
-    size: {
-        sm: {
-            fontSize: "sm";
-            height: "32px";
-            minWidth: "32px";
-            paddingX: "3";
-            paddingY: "2";
-            lineHeight: "tight";
-        };
-        md: {
-            fontSize: "sm";
-            height: "40px";
-            minWidth: "40px";
-            paddingX: "4";
-            paddingY: "2.5";
-            lineHeight: "tight";
-        };
-        lg: {
-            fontSize: "md";
-            height: "48px";
-            minWidth: "48px";
-            paddingX: "6";
-            paddingY: "3";
-            lineHeight: "normal";
-        };
-    };
-}>;
-export default _default;

package/dist/atoms/Button/index.d.ts

@@ -1,2 +0,0 @@
-export type { ButtonProps } from './Button';
-export { Button } from './Button';

package/dist/atoms/index.d.ts

@@ -1 +0,0 @@
-export * from './Button';