@bitrise/bitkit 12.28.0 → 12.28.2

package/package.json

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

package/src/Components/Note/Note.theme.ts

@@ -27,6 +27,7 @@ const NoteTheme = {
       wrapper: {
         display: 'flex',
         boxShadow: 'medium',
+        borderRadius: '8',
       },
       decoration: {
         color: decorationColor[status],

package/src/Components/Note/NoteMarkdownContent.tsx

@@ -6,6 +6,7 @@ import ListItem from '../List/ListItem';
 import Box from '../Box/Box';
 import Divider from '../Divider/Divider';
 import Text from '../Text/Text';
+import CodeBlock from '../CodeBlock/CodeBlock';
 
 const defaultComponents: Components = {
   h1: ({ node, ...props }) => <Text size="6" {...props} />,
@@ -18,6 +19,12 @@ const defaultComponents: Components = {
   hr: () => <Divider my="16" borderColor="separator.primary" size="2" />,
   ul: ({ node, ordered, ...props }) => <List paddingBottom="8" {...props} />,
   ol: ({ node, ordered, ...props }) => <List paddingBottom="8" isOrdered {...props} />,
+  code: ({ node, inline, ...props }) => {
+    if (inline) {
+      return <code {...props} />;
+    }
+    return <CodeBlock {...props} />;
+  },
   li: ({ node, ordered, ...props }) => <ListItem {...props} />,
   blockquote: ({ children }) => (
     <Box