blockbuster-design-system - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/index.js

@@ -133,3 +133,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 function _templateObject$2() {
-  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    font-family: var(--fontMain);\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    margin: ", ";\n    max-width: 750px;\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    font-family: var(--fontMain);\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    margin: ", ";\n    max-width: 750px;\n    text-align: ", ";\n"]);
 
@@ -152,2 +152,4 @@ _templateObject$2 = function _templateObject() {
   return props.margin ? props.margin : '35px 0';
+}, function (props) {
+  return props.textAlign ? props.textAlign : 'left';
 });
@@ -219,2 +221,27 @@
 
+var _Footer = function _Footer(props) {
+  return /*#__PURE__*/React.createElement(blockbusterDesignSystem.Box, {
+    padding: "5rem",
+    backgroundColor: "var(--black)"
+  }, /*#__PURE__*/React.createElement(blockbusterDesignSystem.Wrapper, null, /*#__PURE__*/React.createElement(blockbusterDesignSystem.Copy, {
+    textAlign: "center",
+    margin: "0 auto"
+  }, "\xA9 ", new Date().getFullYear()), /*#__PURE__*/React.createElement(blockbusterDesignSystem.Box, {
+    justifyContent: "center",
+    backgroundColor: "transparent"
+  }, /*#__PURE__*/React.createElement(blockbusterDesignSystem.Link, {
+    parentEl: props.linkWrapper,
+    color: "var(--white)",
+    href: "#"
+  }, "Blockbuster Reviews"), /*#__PURE__*/React.createElement(blockbusterDesignSystem.Link, {
+    parentEl: props.linkWrapper,
+    color: "var(--white)",
+    href: "#"
+  }, "Stream New Content"), /*#__PURE__*/React.createElement(blockbusterDesignSystem.Link, {
+    parentEl: props.linkWrapper,
+    color: "var(--white)",
+    href: "#"
+  }, "Privacy Policy"))));
+};
+
 var Colors = {
@@ -470,3 +497,3 @@ "black": "#272727",
 function _templateObject$a() {
-  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-family: var(--fontDecorative);\n    font-size: var(--fontCopy);\n    font-weight: 300;\n    padding: 15px;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: var(--transition);\n\n    &:hover {\n        color: var(--gold);\n        transition: var(--transition);\n    }\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-family: var(--fontDecorative);\n    font-size: var(--fontCopy);\n    font-weight: 300;\n    padding: 15px;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: var(--transition);\n\n    &:hover {\n        color: var(--gold);\n        text-decoration: underline;\n        transition: var(--transition);\n    }\n"]);
 
@@ -500,3 +527,3 @@ _templateObject$a = function _templateObject() {
   } else {
-    return /*#__PURE__*/React.createElement(Link, props, "hello");
+    return /*#__PURE__*/React.createElement(Link, props, props.children);
   }
@@ -509,2 +536,3 @@ };
 exports.Figure = Fig;
+exports.Footer = _Footer;
 exports.Global = GlobalStyle;
@@ -511,0 +539,0 @@ exports.Header = _Header;

dist/index.modern.js

 import React from 'react';
 import styled, { createGlobalStyle, css } from 'styled-components';
-import { Box as Box$1, Wrapper as Wrapper$1, Figure, Button } from 'blockbuster-design-system';
+import { Box as Box$1, Wrapper as Wrapper$1, Copy as Copy$1, Link as Link$1, Figure, Button } from 'blockbuster-design-system';
 
@@ -130,3 +130,3 @@ function _extends() {
 function _templateObject$2() {
-  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    font-family: var(--fontMain);\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    margin: ", ";\n    max-width: 750px;\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    font-family: var(--fontMain);\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    margin: ", ";\n    max-width: 750px;\n    text-align: ", ";\n"]);
 
@@ -149,2 +149,4 @@ _templateObject$2 = function _templateObject() {
   return props.margin ? props.margin : '35px 0';
+}, function (props) {
+  return props.textAlign ? props.textAlign : 'left';
 });
@@ -216,2 +218,27 @@
 
+var _Footer = function _Footer(props) {
+  return /*#__PURE__*/React.createElement(Box$1, {
+    padding: "5rem",
+    backgroundColor: "var(--black)"
+  }, /*#__PURE__*/React.createElement(Wrapper$1, null, /*#__PURE__*/React.createElement(Copy$1, {
+    textAlign: "center",
+    margin: "0 auto"
+  }, "\xA9 ", new Date().getFullYear()), /*#__PURE__*/React.createElement(Box$1, {
+    justifyContent: "center",
+    backgroundColor: "transparent"
+  }, /*#__PURE__*/React.createElement(Link$1, {
+    parentEl: props.linkWrapper,
+    color: "var(--white)",
+    href: "#"
+  }, "Blockbuster Reviews"), /*#__PURE__*/React.createElement(Link$1, {
+    parentEl: props.linkWrapper,
+    color: "var(--white)",
+    href: "#"
+  }, "Stream New Content"), /*#__PURE__*/React.createElement(Link$1, {
+    parentEl: props.linkWrapper,
+    color: "var(--white)",
+    href: "#"
+  }, "Privacy Policy"))));
+};
+
 var Colors = {
@@ -467,3 +494,3 @@ "black": "#272727",
 function _templateObject$a() {
-  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-family: var(--fontDecorative);\n    font-size: var(--fontCopy);\n    font-weight: 300;\n    padding: 15px;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: var(--transition);\n\n    &:hover {\n        color: var(--gold);\n        transition: var(--transition);\n    }\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-family: var(--fontDecorative);\n    font-size: var(--fontCopy);\n    font-weight: 300;\n    padding: 15px;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: var(--transition);\n\n    &:hover {\n        color: var(--gold);\n        text-decoration: underline;\n        transition: var(--transition);\n    }\n"]);
 
@@ -497,7 +524,7 @@ _templateObject$a = function _templateObject() {
   } else {
-    return /*#__PURE__*/React.createElement(Link, props, "hello");
+    return /*#__PURE__*/React.createElement(Link, props, props.children);
   }
 };
 
-export { _Box as Box, _Button as Button, _Copy as Copy, Fig as Figure, GlobalStyle as Global, _Header as Header, Heading, _Hero as Hero, Fig$1 as Image, _Link as Link, _VertSpace as VertSpace, _Wrapper as Wrapper };
+export { _Box as Box, _Button as Button, _Copy as Copy, Fig as Figure, _Footer as Footer, GlobalStyle as Global, _Header as Header, Heading, _Hero as Hero, Fig$1 as Image, _Link as Link, _VertSpace as VertSpace, _Wrapper as Wrapper };
 //# sourceMappingURL=index.modern.js.map

package.json

 {
   "name": "blockbuster-design-system",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Blockbuster but 2020",
@@ -5,0 +5,0 @@ "author": "carbonology",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

92428

increased by6.84%

Lines of code

902

increased by6.24%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes