@bitrise/bitkit 13.8.0 → 13.10.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.8.0",
+  "version": "13.10.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
@@ -38,7 +38,7 @@
     "@floating-ui/react-dom-interactions": "^0.8.1",
     "@fontsource/figtree": "^5.0.18",
     "@fontsource/source-code-pro": "^5.0.16",
-    "framer-motion": "^11.0.6",
+    "framer-motion": "^11.0.8",
     "luxon": "^3.4.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -51,8 +51,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@babel/preset-env": "^7.23.9",
+    "@babel/core": "^7.24.0",
+    "@babel/preset-env": "^7.24.0",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@bitrise/eslint-plugin": "^2.7.0",
@@ -73,7 +73,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/luxon": "^3.4.2",
-    "@types/react": "^18.2.60",
+    "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "@typescript-eslint/eslint-plugin": "^7.1.0",
     "@typescript-eslint/parser": "^7.1.0",

package/src/Components/Accordion/Accordion.theme.ts

@@ -0,0 +1,37 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+
+const AccordionTheme: ComponentStyleConfig = {
+  baseStyle: {
+    button: {
+      _hover: {
+        background: 'background/hover',
+      },
+      _active: {
+        background: 'background/active',
+      },
+      alignItems: 'center',
+      display: 'flex',
+      justifyContent: 'space-between',
+      padding: '16',
+      width: '100%',
+    },
+    icon: {
+      height: '24',
+      marginLeft: '16',
+      width: '24',
+    },
+    item: {
+      borderTop: '1px solid',
+      borderTopColor: 'border/regular',
+    },
+    panel: {
+      padding: '16',
+    },
+    root: {
+      borderBottom: '1px solid',
+      borderBottomColor: 'border/regular',
+    },
+  },
+};
+
+export default AccordionTheme;

package/src/Components/Filter/Filter.tsx

@@ -183,7 +183,7 @@ const Filter = (props: FilterProps) => {
             {showSearch && (
               <>
                 <Divider flexShrink="0" orientation="vertical" size="1" variant="solid" />
-                <FilterSearch onChange={onFilterChange} value={(cleanState.Search && cleanState.Search[0]) || ''} />
+                <FilterSearch onChange={onFilterChange} value={(cleanState.search && cleanState.search[0]) || ''} />
               </>
             )}
           </Box>

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

@@ -1,12 +1,12 @@
 import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
 
 const LockOpen = forwardRef<IconProps, 'svg'>((props, ref) => (
-  <Icon ref={ref} viewBox="0 0 16 20" {...props}>
-    <path d="M7.25 11.5V9.5H8.75V11.5H7.25Z" fill="#2B0E3F" />
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M7.25 11.5V9.5H8.75V11.5H7.25Z" fill="currentColor" />
     <path
       clipRule="evenodd"
       d="M6.25 4.5C6.25 3.5335 7.0335 2.75 8 2.75C8.9665 2.75 9.75 3.5335 9.75 4.5V6H4C3.17157 6 2.5 6.67157 2.5 7.5V13.5C2.5 14.3284 3.17157 15 4 15H11.985C12.8193 15 13.4932 14.3193 13.485 13.4851L13.4254 7.48511C13.4172 6.66253 12.7481 6 11.9255 6H11.25V4.5C11.25 2.70507 9.79493 1.25 8 1.25C6.20507 1.25 4.75 2.70507 4.75 4.5H6.25ZM4 7.5L4 13.5L11.985 13.5L11.9255 7.5L4 7.5Z"
-      fill="#2B0E3F"
+      fill="currentColor"
       fillRule="evenodd"
     />
   </Icon>

package/src/Components/components.theme.ts

@@ -1,4 +1,5 @@
 import Alert from './Alert/Alert.theme';
+import Accordion from './Accordion/Accordion.theme';
 import Avatar from './Avatar/Avatar.theme';
 import Badge from './Badge/Badge.theme';
 import Breadcrumb from './Breadcrumb/Breadcrumb.theme';
@@ -48,6 +49,7 @@ import FilterSwitch from './Filter/FilterSwitch/FilterSwitch.theme';
 import TagsInput from './Form/TagsInput/TagsInput.theme';
 
 const components = {
+  Accordion,
   Avatar,
   Badge,
   Breadcrumb,