@potok/modal - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

components/README.md

		@@ -40,2 +40,3 @@ Modal component
		const Button = require('../../button/lib/Button').default;
		const PotokThemeProvider = require('../../theme').PotokThemeProvider;
		const ModalGatewayProvider = require('./Modal').ModalGatewayProvider;
		@@ -54,17 +55,19 @@ const ModalGatewayDest = require('./Modal').ModalGatewayDest;

		<Grid>
		<ModalGatewayProvider>
		<div>
		<Button onClick={() => setState({ isOpen: true })}>Click Me!</Button>
		{state.isOpen && (<Modal onClose={() => setState({ isOpen: false })} title="My title">
		<div style={wrapperStyle}>
		<div>Are you sure?</div>
		<br />
		<Button style={buttonStyle} onClick={() => setState({ isOpen: false })}>OK</Button>
		</div>
		</Modal>)}
		<ModalGatewayDest />
		</div>
		</ModalGatewayProvider>
		</Grid>
		<PotokThemeProvider>
		<Grid>
		<ModalGatewayProvider>
		<div>
		<Button onClick={() => setState({ isOpen: true })}>Click Me!</Button>
		{state.isOpen && (<Modal onClose={() => setState({ isOpen: false })} title="My title">
		<div style={wrapperStyle}>
		<div>Are you sure?</div>
		<br />
		<Button style={buttonStyle} onClick={() => setState({ isOpen: false })}>OK</Button>
		</div>
		</Modal>)}
		<ModalGatewayDest />
		</div>
		</ModalGatewayProvider>
		</Grid>
		</PotokThemeProvider>
		```

components/styled/index.js

		@@ -1,2 +0,3 @@
		import styled from 'styled-components';
		import styled, { css } from 'styled-components';
		import { switchProp } from 'styled-tools';
		import { GatewayDest } from 'react-gateway';
		@@ -9,2 +10,3 @@ import {
		layers,
		themeDevices,
		} from '@potok/theme';
		@@ -41,4 +43,12 @@
		outline: none;
		min-width: 400px;
		width: auto;
		${switchProp('theme.device', {
		[themeDevices.desktop]: css`
		min-width: 400px;
		width: auto;
		`,
		[themeDevices.mobile]: css`
		max-width: 400px;
		width: 100%;
		`,
		})};
		}
		@@ -45,0 +55,0 @@ `;

package.json

		{
		"name": "@potok/modal",
		"version": "0.4.0",
		"version": "0.5.0",
		"description": "Potok.io UI Modal component",
		@@ -5,0 +5,0 @@ "main": "./components/Modal.jsx",

New alerts