@titelmedia/bricks-credits - npm Package Compare versions

Comparing version 0.4.11 to 0.4.26

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.4.26](https://github.com/titel-media/bricks-lerna/compare/v0.4.25...v0.4.26) (2022-02-08)
+
+
+### Features
+
+* Add the divider to the credits ([28fcfd3](https://github.com/titel-media/bricks-lerna/commit/28fcfd33fa898a290420e2538d4e82ee8915e845))
+
+
+
+
+
 ## [0.4.11](https://github.com/titel-media/bricks-lerna/compare/v0.4.10...v0.4.11) (2022-01-28)
@@ -8,0 +19,0 @@

dist/index.js

@@ -19,3 +19,3 @@ "use strict";
 }) => {
-  return _react.default.createElement(_styles.Container, null, _react.default.createElement(_bricksTheme.default, null), creditsTexts.map(creditsText => _react.default.createElement(CreditsText, {
+  return _react.default.createElement(_styles.Wrapper, null, _react.default.createElement(_styles.Container, null, _react.default.createElement(_bricksTheme.default, null), creditsTexts.map(creditsText => _react.default.createElement(CreditsText, {
     key: creditsText.id,
@@ -26,3 +26,3 @@ category: creditsText.category,
     link: creditsText.link
-  })));
+  }))));
 };
@@ -29,0 +29,0 @@

dist/styles.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.Title = exports.Name = exports.Link = exports.Content = exports.Container = exports.Category = exports.Bold = void 0;
+exports.Wrapper = exports.Title = exports.Name = exports.Link = exports.Content = exports.Container = exports.Category = exports.Bold = void 0;
 
@@ -22,2 +22,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 exports.Content = Content;
+const Wrapper = _styledComponents.default.div`
+  ${(0, _layout.setContainer)({
+  size: 'lg'
+})}
+  border-top: 2px solid gray;
+  padding: 20px;
+`;
+exports.Wrapper = Wrapper;
 const Container = _styledComponents.default.div`
@@ -24,0 +32,0 @@ ${(0, _layout.setContainer)({

lib/index.js

 import React from 'react';
 import GlobalFonts from '@titelmedia/bricks-theme';
-import { Container, Category, Link, Content, Title, Name } from './styles';
+import { Wrapper, Container, Category, Link, Content, Title, Name } from './styles';
 
 export const Credits = ({ creditsTexts }) => {
   return (
-    <Container>
-      <GlobalFonts />
-      {creditsTexts.map(creditsText => (
-        <CreditsText
-          key={creditsText.id}
-          category={creditsText.category}
-          name={creditsText.name}
-          title={creditsText.title}
-          link={creditsText.link}
-        />
-      ))}
-    </Container>
+    <Wrapper>
+      <Container>
+        <GlobalFonts />
+        {creditsTexts.map(creditsText => (
+          <CreditsText
+            key={creditsText.id}
+            category={creditsText.category}
+            name={creditsText.name}
+            title={creditsText.title}
+            link={creditsText.link}
+          />
+        ))}
+      </Container>
+    </Wrapper>
   );
@@ -20,0 +22,0 @@ };

lib/styles.js

@@ -13,2 +13,8 @@ import styled from 'styled-components';
 
+export const Wrapper = styled.div`
+  ${setContainer({ size: 'lg' })}
+  border-top: 2px solid gray;
+  padding: 20px;
+`;
+
 export const Container = styled.div`
@@ -15,0 +21,0 @@ ${setContainer({ size: 'sm' })}

package.json

 {
   "name": "@titelmedia/bricks-credits",
-  "version": "0.4.11",
+  "version": "0.4.26",
   "description": "> TODO: description",
@@ -30,3 +30,3 @@ "author": "highsnob",
   },
-  "gitHead": "436a5f91bd36feeacf260b03714f03e2d23a02e5"
+  "gitHead": "b17da74bcb8c61feb3c618a0e7786f360c743c14"
 }

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

23324

increased by4.55%

Lines of code

234

increased by6.85%

No dependency changes