@bitrise/bitkit-v2 0.3.39 → 0.3.41

package/dist/theme/text-styles.d.ts

@@ -1,2 +1,581 @@
+export declare const dataObject: {
+    'display/lg': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'display/sm': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/h1': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/h2': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/h3': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/h4': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/h5': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/h6': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    'heading/mobile/h1': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/mobile/h2': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'heading/mobile/h3': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/sm/regular': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'body/sm/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'body/md/regular': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/md/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/md/underline': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'body/lg/regular': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/lg/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/lg/underline': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'body/xl/regular': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/xl/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/2xl/regular': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/2xl/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/3xl/regular': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'body/3xl/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'code/md': {
+        value: {
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    'code/lg': {
+        value: {
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    'comp/button/sm': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/button/md': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/button/lg': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/notification/title': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/notification/message': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/notification/message-link': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'comp/notification/button': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/input/label': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/input/helperText': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'comp/link/md': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/link/md-hover': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'comp/link/lg': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/link/lg-hover': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'comp/data/sm': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/data/md': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/data/lg': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/tabs/line': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/tabs/contained': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/tabs/contained-secondary': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/tag/sm': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'comp/tag/md': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/badge/sm': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    'comp/dialog/title': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'comp/dialog/label': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    'mono/code-2': {
+        value: {
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    'mono/code-3': {
+        value: {
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    'sans/size-1/normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'sans/size-1/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'sans/size-1/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+        };
+    };
+    'sans/size-1/uppercase-bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    'sans/size-2/normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-2/normal-underline': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'sans/size-2/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-2/semibold-underline': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'sans/size-2/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-2/uppercase-normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    'sans/size-2/uppercase-semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            textTransform: string;
+        };
+    };
+    'sans/size-3/normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-3/normal-underline': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'sans/size-3/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-3/semibold-underline': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+            textDecoration: string;
+        };
+    };
+    'sans/size-3/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-4/normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-4/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-4/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-5/normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-5/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-5/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-6/normal': {
+        value: {
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-6/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-6/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-7/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-7/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-8/semibold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    'sans/size-8/bold': {
+        value: {
+            fontWeight: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+};
 declare const textStyles: import('@chakra-ui/react').TextStyles;
 export default textStyles;

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

@@ -0,0 +1,6 @@
+declare const animations: {
+    spin: {
+        value: string;
+    };
+};
+export default animations;

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

@@ -1,4 +1,9 @@
 declare const tokens: {
+    animations: {
+        spin: {
+            value: string;
+        };
+    };
     colors: Record<string, any>;
     fonts: {
         body: {

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

@@ -0,0 +1,2 @@
+declare const keyframes: import('@chakra-ui/react').CssKeyframes;
+export default keyframes;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.39",
+  "version": "0.3.41",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",
@@ -28,6 +28,21 @@
       "import": "./dist/bitkit-v2.js",
       "require": "./dist/bitkit-v2.umd.cjs"
     },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js",
+      "require": "./dist/icons/index.cjs"
+    },
+    "./icons/16x16": {
+      "types": "./dist/icons/16x16/index.d.ts",
+      "import": "./dist/icons/16x16/index.js",
+      "require": "./dist/icons/16x16/index.cjs"
+    },
+    "./icons/24x24": {
+      "types": "./dist/icons/24x24/index.d.ts",
+      "import": "./dist/icons/24x24/index.js",
+      "require": "./dist/icons/24x24/index.cjs"
+    },
     "./css": {
       "import": "./dist/bitkit-v2.css",
       "require": "./dist/bitkit-v2.css"
@@ -54,7 +69,10 @@
     "lint:fix": "eslint . --fix",
     "start": "npm run storybook",
     "type-check": "tsc --noEmit",
-    "release": "release-it patch --ci"
+    "release": "release-it patch --ci",
+    "pregenerate:icons": "figma-export use-config",
+    "generate:icons": "tsx ./lib/scripts/generateIconComponents.ts",
+    "postgenerate:icons": "eslint ./lib/icons --fix"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -63,21 +81,27 @@
   "devDependencies": {
     "@bitrise/eslint-plugin": "^4.0.4",
     "@chakra-ui/cli": "^3.28.0",
+    "@figma-export/cli": "^6.2.3",
+    "@figma-export/output-components-as-svg": "^6.2.3",
+    "@figma-export/transform-svg-with-svgo": "^6.2.3",
     "@google-cloud/storage": "^7.17.2",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/react-vite": "^9.1.13",
+    "@storybook/addon-docs": "^9.1.15",
+    "@storybook/react-vite": "^9.1.15",
+    "@svgr/plugin-jsx": "^8.1.0",
     "@types/node": "^24.9.1",
-    "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
-    "@vitejs/plugin-react": "^5.0.4",
-    "axios": "^1.12.2",
-    "react": "^19.2.0",
+    "@types/react": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "axios": "^1.13.0",
     "react-dom": "^19.2.0",
+    "react": "^19.2.0",
     "release-it": "^19.0.5",
-    "storybook": "^9.1.13",
+    "storybook": "^9.1.15",
+    "tsx": "^4.20.6",
     "typescript": "^5.9.3",
-    "vite": "^7.1.11",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.5.0",
+    "vite": "^7.1.12"
   },
   "dependencies": {
     "@chakra-ui/react": "^3.28.0",
@@ -85,6 +109,7 @@
     "@emotion/styled": "^11.14.1",
     "@fontsource-variable/figtree": "^5.2.10",
     "@fontsource-variable/source-code-pro": "^5.2.7",
+    "es-toolkit": "^1.41.0",
     "framer-motion": "^12.23.24"
   },
   "publishConfig": {