@titelmedia/bricks-credits - npm Package Compare versions

Comparing version 0.3.7 to 0.3.8

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.3.8](https://github.com/titel-media/bricks-lerna/compare/v0.3.7...v0.3.8) (2022-01-17)
+
+
+### Bug Fixes
+
+* Added the fonts for the credits and columns for the page ([e0c8453](https://github.com/titel-media/bricks-lerna/commit/e0c8453a0bef13ca962bdbb0d5bd6f8a91cc8954))
+
+
+
+
+
 ## [0.3.7](https://github.com/titel-media/bricks-lerna/compare/v0.3.6...v0.3.7) (2022-01-14)
@@ -8,0 +19,0 @@

dist/index.js

@@ -19,3 +19,3 @@ "use strict";
 }) => {
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_bricksTheme.default, null), creditsTexts.map(creditsText => _react.default.createElement(CreditsText, {
+  return _react.default.createElement(_styles.Container, null, _react.default.createElement(_bricksTheme.default, null), creditsTexts.map(creditsText => _react.default.createElement(CreditsText, {
     key: creditsText.id,
@@ -36,3 +36,3 @@ category: creditsText.category,
   link
-}) => _react.default.createElement(_styles.Container, null, !!category && _react.default.createElement(_styles.Category, null, category), _react.default.createElement(_styles.Content, null, _react.default.createElement(_styles.Title, null, title, ": "), !link && _react.default.createElement(_styles.Name, null, name) || _react.default.createElement(_styles.Link, {
+}) => _react.default.createElement(_react.default.Fragment, null, !!category && _react.default.createElement(_styles.Category, null, category), _react.default.createElement(_styles.Content, null, _react.default.createElement(_styles.Title, null, title, ": "), !link && _react.default.createElement(_styles.Name, null, name) || _react.default.createElement(_styles.Link, {
   href: link,
@@ -39,0 +39,0 @@ target: "_blank",

dist/styles.js

@@ -25,2 +25,6 @@ "use strict";
 })}
+
+  @media (min-width: 992px) {
+    columns: 2;
+  }
 `;
@@ -34,3 +38,4 @@ exports.Container = Container;
   ${(0, _typography.setFontSizes)({
-  mobile: '32px'
+  mobile: '11px',
+  tablet_vertical: '13px'
 })}
@@ -47,5 +52,6 @@ text-transform: uppercase;
   ${(0, _typography.setFontSizes)({
-  mobile: '16px',
-  tablet_vertical: '20px'
+  mobile: '11px',
+  tablet_vertical: '13px'
 })}
+  line-height: 140%;
 `;
@@ -58,12 +64,12 @@ exports.Title = Title;
   ${(0, _typography.setFontSizes)({
-  mobile: '16px',
-  tablet_vertical: '20px'
+  mobile: '11px',
+  tablet_vertical: '13px'
 })}
+  line-height: 140%;
 `;
 exports.Name = Name;
 const Link = _styledComponents.default.a`
-  text-decoration: none;
   color: inherit;
-  border-bottom: 1px solid black;
-  padding-bottom: 1px;
+  text-decoration: underline;
+  text-underline-offset: 2px;
 `;
@@ -70,0 +76,0 @@ exports.Link = Link;

lib/index.js

@@ -8,3 +8,3 @@ import React from 'react';
   return (
-    <>
+    <Container>
       <GlobalFonts />
@@ -20,3 +20,3 @@ {creditsTexts.map(creditsText => (
       ))}
-    </>
+    </Container>
   );
@@ -26,4 +26,3 @@ }
 export const CreditsText = ({ category, title, name, link }) => (
-  
-  <Container>
+  <>
     {!!category && <Category>{category}</Category>}
@@ -38,3 +37,3 @@ <Content>
     </Content>
-  </Container>
+  </>
 );

lib/styles.js

@@ -15,2 +15,6 @@ import styled from 'styled-components';
   ${setContainer({ size: 'md' })}
+
+  @media (min-width: 992px) {
+    columns: 2;
+  }
 `;
@@ -21,3 +25,3 @@
   ${setFont({ bold: true })}
-  ${setFontSizes({ mobile: '32px' })}
+  ${setFontSizes({ mobile: '11px', tablet_vertical: '13px' })}
   text-transform: uppercase;
@@ -30,3 +34,4 @@ margin: 16px 0;
   ${setFont({ bold: true })}
-  ${setFontSizes({ mobile: '16px', tablet_vertical: '20px' })}
+  ${setFontSizes({ mobile: '11px', tablet_vertical: '13px' })}
+  line-height: 140%;
 `;
@@ -38,10 +43,10 @@
   ${setFont({})}
-  ${setFontSizes({ mobile: '16px', tablet_vertical: '20px' })}
+  ${setFontSizes({ mobile: '11px', tablet_vertical: '13px' })}
+  line-height: 140%;
 `;
 
 export const Link = styled.a`
-  text-decoration: none;
   color: inherit;
-  border-bottom: 1px solid black;
-  padding-bottom: 1px;
+  text-decoration: underline;
+  text-underline-offset: 2px;
 `;
@@ -48,0 +53,0 @@

package.json

 {
   "name": "@titelmedia/bricks-credits",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "> TODO: description",
@@ -30,3 +30,3 @@ "author": "highsnob",
   },
-  "gitHead": "f83f30b4c582f51f73633a7f64eaab0742f0244f"
+  "gitHead": "57006804ae98068b5f74f5e2f2e2302f12dfc19b"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18931

increased by3.39%

Lines of code

213

increased by4.41%

No dependency changes