twreporter-react-footer-components - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

CHANGELOG.md

@@ -0,1 +1,5 @@
+### 1.0.4
+
+- Style tuning after designer review. Update the sns-icon.svg.
+
 ### 1.0.3
@@ -7,2 +11,5 @@
 
-- Update main path in package.json
+- Update main path in package.json
+
+### 1.0.0
+- initialization

lib/components/footer.js

@@ -13,5 +13,5 @@ 'use strict';
     _templateObject2 = _taggedTemplateLiteral(['\n    max-width: ', 'px;\n  '], ['\n    max-width: ', 'px;\n  ']),
-    _templateObject3 = _taggedTemplateLiteral(['\n    flex-wrap: nowrap;\n    justify-content: center;\n  '], ['\n    flex-wrap: nowrap;\n    justify-content: center;\n  ']),
+    _templateObject3 = _taggedTemplateLiteral(['\n    flex-wrap: nowrap;\n  '], ['\n    flex-wrap: nowrap;\n  ']),
     _templateObject4 = _taggedTemplateLiteral(['\n    width: ', ';\n  '], ['\n    width: ', ';\n  ']),
-    _templateObject5 = _taggedTemplateLiteral(['\n    margin: ', ';\n  '], ['\n    margin: ', ';\n  ']),
+    _templateObject5 = _taggedTemplateLiteral(['\n    margin-bottom: 30px;\n  '], ['\n    margin-bottom: 30px;\n  ']),
     _templateObject6 = _taggedTemplateLiteral(['\n    flex-direction: row;\n  '], ['\n    flex-direction: row;\n  ']),
@@ -135,5 +135,5 @@ _templateObject7 = _taggedTemplateLiteral(['\n    text-align: center;\n  '], ['\n    text-align: center;\n  ']),
     _extends({
-      width: '18',
-      height: '21',
-      viewBox: '0 0 18 21',
+      width: '29',
+      height: '26',
+      viewBox: '0 0 29 26',
       xmlns: 'http://www.w3.org/2000/svg'
@@ -144,3 +144,3 @@ }, props),
       null,
-      'signin'
+      'Social icon'
     ),
@@ -150,3 +150,3 @@ _react2.default.createElement(
       {
-        id: 'Header',
+        id: 'Working',
         fill: 'none',
@@ -158,17 +158,34 @@ fillRule: 'evenodd'
         {
-          id: 'signin',
-          transform: 'translate(0 .272)'
+          id: 'Desktop-071917',
+          transform: 'translate(-527 -8172)'
         },
-        _react2.default.createElement('circle', {
-          id: 'Oval-2-Copy',
-          fill: '#E60013',
-          cx: '9.287',
-          cy: '3.844',
-          r: '3.608'
-        }),
-        _react2.default.createElement('path', {
-          d: 'M9.374 9.907H4.552L.9 19.957H17.847l-3.652-10.05H9.374z',
-          id: 'Combined-Shape',
-          fill: '#C7000A'
-        })
+        _react2.default.createElement(
+          'g',
+          {
+            id: 'Footer',
+            transform: 'translate(47 8172)'
+          },
+          _react2.default.createElement(
+            'g',
+            {
+              id: 'Social-icon',
+              transform: 'translate(480)'
+            },
+            _react2.default.createElement('path', {
+              d: 'M15.98 6.22a6.22 6.22 0 1 1-12.44 0 6.22 6.22 0 0 1 12.44 0',
+              id: 'Fill-1',
+              fill: '#C3000B'
+            }),
+            _react2.default.createElement('path', {
+              id: 'Fill-3',
+              fill: '#C3000B',
+              d: 'M19.463 25.95l-5.234-11.339h-9.05L0 25.951z'
+            }),
+            _react2.default.createElement('path', {
+              id: 'Fill-5',
+              fill: '#E20012',
+              d: 'M28.295 11.57H23.63V6.903h-3.11v4.665h-4.665v3.11h4.665v4.665h3.11V14.68h4.665z'
+            })
+          )
+        )
       )
@@ -221,7 +238,7 @@ )
 var styles = {
-  iconWidth: 32,
-  iconHeight: 32,
+  iconWidth: 30,
+  iconHeight: 30,
   footerContentPadding: {
-    desktop: [72, 45, 45, 45],
-    mobile: [60, 43, 70, 43] },
+    desktop: [72, 120, 45, 45],
+    mobile: [60, 46, 70, 46] },
   sectionWidth: {
@@ -232,8 +249,4 @@ desktop: '10rem',
   footerContentMaxWidth: {
-    mobile: 273,
-    desktop: 1440 },
-  sectionMargin: {
-    mobile: [0, 0, 65, 0],
-    desktop: [0, 50]
-  }
+    mobile: 284,
+    desktop: 1440 }
 };
@@ -243,3 +256,3 @@
   displayName: 'footer__FooterContainer',
-  componentId: 's1bua550-0'
+  componentId: 's18t50f2-0'
 })(['box-sizing:border-box;width:100%;position:relative;background-color:', ';padding:', ';', ''], function (props) {
@@ -251,13 +264,13 @@ return (0, _theme.selectBgColor)(props.pageTheme);
   displayName: 'footer__FooterContent',
-  componentId: 's1bua550-1'
-})(['max-width:', 'px;', ' margin:0 auto;box-sizing:border-box;position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;', ' align-items:flex-start;'], styles.footerContentMaxWidth.desktop, _styleUtils.screen.mobileOnly(_templateObject2, styles.footerContentMaxWidth.mobile), _styleUtils.screen.tabletAbove(_templateObject3));
+  componentId: 's18t50f2-1'
+})(['', ' max-width:', 'px;margin:0 auto;box-sizing:border-box;position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;', ' justify-content:space-between;align-items:flex-start;'], _styleUtils.screen.mobileOnly(_templateObject2, styles.footerContentMaxWidth.mobile), styles.footerContentMaxWidth.desktop, _styleUtils.screen.tabletAbove(_templateObject3));
 
 var SectionContainer = _styledComponents2.default.div.withConfig({
   displayName: 'footer__SectionContainer',
-  componentId: 's1bua550-2'
-})(['box-sizing:border-box;width:', ';', ' margin:', ';', ''], styles.sectionWidth.mobile, _styleUtils.screen.tabletAbove(_templateObject4, styles.sectionWidth.desktop), (0, _styleUtils.arrayToCssShorthand)(styles.sectionMargin.desktop), _styleUtils.screen.mobileOnly(_templateObject5, (0, _styleUtils.arrayToCssShorthand)(styles.sectionMargin.mobile)));
+  componentId: 's18t50f2-2'
+})(['box-sizing:border-box;width:', ';', ' margin:0 auto;', ''], styles.sectionWidth.mobile, _styleUtils.screen.tabletAbove(_templateObject4, styles.sectionWidth.desktop), _styleUtils.screen.mobileOnly(_templateObject5));
 
 var SectionContent = _styledComponents2.default.div.withConfig({
   displayName: 'footer__SectionContent',
-  componentId: 's1bua550-3'
+  componentId: 's18t50f2-3'
 })(['box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;', ' ', ''], _styleUtils.screen.tabletAbove(_templateObject6), _styleUtils.screen.mobileOnly(_templateObject7));
@@ -267,3 +280,3 @@
   displayName: 'footer__SectionTitle',
-  componentId: 's1bua550-4'
+  componentId: 's18t50f2-4'
 })(['svg{width:', 'px;height:', 'px;}'], styles.iconWidth, styles.iconHeight);
@@ -273,3 +286,3 @@
   displayName: 'footer__SectionItems',
-  componentId: 's1bua550-5'
+  componentId: 's18t50f2-5'
 })(['box-sizing:border-box;list-style-type:none;margin:0;padding:0;', ' a{cursor:pointer;color:', ';text-decoration:none;&:link,:active,:visited,:focus{color:', ';text-decoration:none;}&:hover{color:', ';text-decoration:underline;}}'], _styleUtils.screen.tabletAbove(_templateObject8), function (props) {
@@ -283,3 +296,3 @@ return (0, _theme.selectTextColor)(props.pageTheme);
   displayName: 'footer__SectionItem',
-  componentId: 's1bua550-6'
+  componentId: 's18t50f2-6'
 })(['display:block;box-sizing:border-box;height:', 'px;line-height:', 'px;letter-spacing:.3px;font-size:', ';'], styles.iconHeight, styles.iconHeight, _commonVariables.fonts.size.medium);
@@ -286,0 +299,0 @@

lib/configs.js

@@ -70,2 +70,9 @@ 'use strict';
   }]
+}, {
+  name: 'newsletter',
+  items: [{
+    slug: 'subcribe',
+    text: '訂閱電子報',
+    link: ''
+  }]
 }];

lib/shared/common-variables.js

@@ -60,4 +60,3 @@ 'use strict';
   footerTextLight: '#808080',
-  footerTextDark: '#4a4a4a',
-  indexBodyBgWhite: '#fdfffa'
+  footerTextDark: '#4a4a4a'
 };
@@ -64,0 +63,0 @@

lib/shared/style-utils.js

@@ -125,9 +125,2 @@ 'use strict';
   },
-  desktopOnly: function desktopOnly() {
-    return mq({
-      mediaType: 'only screen',
-      'min-width': bp.large.min,
-      'max-width': bp.large.max
-    }).apply(undefined, arguments);
-  },
   desktopAbove: function desktopAbove() {
@@ -134,0 +127,0 @@ return mq({

package.json

 {
   "name": "twreporter-react-footer-components",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "scripts": {
@@ -5,0 +5,0 @@ "build": "gulp build-package --color",

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

140370

increased by0.24%

Lines of code

805

increased by1.39%

No dependency changes