@bitrise/bitkit 11.6.0 → 12.0.0

package/package.json

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

package/src/Components/Accordion/Accordion.tsx

@@ -4,10 +4,7 @@ import {
   usePrefersReducedMotion,
 } from '@chakra-ui/react';
 
-export type AccordionButtonSize = 'sm' | 'md';
-
 export type AccordionProps = Omit<ChakraAccordionProps, 'defaultIndex'> & {
-  buttonSize?: AccordionButtonSize;
   defaultIndex: number[];
 };
 
@@ -16,15 +13,12 @@ export type AccordionProps = Omit<ChakraAccordionProps, 'defaultIndex'> & {
  */
 const Accordion = (props: AccordionProps) => {
   const prefersReducedMotion = usePrefersReducedMotion({ ssr: false });
-  const { buttonSize = 'md', children, colorScheme, defaultIndex, variant, ...rest } = props;
+  const { children, defaultIndex, ...rest } = props;
 
   return (
     <ChakraAccordion
       allowMultiple
       allowToggle
-      buttonSize={buttonSize}
-      colorScheme={colorScheme}
-      variant={variant}
       reduceMotion={prefersReducedMotion}
       defaultIndex={defaultIndex}
       {...rest}

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

@@ -1,7 +1,6 @@
 import { StyleFunctionProps } from '@chakra-ui/styled-system';
 import type { ComponentStyleConfig } from '@chakra-ui/theme';
 import { CSSObject } from '@emotion/react';
-import { AccordionButtonSize } from '../Accordion/Accordion';
 
 type ColorObj = {
   [key: string]: {
@@ -127,12 +126,7 @@ const LegacyBaseStyle: ({ colorScheme, variant }: Pick<StyleFunctionProps, 'colo
   },
 });
 
-const buttonPaddingBlockSizes: Record<AccordionButtonSize, string> = {
-  sm: '12',
-  md: '20',
-};
-
-const BaseStyle: (buttonSize: AccordionButtonSize) => CSSObject = (buttonSize) => ({
+const BaseStyle: () => CSSObject = () => ({
   item: {
     borderTop: '1px solid',
     borderTopColor: 'neutral.90',
@@ -142,8 +136,7 @@ const BaseStyle: (buttonSize: AccordionButtonSize) => CSSObject = (buttonSize) =
     alignItems: 'center',
     justifyContent: 'space-between',
     width: '100%',
-    paddingInline: '16',
-    paddingBlock: buttonPaddingBlockSizes[buttonSize],
+    padding: '16',
     borderColor: 'neutral.93',
     _hover: {
       background: 'neutral.93',
@@ -158,8 +151,7 @@ const BaseStyle: (buttonSize: AccordionButtonSize) => CSSObject = (buttonSize) =
     marginLeft: '16',
   },
   panel: {
-    paddingBlockEnd: '16',
-    paddingInline: '16',
+    padding: '16',
   },
   root: {
     borderBottom: '1px solid',
@@ -168,10 +160,8 @@ const BaseStyle: (buttonSize: AccordionButtonSize) => CSSObject = (buttonSize) =
 });
 
 const AccordionTheme: ComponentStyleConfig = {
-  baseStyle: ({ buttonSize, colorScheme, variant }) => {
-    return variant === 'legacy' || variant === 'flat'
-      ? LegacyBaseStyle({ colorScheme, variant })
-      : BaseStyle(buttonSize);
+  baseStyle: ({ colorScheme, variant }) => {
+    return variant === 'legacy' || variant === 'flat' ? LegacyBaseStyle({ colorScheme, variant }) : BaseStyle();
   },
 };