@bitrise/bitkit 12.36.0 → 12.38.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.36.0",
+  "version": "12.38.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/Icons/16x16/SortArrows.tsx

@@ -0,0 +1,18 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const SortArrows = forwardRef<IconProps, 'svg'>((props, ref) => {
+  return (
+    <Icon ref={ref} viewBox="0 0 24 24" width="16" height="16" {...props}>
+      <path
+        d="M4.41414 9.45378L7.0404 6.83193V15H9.06061V6.93277L11.5859 9.35294L13 7.94118L8.0505 3L3 7.94118L4.41414 9.45378Z"
+        fill="currentColor"
+      />
+      <path
+        d="M19.5859 14.5462L16.9596 17.1681V9H14.9394V17.0672L12.4141 14.6471L11 16.0588L15.9495 21L21 16.0588L19.5859 14.5462Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+});
+
+export default SortArrows;

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

@@ -161,6 +161,7 @@ export { default as ShowPassword } from './ShowPassword';
 export { default as Shuffle } from './Shuffle';
 export { default as Siren } from './Siren';
 export { default as Sort } from './Sort';
+export { default as SortArrows } from './SortArrows';
 export { default as Stability } from './Stability';
 export { default as Stack } from './Stack';
 export { default as StageCurrent } from './StageCurrent';

package/src/Components/Icons/24x24/SortArrows.tsx

@@ -0,0 +1,18 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const SortArrows = forwardRef<IconProps, 'svg'>((props, ref) => {
+  return (
+    <Icon ref={ref} viewBox="0 0 24 24" width="24" height="24" {...props}>
+      <path
+        d="M4.41414 9.45378L7.0404 6.83193V15H9.06061V6.93277L11.5859 9.35294L13 7.94118L8.0505 3L3 7.94118L4.41414 9.45378Z"
+        fill="currentColor"
+      />
+      <path
+        d="M19.5859 14.5462L16.9596 17.1681V9H14.9394V17.0672L12.4141 14.6471L11 16.0588L15.9495 21L21 16.0588L19.5859 14.5462Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+});
+
+export default SortArrows;

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

@@ -161,6 +161,7 @@ export { default as ShowPassword } from './ShowPassword';
 export { default as Shuffle } from './Shuffle';
 export { default as Siren } from './Siren';
 export { default as Sort } from './Sort';
+export { default as SortArrows } from './SortArrows';
 export { default as Stability } from './Stability';
 export { default as Stack } from './Stack';
 export { default as StageCurrent } from './StageCurrent';

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';