buoy-text - npm Package Compare versions

Comparing version 1.1.8 to 1.1.9

dist/components/Paragraph.js

@@ -21,3 +21,3 @@ "use strict";
 var Paragraph = _styledComponents2.default.p(_templateObject, _buoyTheme.fontFamily, function (props) {
-  return (0, _buoyTheme.fontSize)(props.small ? "body2" : props.large ? "body3" : "body1")(props);
+  return (0, _buoyTheme.fontSize)(props.small ? "body2" : props.large ? "body3" : props.longContent ? "body4" : "body1")(props);
 }, _buoyTheme.fontWeight.light, function (props) {
@@ -32,3 +32,3 @@ return props.theme.colors[props.color];
 }, function (props) {
-  return props.longContent && "margin-bottom: 32px; margin-top:0; " + (0, _buoyTheme.fontSize)('body4');
+  return props.longContent && "margin-bottom: 32px; margin-top:0;}";
 }, function (props) {
@@ -35,0 +35,0 @@ return (0, _buoyTheme.responsive)("max-width", props.maxWidth, props.maxWidth, props.maxWidth, "320px");

package.json

 {
   "name": "buoy-text",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "Basic Buoy text styles",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/components/Paragraph.js

@@ -6,3 +6,3 @@ import styled from "styled-components"
   font-family: ${fontFamily};
-  ${props => fontSize(props.small ? "body2" : props.large ? "body3" : "body1")(props)}
+  ${props => fontSize(props.small ? "body2" : props.large ? "body3" : props.longContent ? "body4": "body1")(props)}
   font-weight: ${fontWeight.light};
@@ -17,3 +17,3 @@ line-height: 1.44;
   ${props => props.maxWidth && `max-width: ${props.maxWidth};`}
-  ${props => props.longContent && `margin-bottom: 32px; margin-top:0; ${fontSize('body4')}`}
+  ${props => props.longContent && `margin-bottom: 32px; margin-top:0;}`}
   ${props =>
@@ -20,0 +20,0 @@ responsive(

No alert changes

Improved metrics

Total package byte prevSize

20921

increased by0.01%

Worsened metrics

Number of downloads

3

decreased by-62.5%

No dependency changes