@bitrise/bitkit 10.11.0-alpha-chakra.1 → 10.11.0-alpha-chakra.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "10.11.0-alpha-chakra.1",
+  "version": "10.11.0-alpha-chakra.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

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

@@ -23,6 +23,10 @@ const AccordionTheme: ComponentStyleConfig = {
       _disabled: {
         pointerEvents: 'none',
       },
+      _focusVisible: {
+        background: 'purple.95',
+        boxShadow: 'none',
+      },
     },
     icon: {
       width: '24',

package/src/Components/Accordion/Accordion.tsx

@@ -8,7 +8,7 @@ import {
 
 export interface AccordionProps extends Omit<ChakraAccordionProps, 'onChange'> {
   colorScheme?: 'white' | 'gray';
-  onChange: (ids: string[], indexes: number[]) => void;
+  onChange?: (ids: string[], indexes: number[]) => void;
 }
 
 const getItemIds = (props: AccordionProps) => {
@@ -26,11 +26,13 @@ const Accordion = (props: AccordionProps) => {
   const itemIds = getItemIds(props);
 
   const onAccordionChange = (indexes: ExpandedIndex) => {
-    const indexArray = Object.values(indexes).sort();
-    onChange(
-      indexArray.map((i: number) => itemIds[i]),
-      indexArray,
-    );
+    if (onChange) {
+      const indexArray = Object.values(indexes).sort();
+      onChange(
+        indexArray.map((i: number) => itemIds[i]),
+        indexArray,
+      );
+    }
   };
 
   return (