fix: scss imports

Author: lottamus

.storybook/config.js

@@ -1 +1,3 @@
 import "@stoplight/storybook-config/config";
+
+import "../src/styles/_json-schema-viewer.scss";

README.md

@@ -28,6 +28,7 @@ yarn add @stoplight/json-schema-viewer
 ### Usage
 
 ```jsx
+// index.jsx
 import { JsonSchemaViewer } from "@stoplight/json-schema-viewer";
 
 <JsonSchemaViewer
@@ -41,6 +42,13 @@ import { JsonSchemaViewer } from "@stoplight/json-schema-viewer";
 />;
 ```
 
+Also make sure you import the styles
+
+```js
+// styles.scss
+import "~@stoplight/json-schema-viewer/styles/_json-schema-viewer.scss";
+```
+
 More examples can be find in the [Storybook stories](./src/__stories__/JsonSchemaViewer.tsx).
 
 ### Contributing

src/components/JsonSchemaViewer.tsx

@@ -6,8 +6,6 @@ import * as React from 'react';
 import { isSchemaViewerEmpty, renderSchema } from '../utils';
 import { ISchemaTree, SchemaTree } from './SchemaTree';
 
-import '../styles/main.scss';
-
 export interface IJsonSchemaViewer extends Omit<ISchemaTree, 'treeStore'> {
   emptyText?: string;
   defaultExpandedDepth?: number;

src/styles/_json-schema-viewer.scss

@@ -0,0 +1,2 @@
+@import "~@stoplight/tree-list/styles/_tree-list.scss";
+@import "~@stoplight/ui-kit/styles/_ui-kit.scss";