maker-ui - npm Package Compare versions

Comparing version 1.0.0-beta.10 to 1.0.0-beta.11

package.json

 {
   "name": "maker-ui",
   "description": "The fastest way to build themeable, responsive layouts in React",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "license": "MIT",
@@ -22,5 +22,5 @@ "author": "Mike Darche <[e-mail]>",
   "dependencies": {
-    "@maker-ui/css": "1.0.0-beta.10",
-    "@maker-ui/layout": "1.0.0-beta.10",
-    "@maker-ui/primitives": "1.0.0-beta.10",
+    "@maker-ui/css": "1.0.0-beta.11",
+    "@maker-ui/layout": "1.0.0-beta.11",
+    "@maker-ui/primitives": "1.0.0-beta.11",
     "tslib": "^2.0.0"
@@ -27,0 +27,0 @@ },

README.md

@@ -18,4 +18,2 @@ # Maker UI
 
-https://maker-ui.com
-
 ## Templating Features
@@ -29,3 +27,3 @@
 - Automatic skiplink and keyboard focus management
-- Conditial or multi-layout support
+- Conditional or multi-layout support
 - Unlimited color modes
@@ -51,3 +49,3 @@ - Error boundaries, logging support, and custom error reporting hooks
 // basic layout component usage
-import React from 'react'
+import * as React from 'react';
 import {
@@ -62,6 +60,6 @@ Layout,
   Footer,
-} from 'maker-ui'
+} from 'maker-ui';
 
-import { options, menu } from './config'
-import Logo from './Logo'
+import { options, menu } from './config'; // your custom configurations
+import Logo from './Logo'; // your logo component
 
@@ -80,5 +78,5 @@ const MyLayout = props => (
   </Layout>
-)
+);
 
-export default MyLayout
+export default MyLayout;
 ```
@@ -91,14 +89,14 @@
 ```jsx
-import { Div } from 'maker-ui'
+import { Div } from 'maker-ui';
 
 const MyPage = props => (
   <Div
-    breakpoints={['768px', '960px',]}
+    breakpoints={['768px', '960px']}
     css={{ color: ['red', 'blue', 'green']}}
   />
   ...
-  )
+  );
 ```
 
-This example would set the Div's default color to `red` and generate `min-width` media queries so the color is `blue` at `768px` and `green` at `960px`. Never write a media query again!
+This example would set the div's default color to `red` and generate `min-width` media queries so the color is `blue` at `768px` and `green` at `960px`. Never write a media query again!
 
@@ -119,32 +117,6 @@ ## Maker Components
 - CookieNotice
-- Toast and ToastProvider
+- TableOfContents
 
-## Documentation
-
-- [MakerUI Options](https://maker-ui.com/docs/options)
-- [Layout Components](https://maker-ui.com/docs/layout)
-- [Adding Content](https://maker-ui.com/docs/adding-content)
-- [Hooks API](https://maker-ui.com/docs/hooks)
-- [Tutorials](https://maker-ui.com/tutorials)
-
-## Upcoming Packages/Modules
-
-- Components
-  - Search (Algolia)
-  - SmartTable
-  - SmartGrid
-  - Subscribe Form
-  - Share buttons
-  - Mega dropdown menus
-  - Speech Synthesis
-  - PricingTable
-  - ParallaxBox
-  - Subheader
-- i18n Provider
-- Pre-built themes
-- Ecommerce & payment templates
-- Authentication templates
-
 ## License
 
 The MIT License (MIT)

No alert changes

Worsened metrics

Total package byte prevSize

6295

decreased by-8.22%

Number of lines in readme file

116

decreased by-19.44%

Dependency changes

• + Added@maker-ui/css@1.0.0-beta.11(transitive)

• + Added@maker-ui/layout@1.0.0-beta.11(transitive)

• + Added@maker-ui/primitives@1.0.0-beta.11(transitive)

• + Addedreact-use-measure@2.1.7(transitive)

• - Removed@maker-ui/css@1.0.0-beta.10(transitive)

• - Removed@maker-ui/layout@1.0.0-beta.10(transitive)

• - Removed@maker-ui/primitives@1.0.0-beta.10(transitive)

• - Removedresize-observer-polyfill@1.5.1(transitive)

• Updated@maker-ui/css@1.0.0-beta.11

• Updated@maker-ui/layout@1.0.0-beta.11

• Updated@maker-ui/primitives@1.0.0-beta.11