@bitrise/bitkit 12.17.1 → 12.17.3

package/package.json

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

package/src/Components/CloseButton/CloseButton.tsx

@@ -3,6 +3,7 @@ import {
   CloseButton as ChakraCloseButton,
   CloseButtonProps as ChakraCloseButtonProps,
 } from '@chakra-ui/react';
+import Icon from '../Icon/Icon';
 import CloseButtonTheme from './CloseButton.theme';
 
 type ThemeArguments = Parameters<(typeof CloseButtonTheme)['baseStyle']>[0];
@@ -12,7 +13,9 @@ export interface CloseButtonProps extends ChakraCloseButtonProps {
 }
 
 const CloseButton = forwardRef<CloseButtonProps, 'button'>((props, ref) => (
-  <ChakraCloseButton ref={ref} {...CloseButtonTheme.defaultProps} {...props} />
+  <ChakraCloseButton ref={ref} {...CloseButtonTheme.defaultProps} {...props}>
+    <Icon name="CloseSmall" />
+  </ChakraCloseButton>
 ));
 
 export default CloseButton;

package/src/Components/Dialog/Dialog.theme.ts

@@ -28,10 +28,6 @@ const DialogTheme: ComponentStyleConfig = {
       position: 'absolute',
       top: '22',
       right: '22',
-      width: '40',
-      height: '40',
-      padding: '8',
-      borderRadius: '8',
     },
     body: {
       flex: 1,

package/src/Components/Dialog/Dialog.tsx

@@ -59,7 +59,7 @@ const Dialog: ComponentWithAs<'section', DialogProps> = ({
                 {title}
               </Text>
             </ModalHeader>
-            <ModalCloseButton isDisabled={!isClosable}>
+            <ModalCloseButton isDisabled={!isClosable} size="large">
               <Icon name="CloseSmall" />
             </ModalCloseButton>
           </>

package/src/Components/Icons/16x16/{Unlock.tsx → LockOpen.tsx}

@@ -1,6 +1,6 @@
 import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
 
-const Unlock = forwardRef<IconProps, 'svg'>((props, ref) => (
+const LockOpen = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 16 20" {...props}>
     <path d="M7 15V12H9V15H7Z" fill="currentColor" />
     <path
@@ -12,4 +12,4 @@ const Unlock = forwardRef<IconProps, 'svg'>((props, ref) => (
   </Icon>
 ));
 
-export default Unlock;
+export default LockOpen;

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

@@ -104,6 +104,7 @@ export { default as Laptop } from './Laptop';
 export { default as Lightbulb } from './Lightbulb';
 export { default as Link } from './Link';
 export { default as Lock } from './Lock';
+export { default as LockOpen } from './LockOpen';
 export { default as Login } from './Login';
 export { default as Logout } from './Logout';
 export { default as Macos } from './Macos';
@@ -187,7 +188,6 @@ export { default as Trace } from './Trace';
 export { default as Trash } from './Trash';
 export { default as Trigger } from './Trigger';
 export { default as Twitter } from './Twitter';
-export { default as Unlock } from './Unlock';
 export { default as ValidateShield } from './ValidateShield';
 export { default as Video } from './Video';
 export { default as Warning } from './Warning';

package/src/Components/Icons/24x24/{Unlock.tsx → LockOpen.tsx}

@@ -1,6 +1,6 @@
 import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
 
-const Unlock = forwardRef<IconProps, 'svg'>((props, ref) => (
+const LockOpen = forwardRef<IconProps, 'svg'>((props, ref) => (
   <Icon ref={ref} viewBox="0 0 24 24" {...props}>
     <path d="M7 15V12H9V15H7Z" fill="currentColor" />
     <path
@@ -12,4 +12,4 @@ const Unlock = forwardRef<IconProps, 'svg'>((props, ref) => (
   </Icon>
 ));
 
-export default Unlock;
+export default LockOpen;

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

@@ -104,6 +104,7 @@ export { default as Laptop } from './Laptop';
 export { default as Lightbulb } from './Lightbulb';
 export { default as Link } from './Link';
 export { default as Lock } from './Lock';
+export { default as LockOpen } from './LockOpen';
 export { default as Login } from './Login';
 export { default as Logout } from './Logout';
 export { default as Macos } from './Macos';
@@ -187,7 +188,6 @@ export { default as Trace } from './Trace';
 export { default as Trash } from './Trash';
 export { default as Trigger } from './Trigger';
 export { default as Twitter } from './Twitter';
-export { default as Unlock } from './Unlock';
 export { default as ValidateShield } from './ValidateShield';
 export { default as Video } from './Video';
 export { default as Warning } from './Warning';

package/src/Components/Notification/Notification.tsx

@@ -87,9 +87,7 @@ const Notification = forwardRef<NotificationProps, 'div'>((props, ref) => {
             marginTop={marginTop}
             colorScheme={colorScheme}
             onClick={onClose}
-          >
-            <Icon name="CloseSmall" />
-          </CloseButton>
+          />
         )}
       </ActionContext.Provider>
     </ChakraAlert>

package/src/Components/Ribbon/Ribbon.tsx

@@ -4,7 +4,6 @@ import { Alert as ChakraAlert, AlertProps, forwardRef } from '@chakra-ui/react';
 import { ColorScheme } from '../../Foundations/Colors/Colors';
 import CloseButton from '../CloseButton/CloseButton';
 import ColorButton, { ColorButtonProps } from '../ColorButton/ColorButton';
-import Icon from '../Icon/Icon';
 import Box from '../Box/Box';
 
 export type ActionProps = {
@@ -66,11 +65,7 @@ const Ribbon = forwardRef<RibbonProps, 'div'>((props, ref) => {
           {children}
           {actionButton}
         </Box>
-        {onClose && (
-          <CloseButton flexShrink={0} colorScheme={colorScheme} marginStart="auto" onClick={onClose}>
-            <Icon name="CloseSmall" />
-          </CloseButton>
-        )}
+        {onClose && <CloseButton flexShrink={0} colorScheme={colorScheme} marginStart="auto" onClick={onClose} />}
       </ActionContext.Provider>
     </ChakraAlert>
   );