@hackclub/design-system
Advanced tools
Comparing version 0.0.1-3 to 0.0.1-4
@@ -6,6 +6,2 @@ import React from 'react' | ||
const RelativeBox = styled(Box)` | ||
position: relative; | ||
` | ||
const keys = Object.keys(theme.colors).filter( | ||
@@ -12,0 +8,0 @@ key => !Array.isArray(theme.colors[key]) |
@@ -12,3 +12,3 @@ import React from 'react' | ||
text: 'Compond component for form fields.' | ||
})(() => <Field name="fname" label="First name" p="Zach" />) | ||
})(() => <Field name="fname" label="First name" placeholder="Zach" />) | ||
) | ||
@@ -20,3 +20,3 @@ .add('with error', () => ( | ||
label="Email" | ||
p="zach@hackclub.com" | ||
placeholder="zach@hackclub.com" | ||
error="can’t be blank" | ||
@@ -30,3 +30,3 @@ /> | ||
label="Write a comment" | ||
p="Be nice :)" | ||
placeholder="Be nice :)" | ||
/> | ||
@@ -33,0 +33,0 @@ )) |
@@ -52,3 +52,3 @@ 'use strict' | ||
Avatar.displayName = 'Badge' | ||
Avatar.displayName = 'Avatar' | ||
@@ -55,0 +55,0 @@ Avatar.propTypes = { |
@@ -91,3 +91,3 @@ 'use strict' | ||
label = _ref.label, | ||
p = _ref.p, | ||
placeholder = _ref.placeholder, | ||
error = _ref.error, | ||
@@ -98,3 +98,3 @@ props = _objectWithoutProperties(_ref, [ | ||
'label', | ||
'p', | ||
'placeholder', | ||
'error' | ||
@@ -119,3 +119,3 @@ ]) | ||
Component, | ||
_extends({ name: name, type: type, placeholder: p }, props) | ||
_extends({ name: name, type: type, placeholder: placeholder }, props) | ||
) | ||
@@ -142,3 +142,3 @@ ) | ||
/** placeholder text */ | ||
p: _propTypes2.default.string | ||
placeholder: _propTypes2.default.string | ||
} | ||
@@ -145,0 +145,0 @@ |
@@ -22,4 +22,18 @@ 'use strict' | ||
var _templateObject = _taggedTemplateLiteral( | ||
['\n display: block;\n ', ' ', ' ', ' ', ';\n'], | ||
['\n display: block;\n ', ' ', ' ', ' ', ';\n'] | ||
[ | ||
'\n display: block;\n ', | ||
' ', | ||
' ', | ||
' ', | ||
';\n\n a {\n color: ', | ||
';\n text-decoration: underline;\n }\n' | ||
], | ||
[ | ||
'\n display: block;\n ', | ||
' ', | ||
' ', | ||
' ', | ||
';\n\n a {\n color: ', | ||
';\n text-decoration: underline;\n }\n' | ||
] | ||
) | ||
@@ -52,3 +66,6 @@ | ||
_styledSystem.color, | ||
_styledSystem.fontWeight | ||
_styledSystem.fontWeight, | ||
function(props) { | ||
return props.theme.colors.info | ||
} | ||
) | ||
@@ -55,0 +72,0 @@ |
@@ -33,3 +33,3 @@ 'use strict' | ||
LargeButton.displayName = LargeButton | ||
LargeButton.displayName = 'LargeButton' | ||
@@ -36,0 +36,0 @@ LargeButton.defaultProps = { |
@@ -29,3 +29,3 @@ 'use strict' | ||
justify: 'center', | ||
direction: 'column', | ||
flexDirection: 'column', | ||
color: 'white', | ||
@@ -32,0 +32,0 @@ py: [4, 5], |
@@ -10,6 +10,6 @@ 'use strict' | ||
[ | ||
"\n* { box-sizing: border-box; }\nbody {\n line-height: 1.6;\n margin: 0;\n}\n\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 400;\n src: url(https://hackclub.com/fonts/averta-regular.woff2) format('woff2'), url(https://hackclub.com/fonts/averta-regular.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 700;\n src: url(https://hackclub.com/fonts/averta-bold.woff2) format('woff2'), url(https://hackclub.com/fonts/averta-bold.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n" | ||
"\n* { box-sizing: border-box; }\nbody { margin: 0; }\n\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 400;\n src: url(//hackclub.com/fonts/averta-regular.woff2) format('woff2'), url(//hackclub.com/fonts/averta-regular.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 700;\n src: url(//hackclub.com/fonts/averta-bold.woff2) format('woff2'), url(//hackclub.com/fonts/averta-bold.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n" | ||
], | ||
[ | ||
"\n* { box-sizing: border-box; }\nbody {\n line-height: 1.6;\n margin: 0;\n}\n\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 400;\n src: url(https://hackclub.com/fonts/averta-regular.woff2) format('woff2'), url(https://hackclub.com/fonts/averta-regular.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 700;\n src: url(https://hackclub.com/fonts/averta-bold.woff2) format('woff2'), url(https://hackclub.com/fonts/averta-bold.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n" | ||
"\n* { box-sizing: border-box; }\nbody { margin: 0; }\n\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 400;\n src: url(//hackclub.com/fonts/averta-regular.woff2) format('woff2'), url(//hackclub.com/fonts/averta-regular.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n@font-face {\n font-family: Averta;\n font-style: normal;\n font-weight: 700;\n src: url(//hackclub.com/fonts/averta-bold.woff2) format('woff2'), url(//hackclub.com/fonts/averta-bold.woff) format('woff');\n unicode-range: U + 0000 - F8FE, U + F900-FFFF;\n}\n" | ||
] | ||
@@ -20,7 +20,7 @@ ), | ||
'\n font-family: ', | ||
';\n line-height: 1.4;\n\n * {\n box-sizing: border-box;\n }\n' | ||
';\n line-height: 1.5;\n\n * {\n box-sizing: border-box;\n }\n' | ||
], | ||
[ | ||
'\n font-family: ', | ||
';\n line-height: 1.4;\n\n * {\n box-sizing: border-box;\n }\n' | ||
';\n line-height: 1.5;\n\n * {\n box-sizing: border-box;\n }\n' | ||
] | ||
@@ -27,0 +27,0 @@ ) |
{ | ||
"name": "@hackclub/design-system", | ||
"version": "0.0.1-3", | ||
"version": "0.0.1-4", | ||
"description": "Hack Club Design System", | ||
@@ -27,7 +27,7 @@ "main": "dist/index.js", | ||
"react-dom": "^16.2.0", | ||
"serve": "^6.4.3" | ||
"serve": "^6.4.4" | ||
}, | ||
"devDependencies": { | ||
"@storybook/addon-info": "v3.3.3", | ||
"@storybook/react": "v3.3.3", | ||
"@storybook/addon-info": "v3.3.6", | ||
"@storybook/react": "v3.3.6", | ||
"@storybook/storybook-deployer": "^2.2.0", | ||
@@ -34,0 +34,0 @@ "babel-cli": "^6.26.0", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
3270399
3904
Updatedserve@^6.4.4