@eaze/typography - npm Package Compare versions

Comparing version 3.0.6-0 to 3.0.6-1

dist/label.js

@@ -15,5 +15,5 @@ 'use strict';
 
-var _reactEmotion = require('react-emotion');
+var _styled = require('@emotion/styled');
 
-var _reactEmotion2 = _interopRequireDefault(_reactEmotion);
+var _styled2 = _interopRequireDefault(_styled);
 
@@ -34,4 +34,4 @@ var _propTypes = require('prop-types');
 
-var Label = /*#__PURE__*/(0, _reactEmotion2.default)('label', {
-  target: 'css-q813ey0'
+var Label = /*#__PURE__*/(0, _styled2.default)('label', {
+  target: 'css-1tsnf620'
 })('font-size:1.2rem;font-weight:400;text-transform:uppercase;font-family:\'Proxima\',\'Open sans\',Helvetica;letter-spacing:0.03em;');
@@ -74,2 +74,3 @@
 LabelComponent.propTypes = {
+  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
   className: _propTypes2.default.string,
@@ -76,0 +77,0 @@ content: _propTypes2.default.string

dist/section-title.js

@@ -15,5 +15,5 @@ 'use strict';
 
-var _reactEmotion = require('react-emotion');
+var _styled = require('@emotion/styled');
 
-var _reactEmotion2 = _interopRequireDefault(_reactEmotion);
+var _styled2 = _interopRequireDefault(_styled);
 
@@ -32,4 +32,4 @@ var _propTypes = require('prop-types');
 
-var SectionTitle = /*#__PURE__*/(0, _reactEmotion2.default)('h2', {
-  target: 'css-1vffund0'
+var SectionTitle = /*#__PURE__*/(0, _styled2.default)('h2', {
+  target: 'css-1o1vvw70'
 })('color:', function (p) {
@@ -79,2 +79,3 @@ return p.color || '#373838';
 SectionTitleComponent.propTypes = {
+  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
   componentStyle: _propTypes2.default.object,
@@ -81,0 +82,0 @@ className: _propTypes2.default.string,

dist/subtext.js

@@ -15,5 +15,5 @@ 'use strict';
 
-var _reactEmotion = require('react-emotion');
+var _styled = require('@emotion/styled');
 
-var _reactEmotion2 = _interopRequireDefault(_reactEmotion);
+var _styled2 = _interopRequireDefault(_styled);
 
@@ -32,4 +32,4 @@ var _propTypes = require('prop-types');
 
-var Subtext = /*#__PURE__*/(0, _reactEmotion2.default)('p', {
-  target: 'css-lqylub0'
+var Subtext = /*#__PURE__*/(0, _styled2.default)('p', {
+  target: 'css-hmzwyk0'
 })('font-size:1.2rem;font-family:\'Proxima\',\'Open sans\',Helvetica;letter-spacing:0.03em;margin:0;color:', function (p) {
@@ -79,2 +79,3 @@ return p.color || '#373838';
 SubtextComponent.propTypes = {
+  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
   componentStyle: _propTypes2.default.object,
@@ -81,0 +82,0 @@ className: _propTypes2.default.string,

dist/text.js

@@ -15,5 +15,5 @@ 'use strict';
 
-var _reactEmotion = require('react-emotion');
+var _styled = require('@emotion/styled');
 
-var _reactEmotion2 = _interopRequireDefault(_reactEmotion);
+var _styled2 = _interopRequireDefault(_styled);
 
@@ -32,4 +32,4 @@ var _propTypes = require('prop-types');
 
-var Text = /*#__PURE__*/(0, _reactEmotion2.default)('p', {
-  target: 'css-1gxt0nu0'
+var Text = /*#__PURE__*/(0, _styled2.default)('p', {
+  target: 'css-1yir1s00'
 })('color:', function (p) {
@@ -79,2 +79,3 @@ return p.color || '#373838';
 TextComponent.propTypes = {
+  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
   componentStyle: _propTypes2.default.object,
@@ -81,0 +82,0 @@ className: _propTypes2.default.string,

dist/title.js

@@ -15,5 +15,5 @@ 'use strict';
 
-var _reactEmotion = require('react-emotion');
+var _styled = require('@emotion/styled');
 
-var _reactEmotion2 = _interopRequireDefault(_reactEmotion);
+var _styled2 = _interopRequireDefault(_styled);
 
@@ -32,4 +32,4 @@ var _propTypes = require('prop-types');
 
-var Title = /*#__PURE__*/(0, _reactEmotion2.default)('h1', {
-  target: 'css-xbnmd80'
+var Title = /*#__PURE__*/(0, _styled2.default)('h1', {
+  target: 'css-svn1590'
 })('color:', function (p) {
@@ -79,2 +79,3 @@ return p.color || '#373838';
 TitleComponent.propTypes = {
+  children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
   componentStyle: _propTypes2.default.object,
@@ -81,0 +82,0 @@ className: _propTypes2.default.string,

package.json

 {
   "name": "@eaze/typography",
-  "version": "3.0.6-0",
+  "version": "3.0.6-1",
   "description": "Styled text components",
@@ -30,7 +30,6 @@ "main": "dist/index.js",
   "dependencies": {
-    "emotion": "~8.0.9",
+    "@emotion/styled": "~10.0.12",
     "prop-types": "~15.5.10",
-    "react": "~16.0.0",
-    "react-dom": "~16.0.0",
-    "react-emotion": "~8.0.9"
+    "react": "~16.8.6",
+    "react-dom": "~16.8.6"
   },
@@ -37,0 +36,0 @@ "publishConfig": {

src/label.js

 import React, { PureComponent } from 'react'
-import styled from 'react-emotion'
+import styled from '@emotion/styled'
 import PropTypes from 'prop-types'
@@ -20,2 +20,3 @@
   static propTypes = {
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
     className: PropTypes.string,
@@ -22,0 +23,0 @@ content: PropTypes.string

src/section-title.js

 import React, { PureComponent } from 'react'
-import styled from 'react-emotion'
+import styled from '@emotion/styled'
 import PropTypes from 'prop-types'
@@ -21,2 +21,3 @@
   static propTypes = {
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
     componentStyle: PropTypes.object,
@@ -33,3 +34,3 @@ className: PropTypes.string,
         className={className}
-        style={{...componentStyle}}
+        style={{ ...componentStyle }}
         color={color}
@@ -36,0 +37,0 @@ >

src/subtext.js

 import React, { PureComponent } from 'react'
-import styled from 'react-emotion'
+import styled from '@emotion/styled'
 import PropTypes from 'prop-types'
@@ -21,2 +21,3 @@
   static propTypes = {
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
     componentStyle: PropTypes.object,
@@ -33,3 +34,3 @@ className: PropTypes.string,
         className={className}
-        style={{...componentStyle}}
+        style={{ ...componentStyle }}
         color={color}
@@ -36,0 +37,0 @@ >

src/text.js

 import React, { PureComponent } from 'react'
-import styled from 'react-emotion'
+import styled from '@emotion/styled'
 import PropTypes from 'prop-types'
@@ -21,2 +21,3 @@
   static propTypes = {
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
     componentStyle: PropTypes.object,
@@ -33,3 +34,3 @@ className: PropTypes.string,
         className={className}
-        style={{...componentStyle}}
+        style={{ ...componentStyle }}
         color={color}
@@ -36,0 +37,0 @@ >

src/title.js

 import React, { PureComponent } from 'react'
-import styled from 'react-emotion'
+import styled from '@emotion/styled'
 import PropTypes from 'prop-types'
@@ -22,2 +22,3 @@
   static propTypes = {
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
     componentStyle: PropTypes.object,
@@ -34,3 +35,3 @@ className: PropTypes.string,
         className={className}
-        style={{...componentStyle}}
+        style={{ ...componentStyle }}
         color={color}
@@ -37,0 +38,0 @@ >

Fixed alerts

New author

Supply chain risk

A 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

Improved metrics

Total package byte prevSize

26249

increased by3.87%

Dependency count

4

decreased by-20%

Lines of code

547

increased by1.86%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@emotion/styled@~10.0.12

• + Added@babel/code-frame@7.26.2(transitive)

• + Added@babel/generator@7.26.5(transitive)

• + Added@babel/helper-module-imports@7.25.9(transitive)

• + Added@babel/helper-string-parser@7.25.9(transitive)

• + Added@babel/helper-validator-identifier@7.25.9(transitive)

• + Added@babel/parser@7.26.7(transitive)

• + Added@babel/runtime@7.26.7(transitive)

• + Added@babel/template@7.25.9(transitive)

• + Added@babel/traverse@7.26.7(transitive)

• + Added@babel/types@7.26.7(transitive)

• + Added@emotion/cache@10.0.29(transitive)

• + Added@emotion/core@10.3.1(transitive)

• + Added@emotion/css@10.0.27(transitive)

• + Added@emotion/hash@0.8.0(transitive)

• + Added@emotion/is-prop-valid@0.8.8(transitive)

• + Added@emotion/memoize@0.7.4(transitive)

• + Added@emotion/serialize@0.11.16(transitive)

• + Added@emotion/sheet@0.9.4(transitive)

• + Added@emotion/styled@10.0.27(transitive)

• + Added@emotion/styled-base@10.3.0(transitive)

• + Added@emotion/stylis@0.8.5(transitive)

• + Added@emotion/unitless@0.7.5(transitive)

• + Added@emotion/utils@0.11.3(transitive)

• + Added@emotion/weak-memoize@0.2.5(transitive)

• + Added@jridgewell/gen-mapping@0.3.8(transitive)

• + Added@jridgewell/resolve-uri@3.1.2(transitive)

• + Added@jridgewell/set-array@1.2.1(transitive)

• + Added@jridgewell/sourcemap-codec@1.5.0(transitive)

• + Added@jridgewell/trace-mapping@0.3.25(transitive)

• + Added@types/parse-json@4.0.2(transitive)

• + Addedbabel-plugin-emotion@10.2.2(transitive)

• + Addedbabel-plugin-macros@2.8.0(transitive)

• + Addedcallsites@3.1.0(transitive)

• + Addedcosmiconfig@6.0.0(transitive)

• + Addedcsstype@2.6.21(transitive)

• + Addeddebug@4.4.0(transitive)

• + Addedescape-string-regexp@1.0.5(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedglobals@11.12.0(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedimport-fresh@3.3.0(transitive)

• + Addedis-core-module@2.16.1(transitive)

• + Addedjsesc@3.1.0(transitive)

• + Addedjson-parse-even-better-errors@2.3.1(transitive)

• + Addedlines-and-columns@1.2.4(transitive)

• + Addedms@2.1.3(transitive)

• + Addedparent-module@1.0.1(transitive)

• + Addedparse-json@5.2.0(transitive)

• + Addedpath-parse@1.0.7(transitive)

• + Addedpath-type@4.0.0(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedreact@16.8.6(transitive)

• + Addedreact-dom@16.8.6(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• + Addedresolve@1.22.10(transitive)

• + Addedresolve-from@4.0.0(transitive)

• + Addedscheduler@0.13.6(transitive)

• + Addedsupports-preserve-symlinks-flag@1.0.0(transitive)

• + Addedyaml@1.10.2(transitive)

• - Removedemotion@~8.0.9

• - Removedreact-emotion@~8.0.9

• - Removed@babel/helper-module-imports@7.0.0-beta.32(transitive)

• - Removed@babel/types@7.0.0-beta.32(transitive)

• - Removedabbrev@1.1.1(transitive)

• - Removedargparse@1.0.10(transitive)

• - Removedbabel-macros@1.2.0(transitive)

• - Removedbabel-plugin-emotion@8.0.12(transitive)

• - Removedcosmiconfig@3.1.0(transitive)

• - Removedemotion@8.0.12(transitive)

• - Removedemotion-utils@8.0.12(transitive)

• - Removedesprima@4.0.1(transitive)

• - Removedesutils@2.0.3(transitive)

• - Removedis-directory@0.3.1(transitive)

• - Removedjs-yaml@3.14.1(transitive)

• - Removedlodash@4.17.21(transitive)

• - Removednopt@1.0.10(transitive)

• - Removedparse-json@3.0.0(transitive)

• - Removedreact@16.0.0(transitive)

• - Removedreact-dom@16.0.1(transitive)

• - Removedreact-emotion@8.0.12(transitive)

• - Removedrequire-from-string@2.0.2(transitive)

• - Removedsprintf-js@1.0.3(transitive)

• - Removedstylis@3.5.4(transitive)

• - Removedstylis-rule-sheet@0.0.5(transitive)

• - Removedto-fast-properties@2.0.0(transitive)

• - Removedtouch@1.0.0(transitive)

• Updatedreact@~16.8.6

• Updatedreact-dom@~16.8.6