buoy-text - npm Package Compare versions

Comparing version 1.1.9 to 1.1.10

dist/components/Paragraph.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n  ", "\n  font-weight: ", ";\n  line-height: 1.44;\n  letter-spacing: 0.2px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  font-family: ", ";\n  ", "\n  font-weight: ", ";\n  line-height: 1.44;\n  letter-spacing: 0.2px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n  ", "\n  font-weight: ", ";\n  line-height: 1.44;\n  letter-spacing: 0.2px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  font-family: ", ";\n  ", "\n  font-weight: ", ";\n  line-height: 1.44;\n  letter-spacing: 0.2px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n"]);
 
@@ -30,7 +30,5 @@ var _styledComponents = require("styled-components");
 }, function (props) {
-  return props.maxWidth && "max-width: " + props.maxWidth + ";";
-}, function (props) {
   return props.longContent && "margin-bottom: 32px; margin-top:0;}";
 }, function (props) {
-  return (0, _buoyTheme.responsive)("max-width", props.maxWidth, props.maxWidth, props.maxWidth, "320px");
+  return (0, _buoyTheme.responsive)("max-width", props.maxWidth, props.maxWidth, props.maxWidth, _buoyTheme.breakpoints["sm"] + "px");
 });
@@ -37,0 +35,0 @@

package.json

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

src/components/Paragraph.js

 import styled from "styled-components"
-import { fontFamily, fontWeight, fontSize, responsive } from "buoy-theme"
+import { fontFamily, fontWeight, fontSize, responsive, breakpoints } from "buoy-theme"
 
@@ -15,3 +15,2 @@ const Paragraph = styled.p`
   ${props => props.center && `text-align: center;`}
-  ${props => props.maxWidth && `max-width: ${props.maxWidth};`}
   ${props => props.longContent && `margin-bottom: 32px; margin-top:0;}`}
@@ -24,3 +23,3 @@ ${props =>
       props.maxWidth,
-      "320px"
+      `${breakpoints["sm"]}px`
     )}
@@ -27,0 +26,0 @@ `

No alert changes

Worsened metrics

Total package byte prevSize

20813

decreased by-0.52%

Lines of code

380

decreased by-0.78%

No dependency changes