v1.1.0 beta.28 (#111)

* chore: update @redocly/ui imports

* chore: upgrade to 1.1.0-beta.26

* chore: upgrade button new format

* chore: udpate fonts usage

* chore: minor theme update

* chore: upgrade to v1.1.0-beta.28

Author: RomanHotsiy

Diff for: contact.mdx

@@ -2,7 +2,7 @@
 title: Contact Us
 ---
 
-import { Flex, WideTile  } from '@redocly/ui'
+import { Flex, WideTile  } from '@redocly/developer-portal/ui';
 
 # Contact us
 

Diff for: developer-portal/mdx.mdx

@@ -1,5 +1,3 @@
-import { RedocResponse } from '@redocly/ui';
-
 import {
   Box,
   Button,
@@ -13,7 +11,8 @@ import {
   WideTile,
   Emphasis,
   SectionHeader,
- } from '@redocly/ui';
+  RedocResponse
+ } from '@redocly/developer-portal/ui';
 
 import icon3 from '../images/icon3.png';
 
@@ -24,7 +23,7 @@ Use MDX by naming the file extension as `.mdx` and importing the components at t
 
 You can import a single extension:
 ```jsx
-import { RedocResponse } from '@redocly/ui';
+import { RedocResponse } from '@redocly/developer-portal/ui';
 ```
 Or multiple extensions at the same time:
 
@@ -42,10 +41,10 @@ import {
   WideTile,
   Emphasis,
   SectionHeader,
- } from '@redocly/ui';
+ } from '@redocly/developer-portal/ui';
 ```
 
-We created a library (`@redocly/ui`) with components you can reference.
+We created a library (`@redocly/developer-portal/ui`) with components you can reference.
 
 Try and create an MDX file which renders one of your API's response objects.
 

Diff for: developer-portal/redoc-integration.md

@@ -246,7 +246,7 @@ To display API reference docs in an `.mdx` file, first import the React componen
 
 
 ```jsx
-import { OpenApiResponse } from '@redocly/ui';
+import { OpenApiResponse } from '@redocly/developer-portal/ui';
 ```
 
 Then you can use it as follows:

Diff for: index.mdx

@@ -2,9 +2,8 @@
 title: Demo API Portal
 ---
 
-import { LandingLayout } from '@redocly/ui';
-
 import {
+  LandingLayout,
   Button,
   Box,
   FlexSection,
@@ -16,9 +15,8 @@ import {
   H1,
   H2,
   SectionHeader,
-} from '@redocly/ui';
-
-import { NavBar } from '@redocly/ui';
+  NavBar,
+} from '@redocly/developer-portal/ui';
 
 import icon1 from './images/icon1.png';
 import launchFastIcon from './images/launch-fast.svg';
@@ -33,14 +31,14 @@ export default LandingLayout;
   <H1>Redocly training</H1>
   <H2>A starter developer portal with training exercises</H2>
   <Flex p={20} justifyContent="center">
-    {/* <Button inversed large to="https://app.redoc.ly">
+    {/* <Button size="xlarge" to="https://app.redoc.ly">
       Redocly app
     </Button> */}
-    <Button inversed transparent large to="developer-portal/index.md">
+     <Button variant="outlined" size="xlarge" to="developer-portal/index.md">
       Get started
     </Button>
-    {/* <Button inversed transparent large>
-      Workflows
+    {/* <Button variant="outlined" size="xlarge" to="https://redoc.ly/docs">
+      Docs
     </Button> */}
   </Flex>
 </Jumbotron>

Diff for: package.json

@@ -10,6 +10,6 @@
     "clean": "redocly-portal clean"
   },
   "dependencies": {
-    "@redocly/developer-portal": "1.0.0-beta.162"
+    "@redocly/developer-portal": "1.1.0-beta.28"
   }
 }

Diff for: siteConfig.yaml

@@ -9,8 +9,8 @@ oasDefinitions:
   petstore: ./openapi/petstore.yaml
   # add links to definitions in our API registry by using a fully qualified URL.
 stylesheets:
-  - https://fonts.googleapis.com/css?family=Roboto:300,400,600,700
   - https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap
+  - https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,600,700&display=swap
 #ga:
   # you can use any options here from https://www.gatsbyjs.org/packages/gatsby-plugin-google-analytics/
   # note that GA doesn't work in DEV

Diff for: theme.ts

@@ -145,9 +145,9 @@ export const theme = {
     // // ...
     // },
     code: {
-      fontSize: '14px',
-      fontFamily: 'Courier, monospace',
-      fontWeight: ({ typography }) => typography.fontWeightRegular,
+      fontSize: '13px',
+      fontFamily: '"Source Code Pro", sans-serif',
+      // fontWeight: ({ typography }) => typography.fontWeightRegular,
       color: '#e53935',
       backgroundColor: 'rgba(38, 50, 56, 0.04)',
       wrap: false,