@bitrise/bitkit 12.36.0 → 12.37.0

package/package.json

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

package/src/Components/Card/Card.theme.ts

@@ -1,7 +1,7 @@
 import { CardProps } from './Card';
 
 const CardTheme = {
-  baseStyle: ({ as }: CardProps) => {
+  baseStyle: ({ as, withHover }: CardProps) => {
     return {
       backgroundColor: 'neutral.100',
       display: 'block',
@@ -12,7 +12,7 @@ const CardTheme = {
         boxShadow: 'outline',
       },
       _hover:
-        as === 'a' || as === 'button'
+        as === 'a' || as === 'button' || withHover
           ? {
               backgroundColor: 'neutral.95',
               borderColor: 'neutral.90',

package/src/Components/Card/Card.tsx

@@ -8,14 +8,15 @@ export interface CardProps extends BoxProps {
   boxShadow?: keyof Shadows;
   href?: string;
   variant?: 'elevated' | 'outline';
+  withHover?: boolean;
 }
 
 /**
  * Basic container element with default box shadow and border radius.
  */
 const Card = forwardRef<CardProps, 'div'>((props, ref) => {
-  const { as, variant, ...rest } = props;
-  const css = useStyleConfig('Card', { as, variant });
+  const { as, variant, withHover, ...rest } = props;
+  const css = useStyleConfig('Card', { as, variant, withHover });
 
   const properties = {
     as,

package/src/Components/LinkBox/LinkBox.tsx

@@ -0,0 +1,9 @@
+import { LinkBox as ChakraLinkBox, LinkBoxProps, forwardRef } from '@chakra-ui/react';
+
+const LinkBox = forwardRef<LinkBoxProps, 'div'>((props, ref) => {
+  return <ChakraLinkBox {...props} ref={ref} />;
+});
+
+export type { LinkBoxProps };
+
+export default LinkBox;

package/src/Components/LinkOverlay/LinkOverlay.tsx

@@ -0,0 +1,9 @@
+import { LinkOverlay as ChakraLinkOverlay, LinkOverlayProps, forwardRef } from '@chakra-ui/react';
+
+const LinkOverlay = forwardRef<LinkOverlayProps, 'a'>((props, ref) => {
+  return <ChakraLinkOverlay {...props} ref={ref} />;
+});
+
+export type { LinkOverlayProps };
+
+export default LinkOverlay;

package/src/index.ts

@@ -289,3 +289,9 @@ export { default as CodeBlock } from './Components/CodeBlock/CodeBlock';
 
 export type { DefinitionTooltipProps } from './Components/DefinitionTooltip/DefinitionTooltip';
 export { default as DefinitionTooltip } from './Components/DefinitionTooltip/DefinitionTooltip';
+
+export type { LinkBoxProps } from './Components/LinkBox/LinkBox';
+export { default as LinkBox } from './Components/LinkBox/LinkBox';
+
+export type { LinkOverlayProps } from './Components/LinkOverlay/LinkOverlay';
+export { default as LinkOverlay } from './Components/LinkOverlay/LinkOverlay';