separating css styles

Author: KittyJose

packages/tdb-dashboard/src/pages/DocumentEdit.js

@@ -8,6 +8,7 @@ import {CreateChangeRequestModal} from "../components/CreateChangeRequestModal"
 import {decodeUrl} from "../components/utils"
 import {DocumentSearchComponent} from "../components/DocumentSearchComponent"
 import {useTDBDocuments} from "@terminusdb/terminusdb-documents-ui"
+import '@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__darkly.css'
 
 export const DocumentEdit = () => { 
     const {setChangeRequestBranch, branch,woqlClient,currentChangeRequest} = WOQLClientObj()

packages/tdb-dashboard/src/pages/DocumentNew.js

@@ -7,6 +7,7 @@ import {useTDBDocuments} from "@terminusdb/terminusdb-documents-ui"
 import {Loading} from "../components/Loading"
 import {CreateChangeRequestModal} from "../components/CreateChangeRequestModal"
 import {DocumentSearchComponent} from "../components/DocumentSearchComponent"
+import '@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__darkly.css'
 
 export const DocumentNew = () => {  
     const {organization,dataProduct,type} = useParams()

packages/tdb-dashboard/src/pages/DocumentView.js

@@ -10,6 +10,7 @@ import {WOQLClientObj} from '../init-woql-client'
 import {CreateChangeRequestModal} from '../components/CreateChangeRequestModal'
 import {useTDBDocuments} from "@terminusdb/terminusdb-documents-ui"
 import {ErrorMessageReport} from "../components/ErrorMessageReport"
+import '@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__darkly.css'
 
 export const DocumentView = () => {   
     const { branch,setChangeRequestBranch,woqlClient,currentChangeRequest} = WOQLClientObj()

packages/tdb-documents-ui/src/index.js

@@ -3,5 +3,4 @@ import './css/terminusdb__styles.css';
 
 export { FrameViewer } from './FrameViewer'
 export { DiffViewer } from './diffs/diffViewer'
-export { DocumentsUIHook } from './hook/DocumentsUIHook'
- 
+export { useTDBDocuments } from './hook/useTDBDocuments'