v0.8.1

Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dzeio/components",
-	"version": "0.7.5",
+	"version": "0.8.1",
 	"license": "MIT",
 	"main": "./index.js",
 	"types": "./types/index.d.ts",
@@ -36,7 +36,7 @@
 		"typescript": "^4.2.3"
 	},
 	"scripts": {
-		"dev": "rm -rf src/dzeio/**/*.js && start-storybook -p 6006",
+		"dev": "rm -rf src/dzeio/**/*.js && start-storybook -s ./.storybook/public -p 6006",
 		"build": "rollup --config",
 		"prepublishOnly": "yarn build",
 		"postinstall": "rollup --config"

src/dzeio/Loader/Loader.module.styl

@@ -6,6 +6,7 @@
 	width 100%
 	height 7px
 	pointer-events none
+	z-index 200
 
 	top 0
 	&.hide

src/dzeio/Loader/index.tsx

@@ -4,9 +4,22 @@ import { buildClassName } from '../Util'
 import css from './Loader.module.styl'
 
 interface Props {
+	/**
+	 * The new Percentage (if you calculate it yourself)
+	 */
 	percent?: number
+
+	/**
+	 * Auto random loader
+	 */
 	auto?: {
+		/**
+		 * the minimum and maximum interval between two increment
+		 */
 		interval: [number, number]
+		/**
+		 * the minimum and maximum incrementation (MUST be an integer)
+		 */
 		increment: [number, number]
 	}
 }
@@ -15,6 +28,11 @@ interface State {
 	percent?: number
 }
 
+/**
+ * Display a simple loading animation at the top of the page
+ * 
+ * @version 1.0.0
+ */
 export default class Loader extends React.Component<Props, State> {
 
 	public state: State = {}

src/dzeio/Navbar/Navbar.module.styl

@@ -216,9 +216,7 @@
 		margin 0
 		padding 0
 
-.userMenu
+.userMenu a
-		// padding-bottom 16px
-		a
 			padding 16px 0
 
 

src/dzeio/Navbar/index.tsx

@@ -68,7 +68,7 @@ interface Props {
 		name: string
 	}>
 	/**
-	 * Internal Usem don't use it !
+	 * Internal Use don't use it !
 	 */
 	mobileMenu?: () => void
 }

src/dzeio/Row/Row.module.styl

@@ -3,14 +3,12 @@
 .row
 	display flex
 	flex-wrap wrap
+	margin (0 - $gapSize) 0 0 (0 - $gapSize)
+	padding $gapSize
 
-	&:not(.nomargin)
+	&.nomargin
-		margin (0 - $gapSize) 0 0
+	.row
-		padding 0 $gapSize * 2 0 $gapSize
+		padding 0
-
-		.row:not(.nomargin)
-			padding 0
-			margin (0 - $gapSize) 0 0 (0 - $gapSize)
 
 .nowrap
 	flex-wrap nowrap

src/dzeio/Text/index.tsx

@@ -26,6 +26,6 @@ export default class Text extends React.Component<Props> {
 			return (<p className={classes}><em>{this.props.children}</em></p>)
 		}
 
-		return React.createElement(this.props.type || 'p', {className: classes})
+		return React.createElement(this.props.type || 'p', {className: classes, children: this.props.children})
 	}
 }