@eaze/typography
Advanced tools
Comparing version 2.0.1 to 2.0.2
@@ -11,4 +11,2 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteral(['\n font-size: 1.2rem;\n font-weight: 400;\n text-transform: uppercase;\n letter-spacing: 0.04rem;\n font-family: \'Open Sans\', Helvetica;\n'], ['\n font-size: 1.2rem;\n font-weight: 400;\n text-transform: uppercase;\n letter-spacing: 0.04rem;\n font-family: \'Open Sans\', Helvetica;\n']); | ||
var _react = require('react'); | ||
@@ -18,5 +16,5 @@ | ||
var _styledComponents = require('styled-components'); | ||
var _reactEmotion = require('react-emotion'); | ||
var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
var _reactEmotion2 = _interopRequireDefault(_reactEmotion); | ||
@@ -37,6 +35,4 @@ var _propTypes = require('prop-types'); | ||
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
var Label = /*#__PURE__*/(0, _reactEmotion2.default)('label')('font-size:1.2rem;font-weight:400;text-transform:uppercase;letter-spacing:0.04rem;font-family:\'Open Sans\',Helvetica;'); | ||
var Label = _styledComponents2.default.label(_templateObject); | ||
var LabelComponent = function (_PureComponent) { | ||
@@ -43,0 +39,0 @@ _inherits(LabelComponent, _PureComponent); |
@@ -11,4 +11,2 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n font-size: 2rem;\n margin: 0;\n font-weight: 800;\n font-family: \'Open Sans\', Helvetica;\n'], ['\n color: ', ';\n font-size: 2rem;\n margin: 0;\n font-weight: 800;\n font-family: \'Open Sans\', Helvetica;\n']); | ||
var _react = require('react'); | ||
@@ -18,5 +16,5 @@ | ||
var _styledComponents = require('styled-components'); | ||
var _reactEmotion = require('react-emotion'); | ||
var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
var _reactEmotion2 = _interopRequireDefault(_reactEmotion); | ||
@@ -35,7 +33,5 @@ var _propTypes = require('prop-types'); | ||
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
var SectionTitle = _styledComponents2.default.h2(_templateObject, function (p) { | ||
var SectionTitle = /*#__PURE__*/(0, _reactEmotion2.default)('h2')('color:', function (p) { | ||
return p.color || '#373838'; | ||
}); | ||
}, ';font-size:2rem;margin:0;font-weight:800;font-family:\'Open Sans\',Helvetica;'); | ||
@@ -42,0 +38,0 @@ var SectionTitleComponent = function (_PureComponent) { |
@@ -11,4 +11,2 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteral(['\n font-size: 1.2rem;\n font-family: \'Open Sans\', Helvetica;\n margin: 0;\n color: ', ';\n'], ['\n font-size: 1.2rem;\n font-family: \'Open Sans\', Helvetica;\n margin: 0;\n color: ', ';\n']); | ||
var _react = require('react'); | ||
@@ -18,5 +16,5 @@ | ||
var _styledComponents = require('styled-components'); | ||
var _reactEmotion = require('react-emotion'); | ||
var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
var _reactEmotion2 = _interopRequireDefault(_reactEmotion); | ||
@@ -35,7 +33,5 @@ var _propTypes = require('prop-types'); | ||
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
var Subtext = _styledComponents2.default.p(_templateObject, function (p) { | ||
var Subtext = /*#__PURE__*/(0, _reactEmotion2.default)('p')('font-size:1.2rem;font-family:\'Open Sans\',Helvetica;margin:0;color:', function (p) { | ||
return p.color || '#373838'; | ||
}); | ||
}, ';'); | ||
@@ -42,0 +38,0 @@ var SubtextComponent = function (_PureComponent) { |
@@ -11,4 +11,2 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n font-size: 1.4rem;\n font-family: \'Open Sans\', Helvetica;\n margin: 0;\n'], ['\n color: ', ';\n font-size: 1.4rem;\n font-family: \'Open Sans\', Helvetica;\n margin: 0;\n']); | ||
var _react = require('react'); | ||
@@ -18,5 +16,5 @@ | ||
var _styledComponents = require('styled-components'); | ||
var _reactEmotion = require('react-emotion'); | ||
var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
var _reactEmotion2 = _interopRequireDefault(_reactEmotion); | ||
@@ -35,7 +33,5 @@ var _propTypes = require('prop-types'); | ||
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
var Text = _styledComponents2.default.p(_templateObject, function (p) { | ||
var Text = /*#__PURE__*/(0, _reactEmotion2.default)('p')('color:', function (p) { | ||
return p.color || '#373838'; | ||
}); | ||
}, ';font-size:1.4rem;font-family:\'Open Sans\',Helvetica;margin:0;'); | ||
@@ -42,0 +38,0 @@ var TextComponent = function (_PureComponent) { |
@@ -11,4 +11,2 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n font-size: 3.2rem;\n line-height: 3.4rem;\n margin: 0;\n font-weight: 800;\n font-family: \'Open Sans\', Helvetica;\n'], ['\n color: ', ';\n font-size: 3.2rem;\n line-height: 3.4rem;\n margin: 0;\n font-weight: 800;\n font-family: \'Open Sans\', Helvetica;\n']); | ||
var _react = require('react'); | ||
@@ -18,5 +16,5 @@ | ||
var _styledComponents = require('styled-components'); | ||
var _reactEmotion = require('react-emotion'); | ||
var _styledComponents2 = _interopRequireDefault(_styledComponents); | ||
var _reactEmotion2 = _interopRequireDefault(_reactEmotion); | ||
@@ -35,7 +33,5 @@ var _propTypes = require('prop-types'); | ||
function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } | ||
var Title = _styledComponents2.default.h1(_templateObject, function (p) { | ||
var Title = /*#__PURE__*/(0, _reactEmotion2.default)('h1')('color:', function (p) { | ||
return p.color || '#373838'; | ||
}); | ||
}, ';font-size:3.2rem;line-height:3.4rem;margin:0;font-weight:800;font-family:\'Open Sans\',Helvetica;'); | ||
@@ -42,0 +38,0 @@ var TitleComponent = function (_PureComponent) { |
{ | ||
"name": "@eaze/typography", | ||
"version": "2.0.1", | ||
"version": "2.0.2", | ||
"description": "Styled text components", | ||
@@ -24,2 +24,3 @@ "main": "dist/index.js", | ||
"babel-core": "~6.25.0", | ||
"babel-plugin-emotion": "~8.0.9", | ||
"babel-preset-es2015": "~6.24.1", | ||
@@ -30,6 +31,7 @@ "babel-preset-react": "~6.24.1", | ||
"dependencies": { | ||
"emotion": "~8.0.9", | ||
"prop-types": "~15.5.10", | ||
"react": "~16.0.0", | ||
"react-dom": "~16.0.0", | ||
"styled-components": "~1.4.6" | ||
"react-emotion": "~8.0.9" | ||
}, | ||
@@ -36,0 +38,0 @@ "publishConfig": { |
import React, { PureComponent } from 'react' | ||
import styled from 'styled-components' | ||
import styled from 'react-emotion' | ||
import PropTypes from 'prop-types' | ||
@@ -4,0 +4,0 @@ |
import React, { PureComponent } from 'react' | ||
import styled from 'styled-components' | ||
import styled from 'react-emotion' | ||
import PropTypes from 'prop-types' | ||
@@ -4,0 +4,0 @@ |
import React, { PureComponent } from 'react' | ||
import styled from 'styled-components' | ||
import styled from 'react-emotion' | ||
import PropTypes from 'prop-types' | ||
@@ -4,0 +4,0 @@ |
import React, { PureComponent } from 'react' | ||
import styled from 'styled-components' | ||
import styled from 'react-emotion' | ||
import PropTypes from 'prop-types' | ||
@@ -4,0 +4,0 @@ |
import React, { PureComponent } from 'react' | ||
import styled from 'styled-components' | ||
import styled from 'react-emotion' | ||
import PropTypes from 'prop-types' | ||
@@ -4,0 +4,0 @@ |
Sorry, the diff of this file is not supported yet
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
97767
5
6
525
1
+ Addedemotion@~8.0.9
+ Addedreact-emotion@~8.0.9
+ Added@babel/helper-module-imports@7.0.0-beta.32(transitive)
+ Added@babel/types@7.0.0-beta.32(transitive)
+ Addedabbrev@1.1.1(transitive)
+ Addedargparse@1.0.10(transitive)
+ Addedbabel-macros@1.2.0(transitive)
+ Addedbabel-plugin-emotion@8.0.12(transitive)
+ Addedbabel-plugin-syntax-jsx@6.18.0(transitive)
+ Addedconvert-source-map@1.9.0(transitive)
+ Addedcosmiconfig@3.1.0(transitive)
+ Addedemotion@8.0.12(transitive)
+ Addedemotion-utils@8.0.12(transitive)
+ Addederror-ex@1.3.2(transitive)
+ Addedesprima@4.0.1(transitive)
+ Addedesutils@2.0.3(transitive)
+ Addedfind-root@1.1.0(transitive)
+ Addedis-arrayish@0.2.1(transitive)
+ Addedis-directory@0.3.1(transitive)
+ Addedjs-yaml@3.14.1(transitive)
+ Addedlodash@4.17.21(transitive)
+ Addednopt@1.0.10(transitive)
+ Addedparse-json@3.0.0(transitive)
+ Addedreact-emotion@8.0.12(transitive)
+ Addedrequire-from-string@2.0.2(transitive)
+ Addedsource-map@0.5.7(transitive)
+ Addedsprintf-js@1.0.3(transitive)
+ Addedstylis@3.5.4(transitive)
+ Addedstylis-rule-sheet@0.0.5(transitive)
+ Addedto-fast-properties@2.0.0(transitive)
+ Addedtouch@1.0.0(transitive)
- Removedstyled-components@~1.4.6
- Removedbase64-js@1.5.1(transitive)
- Removedbowser@1.9.4(transitive)
- Removedbuffer@5.7.1(transitive)
- Removedcommander@2.20.3(transitive)
- Removedcreate-react-class@15.7.0(transitive)
- Removedcss-color-list@0.0.1(transitive)
- Removedcss-color-names@0.0.1(transitive)
- Removedcss-to-react-native@1.0.6(transitive)
- Removeddiscontinuous-range@1.0.0(transitive)
- Removedhas-flag@1.0.0(transitive)
- Removedhyphenate-style-name@1.1.0(transitive)
- Removedieee754@1.2.1(transitive)
- Removedinline-style-prefixer@2.0.5(transitive)
- Removedis-function@1.0.2(transitive)
- Removedis-plain-object@2.0.4(transitive)
- Removedisobject@3.0.1(transitive)
- Removedmoo@0.5.2(transitive)
- Removednearley@2.20.1(transitive)
- Removedrailroad-diagrams@1.0.0(transitive)
- Removedrandexp@0.4.6(transitive)
- Removedreact@15.7.0(transitive)
- Removedret@0.1.15(transitive)
- Removedstyled-components@1.4.6(transitive)
- Removedsupports-color@3.2.3(transitive)