🎉 Version 1.0.0

Move to @committed scope

Author: stuarthendren

.drone.yml

@@ -59,7 +59,7 @@ steps:
       webhook:
         from_secret: slack_webhook
       template: >
-        :tada: New version ${DRONE_TAG} of `@commitd/layout` available https://github.com/commitd/layout
+        :tada: New version ${DRONE_TAG} of `/layout` available https://github.com/commitd/layout
     when:
       ref:
         - refs/tags/v*

README.md

@@ -4,7 +4,7 @@
 [![Build Status](https://drone.committed.software/api/badges/commitd/layout/status.svg)](https://drone.committed.software/commitd/layout)
 
 This is a simple layout for standard looking material based apps, based on [Mui Layout](https://mui-treasury.com/components/layout)
-but using `@commitd/components` as its base.
+but using `@committed/components` as its base.
 
 <p align="center">
   <img src="images/layout.png" style="width: 600px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"/>
@@ -16,19 +16,25 @@ Here's a [live demo](https://committed.software/docs)
 
 ## 🚀 Quickstart
 
-For use with [`@commitd/components`](https://github.com/commitd/components),
+For use with [`@committed/components`](https://github.com/commitd/components),
 
 ```bash
-yarn add @commitd/layout
+yarn add @committed/layout
+```
+
+add any missing peer dependencies
+
+```bash
+yarn add @committed/components @material-ui/core @material-ui/icons react react-dom
 ```
 
 ### Usage
 
 ```tsx
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { ThemeProvider } from '@commitd/components'
-import { Root, Header, Nav, Content, Footer } from '@commitd/layout'
+import { ThemeProvider } from '@committed/components'
+import { Root, Header, Nav, Content, Footer } from '/layout'
 
 const App = () => (
   <ThemeProvider>
@@ -72,13 +78,13 @@ The layout adjusts for small screen sizes.
 
 For each config parameter a single value or an object with breakpoint keys can be supplied, e.g.
 
-```
+```javascript
 const config = {
-   navWidth: {
-      // xs is 256px by default
-      sm: 200, // in sm
-      md: 256, // mdUp
-    }
+  navWidth: {
+    // xs is 256px by default
+    sm: 200, // in sm
+    md: 256 // mdUp
+  }
 }
 ```
 

example/index.tsx

@@ -1,7 +1,7 @@
 import 'react-app-polyfill/ie11'
 import * as React from 'react'
 import * as ReactDOM from 'react-dom'
-import { ThemeProvider, Box } from '@commitd/components'
+import { ThemeProvider, Box } from '@committed/components'
 import { Root, Header, Nav, Content, Footer } from '../dist'
 
 const App = () => (

example/package.json

@@ -16,7 +16,6 @@
     "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
   },
   "devDependencies": {
-    "@commitd/components": "^0.0.19",
     "@types/react": "^16.8.15",
     "@types/react-dom": "^16.8.4",
     "parcel": "^1.12.3",

example/yarn.lock

@@ -711,13 +711,6 @@
     lodash "^4.17.11"
     to-fast-properties "^2.0.0"
 
-"@commitd/components@^0.0.19":
-  version "0.0.19"
-  resolved "https://npm.pkg.github.com/download/@commitd/components/0.0.19/fa533286405acfc778be47ecc3edae1a9f5efb50e6f405ef9aebe5f139f05f2e#"
-  integrity sha512-6laR0AqRbGH31McRuARwk98XANBLlEW8HWMRs+EzXahkPpR5rrsUx1wHk9icXD106Y8YJEY9vIQ5exCNt4PmtQ==
-  dependencies:
-    clsx "^1.0.4"
-
 "@iarna/toml@^2.2.0":
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.3.tgz#f060bf6eaafae4d56a7dac618980838b0696e2ab"
@@ -1374,11 +1367,6 @@ clones@^1.2.0:
   resolved "https://registry.yarnpkg.com/clones/-/clones-1.2.0.tgz#b34c872045446a9f264ccceb7731bca05c529b71"
   integrity sha512-FXDYw4TjR8wgPZYui2LeTqWh1BLpfQ8lB6upMtlpDF6WlOOxghmTTxWyngdKTgozqBgKnHbTVwTE+hOHqAykuQ==
 
-clsx@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.0.4.tgz#0c0171f6d5cb2fe83848463c15fcc26b4df8c2ec"
-  integrity sha512-1mQ557MIZTrL/140j+JVdRM6e31/OA4vTYxXgqIIZlndyfjHpyawKZia1Im05Vp9BWmImkcNrNtFYQMyFcgJDg==
-
 coa@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@commitd/layout",
-  "version": "0.0.4",
+  "name": "@committed/layout",
+  "version": "1.0.0",
   "description": "Committed layout library",
   "author": "Committed",
   "license": "MIT",
@@ -21,6 +21,7 @@
     "lint": "tsdx lint src test example/index.tsx"
   },
   "peerDependencies": {
+    "@committed/components": "^1.0.0",
     "@material-ui/icons": "^4.2.1",
     "react": ">=16",
     "react-dom": "^15.0.0 || ^16.0.0"
@@ -35,7 +36,7 @@
     "singleQuote": true
   },
   "devDependencies": {
-    "@commitd/components": "^0.0.23",
+    "@committed/components": "^1.0.0",
     "@material-ui/core": "^4.4.2",
     "@material-ui/icons": "^4.2.1",
     "@types/jest": "^24.0.18",

src/Content.tsx

@@ -1,5 +1,5 @@
 import React, { useContext, ReactNode } from 'react'
-import { Theme, makeStyles } from '@commitd/components'
+import { Theme, makeStyles } from '@committed/components'
 import { LayoutContext } from './Root'
 
 const useStyles = makeStyles<Theme>(({ transitions }) => ({

src/Footer.tsx

@@ -1,6 +1,6 @@
 import React, { useContext, ReactNode } from 'react'
 import { LayoutContext } from './Root'
-import { Theme, makeStyles } from '@commitd/components'
+import { Theme, makeStyles } from '@committed/components'
 
 export interface FooterProps {
   className?: string

src/Header.tsx

@@ -8,7 +8,7 @@ import {
   Icons,
   makeStyles,
   useTheme
-} from '@commitd/components'
+} from '@committed/components'
 import { LayoutContext } from './Root'
 import { Layout, Position } from './util'
 

src/Nav.tsx

@@ -7,7 +7,7 @@ import {
   Theme,
   Icons,
   makeStyles
-} from '@commitd/components'
+} from '@committed/components'
 import { LayoutContext } from './Root'
 
 const useStyles = makeStyles<Theme>(