@titelmedia/bricks-headline - npm Package Compare versions

Comparing version 2.0.0 to 2.1.5

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [2.1.5](https://github.com/titel-media/bricks-lerna/compare/v2.1.4...v2.1.5) (2023-08-28)
+
+### Features
+
+- added custom typeface for zalando page ([1bf2daf](https://github.com/titel-media/bricks-lerna/commit/1bf2daf53bd98b2719df4464382d729ca8d8c33b))
+
 # [2.0.0](https://github.com/titel-media/bricks-lerna/compare/v1.11.27...v2.0.0) (2023-06-22)
@@ -8,0 +14,0 @@

dist/index.js

@@ -45,3 +45,3 @@ "use strict";
     fontSize: fontSize,
-    fontColor: fontColor?.hex || fontColor || '#000000',
+    fontColor: (fontColor === null || fontColor === void 0 ? void 0 : fontColor.hex) || fontColor || '#000000',
     fontStyle: fontStyle,
@@ -48,0 +48,0 @@ customFontSizeDesktop: customFontSizeDesktop,

dist/styles.js

@@ -80,3 +80,3 @@ "use strict";
       return (0, _styledComponents.css)`
-      ${(0, _typography.setFont)({
+        ${(0, _typography.setFont)({
         condensed: true
@@ -87,3 +87,3 @@ })}
       return (0, _styledComponents.css)`
-      ${(0, _typography.setFont)({
+        ${(0, _typography.setFont)({
         bold: true
@@ -94,3 +94,3 @@ })}
       return (0, _styledComponents.css)`
-      ${(0, _typography.setFont)({
+        ${(0, _typography.setFont)({
         headline: true
@@ -106,2 +106,17 @@ })}
       `;
+    case 'helvetica':
+      return (0, _styledComponents.css)`
+        font-family: 'monotype-helvetica-display';
+        letter-spacing: 0.012em;
+      `;
+    case 'helvetica-medium':
+      return (0, _styledComponents.css)`
+        font-family: 'monotype-helvetica-display-medium';
+        letter-spacing: 0.012em;
+      `;
+    case 'helvetica-bold':
+      return (0, _styledComponents.css)`
+        font-family: 'monotype-helvetica-display-bold';
+        letter-spacing: 0.012em;
+      `;
     default:
@@ -108,0 +123,0 @@ return (0, _styledComponents.css)`

lib/styles.js

@@ -65,17 +65,32 @@ import styled, { css } from 'styled-components';
       return css`
-      ${setFont({ condensed: true })}
+        ${setFont({ condensed: true })}
       `;
     case 'regular':
-      return css `
-      ${setFont({ bold: true })}
+      return css`
+        ${setFont({ bold: true })}
       `;
     case 'bold':
-      return css `
-      ${setFont({ headline: true })}
+      return css`
+        ${setFont({ headline: true })}
       `;
     case 'deville':
-      return css `
+      return css`
         ${setFont({ display: true })};
         letter-spacing: 0.012em;
       `;
+    case 'helvetica':
+      return css`
+        font-family: 'monotype-helvetica-display';
+        letter-spacing: 0.012em;
+      `;
+    case 'helvetica-medium':
+      return css`
+        font-family: 'monotype-helvetica-display-medium';
+        letter-spacing: 0.012em;
+      `;
+    case 'helvetica-bold':
+      return css`
+        font-family: 'monotype-helvetica-display-bold';
+        letter-spacing: 0.012em;
+      `;
     default:
@@ -82,0 +97,0 @@ return css`

package.json

 {
   "name": "@titelmedia/bricks-headline",
-  "version": "2.0.0",
+  "version": "2.1.5",
   "description": "> TODO: description",
@@ -28,6 +28,6 @@ "author": "highsnob",
   "dependencies": {
-    "@titelmedia/bricks-theme": "^2.0.0",
+    "@titelmedia/bricks-theme": "^2.1.5",
     "@titelmedia/bricks-utils": "^2.0.0"
   },
-  "gitHead": "cc99e7238db49ff90624d25f73ca3af276223a20"
+  "gitHead": "5838db68c61685409c736be267802365e5ae225f"
 }

No alert changes

Improved metrics

Total package byte prevSize

45490

increased by4.35%

Lines of code

410

increased by7.89%

Dependency changes

• Updated@titelmedia/bricks-theme@^2.1.5