@bitrise/bitkit 9.8.5 → 9.10.0

package/package.json

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

package/src/Components/Link/Link.theme.ts

@@ -1,15 +1,25 @@
 import { textSizes } from '../../Foundations/Typography/Typography';
 
+const schemeColors = {
+  purple: { color: 'purple.50', hover: 'purple.30' },
+  white: { color: 'neutral.100', hover: 'neutral.95' },
+  gray: { color: 'neutral.70', hover: 'neutral.50' },
+  default: { color: 'inherit', hover: 'inherit' },
+};
+
 const LinkTheme = {
-  baseStyle: {
-    color: 'text.link',
-    fontSize: 'inherit',
-    _focus: {
-      outline: 'none',
-    },
-    _hover: {
-      color: 'text.linkHover',
-    },
+  baseStyle: ({ colorScheme: c }: { colorScheme?: 'purple' | 'white' | 'gray' }) => {
+    const { color, hover } = schemeColors[c || 'default'];
+    return {
+      color,
+      fontSize: 'inherit',
+      _focus: {
+        outline: 'none',
+      },
+      _hover: {
+        color: hover,
+      },
+    };
   },
   ...textSizes,
 };

package/src/Components/Link/Link.tsx

@@ -3,6 +3,7 @@ import { Link as ChakraLink, LinkProps as ChakraLinkProps } from '@chakra-ui/rea
 import { TextSizes } from '../../Foundations/Typography/Typography';
 
 export interface LinkProps extends ChakraLinkProps {
+  colorScheme?: 'purple' | 'white' | 'gray';
   isUnderlined?: boolean;
   size?: TextSizes;
   target?: HTMLAttributeAnchorTarget;
@@ -22,7 +23,7 @@ const Link = (props: LinkProps) => {
 };
 
 Link.defaultProps = {
-  isUnderlined: true,
+  isUnderlined: false,
 } as LinkProps;
 
 export default Link;

package/src/Old/Modal/ModalHeader.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import classnames from 'classnames';
-import { Link, Icon } from '@bitrise/bitkit';
+import { Icon } from '@bitrise/bitkit';
+import Link from '../Link/Link';
 import Flex, { Props as FlexProps } from '../Flex/Flex';
 import { ModalContext } from './ModalContext';
 

package/src/index.ts

@@ -134,8 +134,8 @@ export { default as InputInlineHelp } from './Old/Input/InputInlineHelp';
 export type { Props as InputLabelProps } from './Old/Input/InputLabel';
 export { default as InputLabel } from './Old/Input/InputLabel';
 
-export type { Props as LinkProps } from './Old/Link/Link';
-export { default as Link } from './Old/Link/Link';
+export type { LinkProps } from './Components/Link/Link';
+export { default as Link } from './Components/Link/Link';
 
 export type { Props as ListProps } from './Old/List/List';
 export { default as List } from './Old/List/List';

package/src/theme.ts

@@ -34,6 +34,9 @@ const theme = {
       hr: {
         borderTopWidth: 0,
       },
+      a: {
+        textDecoration: 'none',
+      },
       '*:focus-visible': {
         boxShadow: 'outline',
         outline: 'none',