@bitrise/bitkit 9.8.2 → 9.9.0-alpha-link-release.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.8.2",
+  "version": "9.9.0-alpha-link-release.1",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",
@@ -39,7 +39,7 @@
     "@popperjs/core": "^2.11.5",
     "@types/react-transition-group": "^4.4.4",
     "classnames": "^2.3.1",
-    "clipboard": "^2.0.10",
+    "clipboard": "^2.0.11",
     "framer-motion": "^6.3.3",
     "luxon": "^2.3.2",
     "react": "^17.0.2",
@@ -55,6 +55,7 @@
     "@babel/core": "^7.17.10",
     "@bitrise/eslint-plugin": "^2.1.0",
     "@chakra-ui/cli": "^1.9.0",
+    "@chakra-ui/storybook-addon": "^1.0.3",
     "@commitlint/cli": "^16.2.4",
     "@commitlint/config-conventional": "^16.2.4",
     "@google-cloud/storage": "^5.19.4",
@@ -75,10 +76,10 @@
     "@types/cheerio": "^0.22.31",
     "@types/clipboard": "^2.0.1",
     "@types/enzyme": "^3.10.12",
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^27.5.0",
     "@types/lodash.sample": "^4.2.7",
     "@types/lodash.shuffle": "^4.2.7",
-    "@types/luxon": "^2.3.1",
+    "@types/luxon": "^2.3.2",
     "@types/prismjs": "^1.26.0",
     "@types/react": "17.0.44",
     "@types/react-dom": "^17.0.16",
@@ -86,8 +87,8 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-transition-group": "^4.4.4",
     "@types/vfile-message": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.21.0",
-    "@typescript-eslint/parser": "^5.21.0",
+    "@typescript-eslint/eslint-plugin": "^5.22.0",
+    "@typescript-eslint/parser": "^5.22.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "axios": "^0.27.2",
     "babel-eslint": "^10.0.1",

package/src/Components/Divider/Divider.tsx

@@ -23,6 +23,7 @@ const Divider = (props: DividerProps) => {
 
 Divider.defaultProps = {
   as: 'hr',
+  color: 'separator.primary',
   orientation: 'horizontal',
   size: '1',
   variant: 'solid',

package/src/Foundations/Colors/Colors.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import DesignTokens from './DesignTokens';
 import Palette from './Palette';
 

package/src/Foundations/Colors/DesignTokens.tsx

@@ -11,7 +11,7 @@ const TOKENS = {
   'text.secondary': 'Secondary text color, for inline help and less important text',
   'text.link': 'Default text link color',
   'text.linkHover': 'Default text link hover color',
-  'separator.primary': 'Default color for separator lines and borders',
+  'separator.primary': 'Default color for separator lines',
 } as any;
 
 const DesignTokens = () => {

package/src/Foundations/Radii/Radii.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { Radii } from './Radii.examples';
 
 <Meta title="Foundations/Radii (round corners)" />

package/src/Foundations/Shadows/Shadows.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { Shadows } from './Shadows.examples';
 
 <Meta title="Foundations/Shadows" />

package/src/Foundations/Sizes/Sizes.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { Sizes } from './Sizes.examples';
 
 <Meta title="Foundations/Sizes" />

package/src/Foundations/Typography/Typography.stories.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs';
 import { FontSizes } from './Typography.examples';
 
 <Meta title="Foundations/Typography" />

package/src/Old/Input/Input.css

@@ -81,3 +81,7 @@
   border-color: var(--color-grape--3);
   color: var(--color-grape--5);
 }
+
+.Input__content .Input {
+  box-shadow: none;
+}

package/src/Old/Link/Link.css

@@ -38,3 +38,7 @@
 }
 
 .Link--color-white:hover { color: var(--color-gray--1); }
+
+.Link:focus-visible {
+  box-shadow: none;
+}

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,8 +34,9 @@ const theme = {
       hr: {
         borderTopWidth: 0,
       },
-      '*:focus': {
+      '*:focus-visible': {
         boxShadow: 'outline',
+        outline: 'none',
       },
     },
   },