buoy-text - npm Package Compare versions

Comparing version 5.0.0-alpha.1 to 5.0.1-alpha.0

dist/components/Heading.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n  ", ";\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"], ["\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n  ", ";\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n  line-height: 1.3;\n  ", ";\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"], ["\n  font-family: ", ";\n  color: ", ";\n  margin: ", ";\n  line-height: 1.3;\n  ", ";\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"]);
 
@@ -11,0 +11,0 @@ var _styledComponents = require("styled-components");

dist/components/HeadingOne.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: -0.2px;\n  ", ";\n  line-height: 1;\n"], ["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: -0.2px;\n  ", ";\n  line-height: 1;\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: 0;\n  ", ";\n"], ["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: 0;\n  ", ";\n"]);
 
@@ -31,6 +31,5 @@ var _styledComponents = require("styled-components");
 HeadingOne.defaultProps = {
-  color: "neutralDark",
-  margin: 0
+  color: "neutralDarkest"
 };
 
 exports.default = HeadingOne;

dist/components/HeadingThree.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  ", "\n  font-weight: ", ";\n  ", ";\n  ", ";\n  line-height: 1.3;\n"], ["\n  ", "\n  font-weight: ", ";\n  ", ";\n  ", ";\n  line-height: 1.3;\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  ", "\n  font-weight: ", ";\n  ", ";\n"], ["\n  ", "\n  font-weight: ", ";\n  ", ";\n"]);
 
@@ -32,11 +32,10 @@ var _styledComponents = require("styled-components");
   return props.theme.fonts.weight[props.weight];
-}, _Heading2.default, (0, _buoyTheme.responsive)('letter-spacing', '-0.2px', '-0.2px', '-0.2px', '0.2px'));
+}, _Heading2.default);
 
 HeadingThree.defaultProps = {
   color: "neutralDarkest",
-  fontSize: "h3",
-  weight: "light",
-  margin: 0
+  fontSize: "bodyMain",
+  weight: "medium"
 };
 
 exports.default = HeadingThree;

dist/components/HeadingTwo.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: -0.2px;\n  ", ";\n  ", ";\n  line-height: 1.3;\n"], ["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: -0.2px;\n  ", ";\n  ", ";\n  line-height: 1.3;\n"]);
+var _templateObject = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: 0;\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  font-weight: ", ";\n  letter-spacing: 0;\n  ", ";\n  ", ";\n"]);
 
@@ -31,6 +31,6 @@ var _styledComponents = require("styled-components");
 HeadingTwo.defaultProps = {
-  color: "neutralDark",
-  margin: 0
+  color: "neutralDarkest",
+  margin: "0 0 24px 0"
 };
 
 exports.default = HeadingTwo;

dist/components/Paragraph.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n  ", "\n  font-weight: ", ";\n  line-height: 1.3;\n  letter-spacing: 0.2px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: ", ";\n  margin: ", ";\n  ", ";\n  ", "\n"], ["\n  font-family: ", ";\n  ", "\n  font-weight: ", ";\n  line-height: 1.3;\n  letter-spacing: 0.2px;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: ", ";\n  margin: ", ";\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  margin: ", ";\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  margin: ", ";\n  ", ";\n  ", "\n"]),
     _templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"], ["\n  ", "\n"]);
@@ -45,5 +45,5 @@
   weight: "light",
-  margin: "0"
+  margin: 0
 };
 
 exports.default = Paragraph;

dist/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.ErrorMessage = exports.Bold = exports.ButtonLink = exports.Link = exports.Paragraph = exports.Label = exports.HeadingThree = exports.HeadingTwo = exports.HeadingOne = undefined;
+exports.ErrorMessage = exports.ButtonLink = exports.Link = exports.Paragraph = exports.Label = exports.HeadingThree = exports.HeadingTwo = exports.HeadingOne = undefined;
 
@@ -33,6 +33,2 @@ var _HeadingOne = require("./components/HeadingOne");
 
-var _Bold = require("./components/Bold");
-
-var _Bold2 = _interopRequireDefault(_Bold);
-
 var _ErrorMessage = require("./components/ErrorMessage");
@@ -51,3 +47,2 @@
 exports.ButtonLink = _Link.ButtonLink;
-exports.Bold = _Bold2.default;
 exports.ErrorMessage = _ErrorMessage2.default;

package.json

 {
   "name": "buoy-text",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.1-alpha.0",
   "description": "Basic Buoy text styles",
@@ -12,3 +12,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "buoy-theme": "^5.0.0-alpha.0"
+    "buoy-theme": "^5.0.1-alpha.0"
   },
@@ -20,3 +20,3 @@ "peerDependencies": {
   },
-  "gitHead": "5d29a8969cc112f6dca2f36c899022dcccac6e70"
+  "gitHead": "934fc7fcc10a6913cec2d89bcbefbd44b39dd664"
 }

src/components/Heading.js

@@ -8,2 +8,3 @@ import { css } from "styled-components"
   margin: ${props => props.margin};
+  line-height: 1.3;
   ${props => props.textAlign && `text-align: ${props.textAlign}`};
@@ -10,0 +11,0 @@ -webkit-font-smoothing: antialiased;

src/components/HeadingOne.js

@@ -8,12 +8,10 @@ import styled from "styled-components"
   font-weight: ${fontWeight.light};
-  letter-spacing: -0.2px;
+  letter-spacing: 0;
   ${Heading};
-  line-height: 1;
 `
 
 HeadingOne.defaultProps = {
-  color: "neutralDark",
-  margin: 0,
+  color: "neutralDarkest",
 }
 
 export { HeadingOne as default }

src/components/HeadingThree.js

@@ -9,4 +9,2 @@ import styled from "styled-components"
   ${Heading};
-  ${ responsive('letter-spacing', '-0.2px', '-0.2px', '-0.2px', '0.2px') };
-  line-height: 1.3;
 `
@@ -16,7 +14,6 @@
   color: "neutralDarkest",
-  fontSize: "h3",
-  weight: "light",
-  margin: 0
+  fontSize: "bodyMain",
+  weight: "medium",
 }
 
 export { HeadingThree as default }

src/components/HeadingTwo.js

@@ -8,13 +8,12 @@ import styled from "styled-components"
   font-weight: ${fontWeight.light};
-  letter-spacing: -0.2px;
+  letter-spacing: 0;
   ${responsive("max-width", "600px", "600px", "600px", "340px")};
   ${Heading};
-  line-height: 1.3;
 `
 
 HeadingTwo.defaultProps = {
-  color: "neutralDark",
-  margin: 0
+  color: "neutralDarkest",
+  margin: "0 0 24px 0"
 }
 
 export { HeadingTwo as default }

src/components/Paragraph.js

@@ -9,3 +9,3 @@ import styled, {css} from "styled-components"
   font-weight: ${props => props.theme.fonts.weight[props.weight]};
-  line-height: 1.3;
+  line-height: 1.44;
   letter-spacing: 0.2px;
@@ -35,5 +35,5 @@ -webkit-font-smoothing: antialiased;
   weight: "light",
-  margin: "0",
+  margin: 0,
 }
 
 export { Paragraph as default }

src/index.js

@@ -7,5 +7,4 @@ import HeadingOne from "./components/HeadingOne"
 import Link, { ButtonLink } from "./components/Link"
-import Bold from "./components/Bold"
 import ErrorMessage from "./components/ErrorMessage"
 
-export { HeadingOne, HeadingTwo, HeadingThree, Label, Paragraph, Link, ButtonLink, Bold, ErrorMessage }
+export { HeadingOne, HeadingTwo, HeadingThree, Label, Paragraph, Link, ButtonLink, ErrorMessage }

stories.js

@@ -11,3 +11,2 @@ import React from "react"
   ButtonLink,
-  Bold,
 } from "./src"
@@ -92,8 +91,2 @@ import styled from "styled-components"
   ))
-  .add("Bold", () => (
-    <Bold 
-      weight={select("Weight", fontWeights, "regular")}>
-      {text("Text", "This text is bold")}
-    </Bold>
-  ))
   

No alert changes

Worsened metrics

Total package byte prevSize

21044

decreased by-7.69%

Number of package files

20

decreased by-9.09%

Lines of code

471

decreased by-9.07%

Dependency changes

• Updatedbuoy-theme@^5.0.1-alpha.0