New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

@eaze/typography

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@eaze/typography - npm Package Compare versions

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