@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.10

package/build/Card/Card.js

@@ -9,13 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styles = _interopRequireDefault(require("./styles"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /** Container component with a card style */
 var Card = function Card(_ref) {
-  var children = _ref.children,
+  var classes = _ref.classes,
+      children = _ref.children,
       rest = _ref.rest,
       raised = _ref.raised,
       raisable = _ref.raisable,
@@ -23,7 +22,6 @@ var Card = function Card(_ref) {
       className = _ref.className,
       style = _ref.style,
       id = _ref.id;
-  var classes = (0, _styles["default"])();
 
   var getElevation = function getElevation() {
     var classNames;
@@ -45,7 +43,7 @@ var Card = function Card(_ref) {
     });
   };
 
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     id: id,
     className: "".concat(!noPadding ? classes.card : classes.cardNoPadding, " ").concat(getElevation()).concat(className ? " ".concat(className) : ''),
     style: style
@@ -53,6 +51,7 @@ var Card = function Card(_ref) {
 };
 
 Card.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
   children: _propTypes["default"].node,
 
   /** The rest property cancels the elevation of the card. */

package/build/Card/Card.test.js

@@ -4,54 +4,59 @@ var _react = _interopRequireDefault(require("react"));
 
 var _enzyme = require("enzyme");
 
-var _reactJss = require("react-jss");
+var _Card = _interopRequireDefault(require("./Card"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _styles = _interopRequireDefault(require("./styles"));
 
-var _Card = _interopRequireDefault(require("./Card"));
+var _index = _interopRequireDefault(require("./index"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var sheets, classes;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var reduceClasses = function reduceClasses(prev, curr) {
+  return Object.assign({}, prev, _defineProperty({}, curr, curr));
+};
+
+var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Card", function () {
-  beforeEach(function () {
-    return sheets = new _reactJss.SheetsRegistry();
-  });
-  afterEach(function () {
-    return sheets = null;
-  });
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Card["default"], null));
-    expect(wrapper.html()).toMatchSnapshot();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+      classes: classes
+    }));
+    expect(wrapper).toMatchSnapshot();
   });
   it('has no padding', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_reactJss.JssProvider, {
-      registry: sheets
-    }, _react["default"].createElement(_Card["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+      classes: classes,
       noPadding: true
-    })));
-    classes = sheets.registry[0].classes;
-    expect(wrapper.find('div').prop('className').indexOf(classes.cardNoPadding)).not.toBe(-1);
+    }));
+    expect(wrapper.hasClass('cardNoPadding')).toBe(true);
   });
   it('has the right level of shadow', function () {
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_reactJss.JssProvider, {
-      registry: sheets
-    }, _react["default"].createElement(_Card["default"], null)));
-    classes = sheets.registry[0].classes;
-    expect(wrapper.find('div').prop('className')).toEqual((0, _classnames["default"])(classes.card, classes.flat));
-    wrapper = (0, _enzyme.mount)(_react["default"].createElement(_reactJss.JssProvider, {
-      registry: sheets
-    }, _react["default"].createElement(_Card["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+      classes: classes
+    }));
+    expect(wrapper.prop('className')).toEqual('card flat');
+    wrapper.setProps({
       rest: true
-    })));
-    classes = sheets.registry[0].classes;
-    expect(wrapper.find('div').prop('className')).toEqual((0, _classnames["default"])(classes.card, classes.rest));
-    wrapper = (0, _enzyme.mount)(_react["default"].createElement(_reactJss.JssProvider, {
-      registry: sheets
-    }, _react["default"].createElement(_Card["default"], {
+    });
+    expect(wrapper.prop('className')).toEqual('card rest');
+    wrapper.setProps({
+      rest: null,
       raised: true
-    })));
-    classes = sheets.registry[0].classes;
-    expect(wrapper.find('div').prop('className')).toEqual((0, _classnames["default"])(classes.card, classes.raised));
+    });
+    expect(wrapper.prop('className')).toEqual('card raised');
+  });
+});
+describe("CardJSS", function () {
+  it('matches the snapshot', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+describe("Card styles", function () {
+  it('matches the snapshot', function () {
+    expect(_styles["default"]).toMatchSnapshot();
   });
 });

package/build/Card/__snapshots__/Card.test.js.snap

@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Card matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Card styles matches the snapshot 1`] = `
+Object {
+  "card": Object {
+    "@media screen and (min-width:768px)": Object {
+      "padding": 32,
+    },
+    "background": "#ffffff",
+    "borderRadius": 6,
+    "padding": 16,
+    "position": "relative",
+    "transition": "0.3s box-shadow, 0.3s transform",
+  },
+  "cardNoPadding": Object {
+    "@media screen and (min-width:768px)": Object {
+      "padding": 0,
+    },
+    "extend": "card",
+    "padding": 0,
+  },
+  "flat": Object {
+    "boxShadow": "0 1px 2px 0 rgba(0,0,0,0.12), 0 1px 6px 0 rgba(0,29,124,0.05)",
+    "zIndex": "auto",
+  },
+  "raisable": Object {
+    "&:hover": Object {
+      "boxShadow": "0 12px 9px -5px rgba(0,0,0,0.12), 0 10px 32px 0 rgba(0,29,124,0.12)",
+      "transform": "translateY(-4px)",
+      "zIndex": 4,
+    },
+  },
+  "raised": Object {
+    "boxShadow": "0 12px 9px -5px rgba(0,0,0,0.12), 0 10px 32px 0 rgba(0,29,124,0.12)",
+    "zIndex": 4,
+  },
+  "rest": Object {
+    "boxShadow": "0 0 0 0 rgba(0,0,0,0.0), 0 0 0 0 rgba(0,29,124,0)",
+    "zIndex": "auto",
+  },
+}
+`;
+
+exports[`CardJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Card/index.js

@@ -5,9 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _reactJss = _interopRequireDefault(require("react-jss"));
+
 var _Card = _interopRequireDefault(require("./Card"));
 
+var _styles = _interopRequireDefault(require("./styles"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = _Card["default"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var StyledCard = (0, _reactJss["default"])(_styles["default"])(_Card["default"]); // eslint-disable-next-line
+
+var _Card$propTypes = _Card["default"].propTypes,
+    classes = _Card$propTypes.classes,
+    propTypes = _objectWithoutProperties(_Card$propTypes, ["classes"]);
+
+StyledCard.propTypes = _objectSpread(_objectSpread({}, propTypes), StyledCard.propTypes);
+var _default = StyledCard;
 exports["default"] = _default;

package/build/Card/styles.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _reactJss = require("react-jss");
-
 var _colors = _interopRequireDefault(require("../subatomic/colors"));
 
 var _shadows = _interopRequireDefault(require("../subatomic/shadows"));
@@ -19,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var styles = (0, _reactJss.createUseStyles)({
+var styles = {
   card: _defineProperty({
     background: _colors["default"].white,
     borderRadius: 6,
@@ -54,6 +52,6 @@ var styles = (0, _reactJss.createUseStyles)({
       zIndex: 4
     }
   }
-});
+};
 var _default = styles;
 exports["default"] = _default;

package/build/Check/Check.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,36 +13,38 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 /** Checkbox component. */
-var Check =
-/*#__PURE__*/
-function (_React$Component) {
+var Check = /*#__PURE__*/function (_React$Component) {
   _inherits(Check, _React$Component);
 
+  var _super = _createSuper(Check);
+
   function Check(props) {
     var _this;
 
     _classCallCheck(this, Check);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Check).call(this, props));
+    _this = _super.call(this, props);
     _this.state = {
       value: props.input ? props.input.value : props.value
     };
@@ -100,17 +104,17 @@ function (_React$Component) {
           className = _this$props2.className,
           style = _this$props2.style;
       var state = input && input.value ? input.value : value;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         id: id,
         className: "".concat(classes.cont).concat(state ? " ".concat(classes.active) : '').concat(disabled ? " ".concat(classes.disabled) : '').concat(className ? " ".concat(className) : ''),
         tabIndex: 0,
         onClick: this.toggle,
         style: style
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.check
-      }), label && _react["default"].createElement("span", {
+      }), label && /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.label
-      }, label), right && _react["default"].createElement("span", {
+      }, label), right && /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.right
       }, right));
     }

package/build/Check/Check.test.js

@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Check", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Check["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Check["default"], {
       classes: classes
     }));
     expect(wrapper).toMatchSnapshot();
   });
   it('has the right state', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Check["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Check["default"], {
       classes: classes
     }));
     expect(wrapper.prop('className')).toEqual('cont');
@@ -37,14 +37,14 @@ describe("Check", function () {
     expect(wrapper.prop('className')).toEqual('cont active');
   });
   it('is disabled', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Check["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Check["default"], {
       classes: classes,
       disabled: true
     }));
     expect(wrapper.prop('className')).toEqual('cont disabled');
   });
   it('toggles the value on click', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Check["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Check["default"], {
       classes: classes
     }));
     expect(wrapper.prop('className')).toEqual('cont');
@@ -53,7 +53,7 @@ describe("Check", function () {
   });
   it('calls onChange function', function () {
     var onChange = jest.fn();
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Check["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Check["default"], {
       classes: classes,
       onChange: onChange
     }));
@@ -61,7 +61,7 @@ describe("Check", function () {
     expect(onChange.mock.calls.length).toBe(1);
   });
   it('shows the label and right-label', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Check["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Check["default"], {
       classes: classes,
       label: "Label content",
       right: "Right"
@@ -74,7 +74,7 @@ describe("Check", function () {
 });
 describe("CheckJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Check/__snapshots__/Check.test.js.snap

@@ -0,0 +1,92 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Check matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Check styles matches the snapshot 1`] = `
+Object {
+  "active": Object {
+    "& $check": Object {
+      "&:after": Object {
+        "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJCQkgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoJCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xOC4zLDcuM2wxLjQsMS40bC04LjcsOWMtMC40LDAuNC0xLDAuNC0xLjQsMC4xbC00LjMtMy42bDEuMy0xLjVsMy42LDNDMTAuMiwxNS42LDE4LjMsNy4zLDE4LjMsNy4zeiIvPgoJCTwvc3ZnPg==)",
+      },
+      "background": "#09ba8a",
+      "borderColor": "#09ba8a",
+    },
+    "& $label": Object {
+      "color": "#222222",
+    },
+  },
+  "check": Object {
+    "&:after": Object {
+      "content": "\\"\\"",
+      "display": "block",
+      "height": "14px",
+      "left": "0",
+      "position": "absolute",
+      "top": "0",
+      "width": "14px",
+    },
+    "border": "1px solid #bfbfbf",
+    "borderRadius": "1px",
+    "boxSizing": "border-box",
+    "flex": "0 0 16px",
+    "float": "left",
+    "height": "16px",
+    "margin": "4px",
+    "position": "relative",
+    "transition": "0.3s all",
+    "width": "16px",
+  },
+  "cont": Object {
+    "&:after": Object {
+      "clear": "both",
+      "content": "\\"\\"",
+      "display": "table",
+    },
+    "&:hover $check": Object {
+      "borderColor": "#09ba8a",
+    },
+    "&:hover $label": Object {
+      "color": "#222222",
+    },
+    "boxSizing": "border-box",
+    "cursor": "pointer",
+    "display": "flex",
+    "marginBottom": "15px",
+    "outline": "0",
+  },
+  "disabled": Object {
+    "& $check": Object {
+      "borderColor": "#e0e0e0",
+    },
+    "& $label": Object {
+      "color": "#bfbfbf",
+    },
+    "&$active $check": Object {
+      "background": "#e0e0e0",
+    },
+    "pointerEvents": "none",
+  },
+  "label": Object {
+    "color": "#727272",
+    "flex": "1",
+    "float": "left",
+    "fontFamily": "'OccText', sans-serif",
+    "fontSize": "16px",
+    "paddingLeft": "5px",
+    "paddingRight": "10px",
+    "paddingTop": "3px",
+    "transition": "0.3s all",
+  },
+  "right": Object {
+    "color": "#bfbfbf",
+    "extend": "label",
+    "flex": "none",
+    "float": "right",
+    "fontSize": "14px",
+    "paddingRight": "0",
+  },
+}
+`;
+
+exports[`CheckJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Check/styles.js

@@ -79,7 +79,7 @@ var _default = {
   },
   label: {
     fontFamily: _fonts["default"].body,
-    fontSize: '14px',
+    fontSize: '16px',
     color: _colors["default"].grey7,
     paddingTop: '3px',
     paddingLeft: '5px',
@@ -91,7 +91,7 @@ var _default = {
   right: {
     extend: 'label',
     flex: 'none',
-    fontSize: '13px',
+    fontSize: '14px',
     color: _colors["default"].grey1,
     paddingRight: '0',
     "float": 'right'