@twreporter/react-components 8.17.0-rc.2 → 8.17.0-rc.3

package/lib/logo/utils/path.js

@@ -30,6 +30,11 @@ function selectLogoPath(logoType, branch, type) {
         return path[type];
       }
 
+    case 'loading-fallback':
+      {
+        return "".concat(baseGCSDir, "logo-loading-fallback.").concat(branch, ".svg");
+      }
+
     default:
       {
         return '';

package/lib/pagination/index.js

@@ -25,7 +25,7 @@ var _concat = _interopRequireDefault(require("lodash/concat"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -97,13 +97,16 @@ var styles = {
   },
   prevNextBtnPadding: [0, 20, 2, 20],
   ellipsisBoxPadding: [10, 6, 10, 6],
-  containerMargin: [58, 'auto', 50, 'auto']
+  containerMargin: {
+    "default": [64, 'auto', 120, 'auto'],
+    mobile: [32, 'auto', 64, 'auto']
+  }
 };
 
 var PaginationContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__PaginationContainer",
   componentId: "sc-17bqftr-0"
-})(["margin:", ";text-align:center;height:", "px;", ""], (0, _css.arrayToCssShorthand)(styles.containerMargin), styles.btnBoxSize.mobile, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n  "])), styles.btnBoxSize.desktop));
+})(["margin:", ";text-align:center;height:", "px;", " ", ""], (0, _css.arrayToCssShorthand)(styles.containerMargin["default"]), styles.btnBoxSize.mobile, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n  "])), styles.btnBoxSize.desktop), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.containerMargin.mobile)));
 
 var Boxes = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__Boxes",
@@ -122,13 +125,13 @@ var PageNumberBox = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConf
   return props.isCurrent ? _color["default"].brown : 'transparent';
 }, function (props) {
   return props.isCurrent ? _color["default"].white : _color["default"].brown;
-}, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: ", ";\n  "])), function (props) {
+}, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: ", ";\n  "])), function (props) {
   return props.isCurrent ? '' : 'none';
 }));
 var EllipsisBox = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig({
   displayName: "pagination__EllipsisBox",
   componentId: "sc-17bqftr-4"
-})(["cursor:default;padding:", ";", ""], (0, _css.arrayToCssShorthand)(styles.ellipsisBoxPadding), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
+})(["cursor:default;padding:", ";", ""], (0, _css.arrayToCssShorthand)(styles.ellipsisBoxPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
 var PrevNextBtn = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig({
   displayName: "pagination__PrevNextBtn",
   componentId: "sc-17bqftr-5"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.17.0-rc.2",
+  "version": "8.17.0-rc.3",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -15,8 +15,8 @@
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@twreporter/core": "^1.8.3-rc.1",
-    "@twreporter/redux": "^7.5.1-rc.1",
+    "@twreporter/core": "^1.8.3-rc.2",
+    "@twreporter/redux": "^7.5.1-rc.2",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -44,5 +44,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "498b86cff656356a619bc03ba371fde8399a2f99"
+  "gitHead": "278cbf7be48ece22befc99d4900a835f9f13c911"
 }

package/lib/button/constants/size.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZE_STORYBOOK_ARG_TYPE = exports.SIZE_PROP_TYPES = exports.SIZE = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var SIZE = {
-  S: 'S',
-  L: 'L'
-};
-exports.SIZE = SIZE;
-
-var SIZE_PROP_TYPES = _propTypes["default"].oneOf([SIZE.S, SIZE.L]);
-
-exports.SIZE_PROP_TYPES = SIZE_PROP_TYPES;
-var SIZE_STORYBOOK_ARG_TYPE = {
-  defaultValue: SIZE.S,
-  options: [SIZE.S, SIZE.L],
-  control: {
-    type: 'radio'
-  }
-};
-exports.SIZE_STORYBOOK_ARG_TYPE = SIZE_STORYBOOK_ARG_TYPE;