From ad7e2e1b20e150e9f9caffbfcfabd1435e3c0a8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 15 May 2019 15:49:17 +0200
Subject: [PATCH 01/10] install npm prop-types package and using proptypes in
Button component
---
package-lock.json | 6 +++---
package.json | 1 +
src/lib/components/Button.js | 9 +++++++++
3 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index dae8293..c0683c7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13053,9 +13053,9 @@
"dev": true
},
"nan": {
- "version": "2.13.2",
- "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz",
- "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==",
+ "version": "2.14.0",
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
+ "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
"dev": true,
"optional": true
},
diff --git a/package.json b/package.json
index 1b41e93..330ad77 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
"@svgr/webpack": "^4.2.0",
"jest-svg-transformer": "^1.0.0",
"jest-t-assert": "^0.3.0",
+ "prop-types": "^15.7.2",
"react-komposer": "^2.0.0",
"react-studs": "^2.1.0",
"styled-icons": "^7.11.0"
diff --git a/src/lib/components/Button.js b/src/lib/components/Button.js
index ff07558..31b8f3e 100644
--- a/src/lib/components/Button.js
+++ b/src/lib/components/Button.js
@@ -1,5 +1,6 @@
import React from 'react'
import styled, { css } from 'styled-components'
+import PropTypes from 'prop-types'
import { ButtonShape } from './Shape/ButtonShape'
import { unit, unitLength } from '../utils/unit'
@@ -70,4 +71,12 @@ const Button = props => (
</StyledColorableShape>
)
+Button.propTypes = {
+ danger: PropTypes.bool,
+ disabled: PropTypes.bool,
+ noresize: PropTypes.bool,
+ selected: PropTypes.bool,
+ size: PropTypes.number,
+}
+
export default Button
--
GitLab
From 74e065b210e866b5d11728d476f08f878c55d463 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 22 May 2019 14:21:30 +0200
Subject: [PATCH 02/10] add proptypes to PinImage component
---
src/lib/components/PinImage.js | 11 ++++++++++-
1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/lib/components/PinImage.js b/src/lib/components/PinImage.js
index d904fd3..61d011e 100644
--- a/src/lib/components/PinImage.js
+++ b/src/lib/components/PinImage.js
@@ -1,7 +1,8 @@
import React from 'react'
+import PropTypes from 'prop-types'
import { unit, colorType } from '../utils'
-export default ({ size, border, full, color, secondary, danger, disabled }) => {
+const PinImage = ({ size, border, full, color, secondary, danger, disabled }) => {
const length = unit(size)
const fullPath =
`M787.143802,465.995818 C766.506373,317.376739 647.401481,210 499.22782,210 ` +
@@ -32,3 +33,11 @@ export default ({ size, border, full, color, secondary, danger, disabled }) => {
</svg>
)
}
+
+PinImage.propTypes = {
+ border: PropTypes.bool,
+ full: PropTypes.bool,
+ color: PropTypes.string,
+}
+
+export default PinImage
--
GitLab
From e6a6b5f6804613f3bed9e1bc0ff6beb9aa3e5a3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 22 May 2019 13:13:07 +0200
Subject: [PATCH 03/10] add proptypes to CircleShape component
---
src/lib/components/Shape/CircleShape.js | 9 +++++++++
1 file changed, 9 insertions(+)
diff --git a/src/lib/components/Shape/CircleShape.js b/src/lib/components/Shape/CircleShape.js
index 2c6d146..4185781 100644
--- a/src/lib/components/Shape/CircleShape.js
+++ b/src/lib/components/Shape/CircleShape.js
@@ -3,6 +3,7 @@ import styled from 'styled-components'
import Colorable from './Colorable'
import { unit, unitLength, centerPosition } from '../../utils'
+import PropTypes from 'prop-types'
const StyledCircleShape = styled(Colorable)`
border-style: solid;
@@ -60,4 +61,12 @@ const CircleShape = ({
</OuterDiv>
)
+CircleShape.propTypes = {
+ fix: PropTypes.bool,
+ height: PropTypes.number,
+ rel: PropTypes.number,
+ size: PropTypes.number,
+ width: PropTypes.width,
+}
+
export default props => <CircleShape {...props}>{props.children}</CircleShape>
--
GitLab
From 35d7ae7c4f5690a8ff1964591794f8e970ff7d7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 22 May 2019 12:59:46 +0200
Subject: [PATCH 04/10] add proptypes to ButtonShape component
---
src/lib/components/Shape/ButtonShape.js | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/src/lib/components/Shape/ButtonShape.js b/src/lib/components/Shape/ButtonShape.js
index b046a70..041f99e 100644
--- a/src/lib/components/Shape/ButtonShape.js
+++ b/src/lib/components/Shape/ButtonShape.js
@@ -1,8 +1,8 @@
import React from 'react'
import styled from 'styled-components'
+import PropTypes from 'prop-types'
import Colorable from './Colorable'
-
import { unit, unitLength } from '../../utils'
// FIXME: init unitLength from theme
@@ -17,4 +17,12 @@ export const ButtonShape = styled(Colorable)`
padding: 5px;
`
+ButtonShape.propTypes = {
+ size: PropTypes.number,
+ rel: PropTypes.number,
+ fix: PropTypes.bool,
+ noborder: PropTypes.bool,
+ width: PropTypes.number,
+}
+
export default props => <ButtonShape size={2} {...props} />
--
GitLab
From 108498f5f19c35b3514082d1e675cba0ef3ec4be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 22 May 2019 11:29:52 +0200
Subject: [PATCH 05/10] add proptypes to LensImage component
---
src/lib/components/LensImage.js | 13 ++++++++++++-
1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/src/lib/components/LensImage.js b/src/lib/components/LensImage.js
index 0bf58fa..bebb1dc 100644
--- a/src/lib/components/LensImage.js
+++ b/src/lib/components/LensImage.js
@@ -1,7 +1,8 @@
import React from 'react'
import { unit, colorType } from '../utils'
+import PropTypes from 'prop-types'
-export default ({ size, color, secondary, danger, disabled }) => {
+const LensImage = ({ size, color, secondary, danger, disabled }) => {
const length = unit(size)
return (
<svg
@@ -53,3 +54,13 @@ export default ({ size, color, secondary, danger, disabled }) => {
</svg>
)
}
+
+LensImage.propTypes = {
+ size: PropTypes.number,
+ color: PropTypes.number,
+ secondary: PropTypes.bool,
+ danger: PropTypes.bool,
+ disabled: PropTypes.bool,
+}
+
+export default LensImage
\ No newline at end of file
--
GitLab
From 5c93f971a7bc66dd8f7e050a9786ef960bae4909 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 15 May 2019 18:26:40 +0200
Subject: [PATCH 06/10] fix copy paste fail
---
src/lib/components/Shape/Lens.js | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/src/lib/components/Shape/Lens.js b/src/lib/components/Shape/Lens.js
index ae771f9..eae43e9 100644
--- a/src/lib/components/Shape/Lens.js
+++ b/src/lib/components/Shape/Lens.js
@@ -1,5 +1,6 @@
import React from 'react'
import styled from 'styled-components'
+import PropTypes from 'prop-types'
import { unit, centerPosition } from '../../utils'
import { LensImage, Rotate } from '../../'
@@ -45,4 +46,8 @@ const Lens = ({
</OuterDiv>
)
+Lens.propTypes = {
+ size: PropTypes.number,
+}
+
export default Lens
--
GitLab
From d4e6694709b20fd041ca57a690768cb2ec892e77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 15 May 2019 18:17:38 +0200
Subject: [PATCH 07/10] add proptypes of Lens component
---
src/lib/components/Shape/Lens.js | 42 +++++++++++++++++++-------------
1 file changed, 25 insertions(+), 17 deletions(-)
diff --git a/src/lib/components/Shape/Lens.js b/src/lib/components/Shape/Lens.js
index eae43e9..1e2c4b0 100644
--- a/src/lib/components/Shape/Lens.js
+++ b/src/lib/components/Shape/Lens.js
@@ -28,23 +28,31 @@ const Lens = ({
disabled,
danger,
}) => (
- <OuterDiv>
- <Rotate rotation={rotation}>
- <LensImage
- size={size}
- color={shapeColor}
- secondary={secondary}
- disabled={disabled}
- danger={danger}
- />
- </Rotate>
- {children && (
- <InnerDiv size={size / innerFactor}>
- {React.cloneElement(children, { size: size / innerFactor })}
- </InnerDiv>
- )}
- </OuterDiv>
-)
+ <OuterDiv>
+ <Rotate rotation={rotation}>
+ <LensImage
+ size={size}
+ color={shapeColor}
+ secondary={secondary}
+ disabled={disabled}
+ danger={danger}
+ />
+ </Rotate>
+ {children && (
+ <InnerDiv size={size / innerFactor}>
+ {React.cloneElement(children, { size: size / innerFactor })}
+ </InnerDiv>
+ )}
+ </OuterDiv>
+ )
+
+Text.propTypes = {
+ rotation: PropTypes.number,
+}
+
+Lens.propTypes = {
+ size: PropTypes.number,
+}
Lens.propTypes = {
size: PropTypes.number,
--
GitLab
From c7bbcb83d16f73f10997d4c606d813c83b58611a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Stark?= <b.stark@linguala.com>
Date: Wed, 15 May 2019 17:36:24 +0200
Subject: [PATCH 08/10] add proptypes to Toggle component
---
src/lib/components/Toggle.js | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/src/lib/components/Toggle.js b/src/lib/components/Toggle.js
index c4ee13b..0af60d9 100644
--- a/src/lib/components/Toggle.js
+++ b/src/lib/components/Toggle.js
@@ -1,5 +1,6 @@
import React from 'react'
import styled from 'styled-components'
+import PropTypes from 'prop-types'
import { theme } from '../inittheme'
import { unit } from '../utils'
@@ -62,4 +63,9 @@ const Toggle = ({ state, toggle, size = 1 }) => {
)
}
+Toggle.propTypes = {
+ state: PropTypes.bool,
+ size: PropTypes.number,
+}
+
export default Toggle
--
GitLab
From c2db5b0559f78abe41d46ac45f15db519e8190ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Th=C3=BCring?= <t.thuering@linguala.com>
Date: Wed, 29 May 2019 16:35:04 +0200
Subject: [PATCH 09/10] fix(propTypes): ButtonShape / CircleShape width prop
---
src/lib/components/Shape/ButtonShape.js | 2 +-
src/lib/components/Shape/CircleShape.js | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/lib/components/Shape/ButtonShape.js b/src/lib/components/Shape/ButtonShape.js
index 041f99e..01b33d4 100644
--- a/src/lib/components/Shape/ButtonShape.js
+++ b/src/lib/components/Shape/ButtonShape.js
@@ -22,7 +22,7 @@ ButtonShape.propTypes = {
rel: PropTypes.number,
fix: PropTypes.bool,
noborder: PropTypes.bool,
- width: PropTypes.number,
+ width: PropTypes.string,
}
export default props => <ButtonShape size={2} {...props} />
diff --git a/src/lib/components/Shape/CircleShape.js b/src/lib/components/Shape/CircleShape.js
index 4185781..617c7ca 100644
--- a/src/lib/components/Shape/CircleShape.js
+++ b/src/lib/components/Shape/CircleShape.js
@@ -66,7 +66,7 @@ CircleShape.propTypes = {
height: PropTypes.number,
rel: PropTypes.number,
size: PropTypes.number,
- width: PropTypes.width,
+ width: PropTypes.string,
}
export default props => <CircleShape {...props}>{props.children}</CircleShape>
--
GitLab
From fb6acfc823936eb08fe46f0b92adeeaf2882bdc7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Th=C3=BCring?= <t.thuering@linguala.com>
Date: Wed, 29 May 2019 16:35:20 +0200
Subject: [PATCH 10/10] chore(test): update snapshots
---
tests/__snapshots__/storyshots.test.js.snap | 1259 ++++++++++++++++++-
1 file changed, 1238 insertions(+), 21 deletions(-)
diff --git a/tests/__snapshots__/storyshots.test.js.snap b/tests/__snapshots__/storyshots.test.js.snap
index 2328a9e..b8fd021 100644
--- a/tests/__snapshots__/storyshots.test.js.snap
+++ b/tests/__snapshots__/storyshots.test.js.snap
@@ -812,9 +812,324 @@ exports[`Storyshots Atom/Buttons Button 1`] = `
Button
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ danger
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ disabled
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ noresize
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ selected
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
<div>
<h3
@@ -1463,9 +1778,324 @@ exports[`Storyshots Atom/Buttons Button states 1`] = `
Button
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ danger
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ disabled
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ noresize
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ selected
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
<div>
<h3
@@ -3040,9 +3670,168 @@ exports[`Storyshots Atom/Buttons Toggle 1`] = `
Toggle
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ state
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ bool
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
</div>
</div>
@@ -13239,9 +14028,116 @@ exports[`Storyshots Atom/Shape Lens Border 1`] = `
Lens
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
</div>
</div>
@@ -15144,9 +16040,116 @@ exports[`Storyshots Atom/Shape all 1`] = `
Lens
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
<div>
<h3
@@ -19167,9 +20170,116 @@ exports[`Storyshots Molecules/Lens Flag + Lens Composition 1`] = `
Lens
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
</div>
</div>
@@ -19673,9 +20783,116 @@ exports[`Storyshots Molecules/Lens Logo + Lens Composition 1`] = `
Lens
" Component
</h3>
- <small>
- No propTypes defined!
- </small>
+ <table>
+ <thead>
+ <tr>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ property
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ propType
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ required
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ default
+ </th>
+ <th
+ style={
+ Object {
+ "textAlign": "left",
+ "verticalAlign": "top",
+ }
+ }
+ >
+ description
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ size
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ <span>
+ number
+ </span>
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ >
+ -
+ </td>
+ <td
+ style={
+ Object {
+ "paddingRight": 10,
+ "verticalAlign": "top",
+ }
+ }
+ />
+ </tr>
+ </tbody>
+ </table>
</div>
</div>
</div>
--
GitLab