@titelmedia/bricks-headline - npm Package Compare versions

Comparing version 0.1.3 to 0.1.5

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.1.5](https://github.com/titel-media/bricks-lerna/compare/v0.2.0...v0.1.5) (2021-11-29)
+
+**Note:** Version bump only for package @titelmedia/bricks-headline
+
+
+
+
+
 ## [0.1.3](https://github.com/titel-media/bricks-lerna/compare/v0.1.2...v0.1.3) (2021-10-26)
@@ -8,0 +16,0 @@

dist/styles.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.StyledText = exports.PinnedImageContent = exports.Container = void 0;
+exports.StyledHeadline = void 0;
 
@@ -13,52 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-const PINNED_IMAGE = 'pinnedImage';
-const Container = _styledComponents.default.div`
-  // Every value is +16 because of the padding
-  @media (min-width: 768px) {
-    max-width: ${524 + 16}px;
-  }
-
-  @media (min-width: 1024px) {
-    max-width: ${690 + 16}px;
-  }
-
-  @media (min-width: 1440px) {
-    max-width: ${664 + 16}px;
-  }
-
-  @media (min-width: 1600px) {
-    max-width: ${792 + 16}px;
-  }
-`;
-exports.Container = Container;
-const PinnedImageContent = _styledComponents.default.div`
-  align-self: center;
-  justify-self: center;
-
-  width: 92%;
-
-  @media (min-width: 992px) {
-    width: 75%;
-  }
-
-  @media (min-width: 1600px) {
-    width: 50%;
-  }
-`;
-exports.PinnedImageContent = PinnedImageContent;
-const StyledText = _styledComponents.default.p`
-  ${props => props.parentLayout !== PINNED_IMAGE && `
-      margin-left: auto;
-      margin-right: auto;
-
-      @media (min-width: 992px) {
-        max-width: 720px;
-      }
-
-      @media (min-width: 1200px) {
-        max-width: 840px;
-      }
-    `}
+const StyledHeadline = _styledComponents.default.p`
   font-weight: 900;
   line-height: 22px;
+  font-family: 'univers-black', sans-serif;
+  font-size: 20px;
   @media (min-width: 768px) {
@@ -68,2 +23,5 @@ line-height: ${({
 }) => bold ? '35px' : '26px'};
+    font-size: ${({
+  bold
+}) => bold ? '32px' : '24px'};
   }
@@ -75,5 +33,8 @@
 }) => bold ? '53px' : '35px'};
+    font-size: ${({
+  bold
+}) => bold ? '48px' : '32px'};
   }
 `;
-exports.StyledText = StyledText;
+exports.StyledHeadline = StyledHeadline;
 //# sourceMappingURL=styles.js.map

package.json

 {
   "name": "@titelmedia/bricks-headline",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "> TODO: description",
@@ -23,5 +23,5 @@ "author": "highsnob",
   "dependencies": {
-    "@titelmedia/bricks-theme": "^0.1.3"
+    "@titelmedia/bricks-theme": "^0.1.5"
   },
-  "gitHead": "0fcc2a21f4aadfc532bb58e7f028e066b02de923"
+  "gitHead": "8e9517959bafd98e8c108ea3530820f42a3ec560"
 }

No alert changes

Worsened metrics

Total package byte prevSize

8764

decreased by-16.9%

Lines of code

100

decreased by-23.66%

Dependency changes

• Updated@titelmedia/bricks-theme@^0.1.5