@bitrise/bitkit 13.325.0 → 13.327.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.325.0",
+  "version": "13.327.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
@@ -38,10 +38,10 @@
     "chakra-ui-2--theme": "npm:@chakra-ui/theme@3.4.9",
     "chakra-ui-2--theme-tools": "npm:@chakra-ui/theme-tools@2.2.9",
     "clsx": "^2.1.1",
-    "framer-motion": "^12.23.24",
+    "framer-motion": "^12.25.0",
     "luxon": "^3.7.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-focus-lock": "2.13.7",
     "react-imask": "^7.6.1",
     "react-markdown": "^10.1.0"
@@ -56,14 +56,14 @@
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@bitrise/eslint-plugin": "^2.12.0",
-    "@google-cloud/storage": "^7.17.3",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-links": "^9.1.16",
+    "@google-cloud/storage": "^7.18.0",
+    "@storybook/addon-docs": "^9.1.17",
+    "@storybook/addon-links": "^9.1.17",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react-webpack5": "^9.1.16",
+    "@storybook/react-webpack5": "^9.1.17",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
     "@types/luxon": "^3.7.1",
@@ -79,11 +79,11 @@
     "jest-environment-jsdom": "^29.7.0",
     "jsdom": "26.1.0",
     "lodash": "^4.17.21",
-    "prettier": "^3.7.3",
-    "react-hook-form": "^7.67.0",
-    "release-it": "^19.0.6",
-    "storybook": "^9.1.16",
-    "ts-jest": "^29.4.5",
+    "prettier": "^3.7.4",
+    "react-hook-form": "^7.70.0",
+    "release-it": "^19.2.3",
+    "storybook": "^9.1.17",
+    "ts-jest": "^29.4.6",
     "typescript": "^5.9.3"
   },
   "files": [

package/src/Components/Icons/16x16/BuildEnvSetup.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, Icon, IconProps } from 'chakra-ui-2--react';
+
+const BuildEnvSetup = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.3721 6.71387C12.9165 6.88799 13.4161 7.16252 13.8486 7.5166L14.0918 7.71484L13.8047 8.91211C13.9455 9.10106 14.0663 9.3049 14.167 9.52051L15.3682 9.87891L15.4238 10.1797C15.4725 10.4434 15.5 10.7176 15.5 11C15.5 11.281 15.4735 11.5549 15.4248 11.8193L15.3691 12.1211L14.168 12.4756C14.0672 12.692 13.9448 12.8954 13.8037 13.085L14.0918 14.2842L13.8486 14.4824C13.4164 14.8364 12.9171 15.1118 12.3721 15.2861L12.0898 15.376L11.876 15.1719L11.1621 14.4951L11 14.5C10.8755 14.5 10.7532 14.4913 10.6328 14.4785L9.96094 15.1162L9.73535 15.3291L9.44434 15.2217C8.88338 15.0149 8.37465 14.7011 7.94434 14.3027L7.72949 14.1035L8.03027 12.8477C7.97055 12.7524 7.91507 12.6537 7.86426 12.5518L6.93652 12.2764L6.64844 12.1904L6.58887 11.8955C6.53026 11.6054 6.5 11.3058 6.5 11C6.5 10.6938 6.52983 10.3929 6.58887 10.1016L6.64844 9.80762L7.86523 9.44531C7.91585 9.34408 7.97091 9.246 8.03027 9.15137L7.79785 8.17871L7.72949 7.89453L7.94434 7.69531C8.37475 7.29715 8.88402 6.98386 9.44434 6.77734L9.73535 6.66992L9.96094 6.88281L10.6328 7.51953C10.7537 7.50693 10.8762 7.5 11 7.5L11.1602 7.50391L12.0908 6.62402L12.3721 6.71387ZM11 9.75C10.3097 9.75006 9.75 10.3097 9.75 11C9.75 11.6903 10.3097 12.2499 11 12.25C11.6904 12.25 12.25 11.6904 12.25 11C12.25 10.3096 11.6904 9.75 11 9.75Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.5 1C14.3284 1 15 1.67157 15 2.5V7.23047C14.57 6.77408 14.0635 6.39196 13.5 6.10352V5.25H2.5V12H5.59473C5.69238 12.5309 5.8651 13.0343 6.10352 13.5H2.5C1.67157 13.5 1 12.8284 1 12V2.5C1 1.67157 1.67157 1 2.5 1H13.5ZM2.5 3.75H13.5V2.5H2.5V3.75Z"
+      fill="currentColor"
+    />
+    <path
+      d="M6.45801 7.89746C6.04014 8.50802 5.74276 9.20722 5.59863 9.96094L4.53027 11.0303L3.46973 9.96973L4.93945 8.5L3.46973 7.03027L4.53027 5.96973L6.45801 7.89746Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default BuildEnvSetup;

package/src/Components/Icons/16x16/index.ts

@@ -46,6 +46,7 @@ export { default as Bug } from './Bug';
 export { default as Build } from './Build';
 export { default as BuildCache } from './BuildCache';
 export { default as BuildCacheSolid } from './BuildCacheSolid';
+export { default as BuildEnvSetup } from './BuildEnvSetup';
 export { default as AbortCircle } from './AbortCircle';
 export { default as AbortCircleFilled } from './AbortCircleFilled';
 export { default as CrossCircleFilled } from './CrossCircleFilled';

package/src/Components/Icons/24x24/BuildEnvSetup.tsx

@@ -0,0 +1,24 @@
+import { forwardRef, Icon, IconProps } from 'chakra-ui-2--react';
+
+const BuildEnvSetup = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19.165 12.2578C19.9325 12.5013 20.6274 12.9074 21.208 13.4375L21.4258 13.6367L21.3574 13.9238L21.0566 15.1729C21.1424 15.3038 21.2209 15.4397 21.292 15.5801L22.8076 16.0303L22.8711 16.3184C22.9543 16.6981 23 17.0936 23 17.5C23 17.9061 22.954 18.3006 22.8711 18.6797L22.8086 18.9688L21.292 19.418C21.2212 19.5581 21.1432 19.6942 21.0576 19.8252L21.4258 21.3623L21.208 21.5615C20.6276 22.0916 19.933 22.4985 19.165 22.7422L18.8838 22.8311L18.6699 22.6289L17.7344 21.7422L17.501 21.75C17.4213 21.75 17.3428 21.7468 17.2656 21.7422L16.3311 22.6289L16.1172 22.8311L15.8359 22.7422C15.068 22.4985 14.3728 22.0921 13.792 21.5615L13.5742 21.3623L13.9414 19.8242C13.856 19.6937 13.7779 19.558 13.707 19.418L12.1914 18.9678L12.1289 18.6787C12.0462 18.3002 12 17.9059 12 17.5C12 17.0939 12.046 16.6993 12.1289 16.3203L12.1914 16.0312L12.4746 15.9473L13.707 15.5801C13.7779 15.4402 13.856 15.3044 13.9414 15.1738L13.5742 13.6367L13.792 13.4375C14.3729 12.9069 15.0685 12.5013 15.8359 12.2578L16.1172 12.1689L17.2656 13.2559C17.3433 13.2515 17.4218 13.25 17.501 13.25C17.5795 13.25 17.6574 13.2515 17.7344 13.2559L18.8838 12.1689L19.165 12.2578ZM17.501 16C16.6725 16 16.001 16.6716 16.001 17.5C16.001 18.3284 16.6725 19 17.501 19C18.3292 18.9997 19.001 18.3283 19.001 17.5C19.001 16.6717 18.3292 16.0003 17.501 16Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20 3C21.1046 3 22 3.89543 22 5V12.8115C21.4243 12.2588 20.748 11.81 20 11.498V9H4V19H11.1758C11.3461 19.7207 11.6364 20.3943 12.0244 21H4C2.89543 21 2 20.1046 2 19V5C2 3.89543 2.89543 3 4 3H20ZM4 7H20V5H4V7Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11.4141 14L7.70703 17.707L6.29297 16.293L8.58594 14L6.29297 11.707L7.70703 10.293L11.4141 14Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default BuildEnvSetup;

package/src/Components/Icons/24x24/index.ts

@@ -46,6 +46,7 @@ export { default as Bug } from './Bug';
 export { default as Build } from './Build';
 export { default as BuildCache } from './BuildCache';
 export { default as BuildCacheSolid } from './BuildCacheSolid';
+export { default as BuildEnvSetup } from './BuildEnvSetup';
 export { default as AbortCircle } from './AbortCircle';
 export { default as AbortCircleFilled } from './AbortCircleFilled';
 export { default as DoubleCircle } from './DoubleCircle';

package/src/Patterns/NoteCard/NoteCard.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useState } from 'react';
+import { isValidElement, ReactNode, useState } from 'react';
 import { useMultiStyleConfig, useStyleConfig } from 'chakra-ui-2--react';
 import Icon, { TypeIconName } from '../../Components/Icon/Icon';
 import { NOTIFICATION_STATUSES, NotificationProps } from '../../Components/Notification/Notification';
@@ -88,7 +88,7 @@ const NoteCard = ({ action, details, status, statusIconName, message, title, ...
             </Text>
           )}
           <Box textStyle="body/md/regular" color={title ? '' : (color as TextProps['color'])}>
-            <Text>{message}</Text>
+            {isValidElement(message) ? message : <Text>{message}</Text>}
             {details && (
               <>
                 <Collapse in={isDetailsOpen}>