@occmundial/occ-atomic 2.0.0-beta.0 → 2.0.0-beta.2

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TourTip matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`TourTip styles matches the snapshot 1`] = `
+Object {
+  "down": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid #1476fb",
+      "borderLeft": "5px solid transparent",
+      "borderRight": "5px solid transparent",
+      "bottom": "100%",
+      "left": "50%",
+      "transform": "translateX(-50%)",
+    },
+  },
+  "left": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid transparent",
+      "borderLeft": "5px solid #1476fb",
+      "borderTop": "5px solid transparent",
+      "left": "100%",
+      "top": "50%",
+      "transform": "translateY(-50%)",
+    },
+  },
+  "right": Object {
+    "&:after": Object {
+      "borderBottom": "5px solid transparent",
+      "borderRight": "5px solid #1476fb",
+      "borderTop": "5px solid transparent",
+      "right": "100%",
+      "top": "50%",
+      "transform": "translateY(-50%)",
+    },
+  },
+  "tip": Object {
+    "&:after": Object {
+      "content": "\\"\\"",
+      "display": "block",
+      "position": "absolute",
+    },
+    "alignItems": "center",
+    "background": "#1476fb",
+    "borderRadius": "3px",
+    "boxShadow": "0 12px 9px -5px rgba(0,0,0,0.12), 0 10px 32px 0 rgba(0,29,124,0.12)",
+    "boxSizing": "border-box",
+    "color": "#ffffff",
+    "display": "flex",
+    "fontFamily": "'Nunito Sans', sans-serif",
+    "fontSize": "12px",
+    "height": "40px",
+    "left": "0",
+    "padding": "0 15px",
+    "position": "absolute",
+    "top": "0",
+    "transition": "0.3s all",
+    "whiteSpace": "nowrap",
+    "zIndex": "10",
+  },
+  "up": Object {
+    "&:after": Object {
+      "borderLeft": "5px solid transparent",
+      "borderRight": "5px solid transparent",
+      "borderTop": "5px solid #1476fb",
+      "left": "50%",
+      "top": "100%",
+      "transform": "translateX(-50%)",
+    },
+  },
+}
+`;
+
+exports[`TourTipJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/TourTip/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _reactJss = _interopRequireDefault(require("react-jss"));
+
+var _TourTip = _interopRequireDefault(require("./TourTip"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = (0, _reactJss["default"])(_styles["default"])(_TourTip["default"]);
+
+exports["default"] = _default;

package/build/TourTip/styles.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../subatomic/colors"));
+
+var _fonts = _interopRequireDefault(require("../subatomic/fonts"));
+
+var _shadows = _interopRequireDefault(require("../subatomic/shadows"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  tip: {
+    boxSizing: 'border-box',
+    background: _colors["default"].blue,
+    color: _colors["default"].white,
+    fontFamily: _fonts["default"].title,
+    fontSize: '12px',
+    padding: '0 15px',
+    height: '40px',
+    borderRadius: '3px',
+    position: 'absolute',
+    zIndex: '10',
+    display: 'flex',
+    alignItems: 'center',
+    whiteSpace: 'nowrap',
+    boxShadow: _shadows["default"].lvl4,
+    top: '0',
+    left: '0',
+    transition: '0.3s all',
+    '&:after': {
+      content: '""',
+      display: 'block',
+      position: 'absolute'
+    }
+  },
+  right: {
+    '&:after': {
+      borderRight: "5px solid ".concat(_colors["default"].blue),
+      borderTop: '5px solid transparent',
+      borderBottom: '5px solid transparent',
+      right: '100%',
+      top: '50%',
+      transform: 'translateY(-50%)'
+    }
+  },
+  left: {
+    '&:after': {
+      borderLeft: "5px solid ".concat(_colors["default"].blue),
+      borderTop: '5px solid transparent',
+      borderBottom: '5px solid transparent',
+      left: '100%',
+      top: '50%',
+      transform: 'translateY(-50%)'
+    }
+  },
+  down: {
+    '&:after': {
+      borderBottom: "5px solid ".concat(_colors["default"].blue),
+      borderLeft: '5px solid transparent',
+      borderRight: '5px solid transparent',
+      bottom: '100%',
+      left: '50%',
+      transform: 'translateX(-50%)'
+    }
+  },
+  up: {
+    '&:after': {
+      borderTop: "5px solid ".concat(_colors["default"].blue),
+      borderLeft: '5px solid transparent',
+      borderRight: '5px solid transparent',
+      top: '100%',
+      left: '50%',
+      transform: 'translateX(-50%)'
+    }
+  }
+};
+exports["default"] = _default;

package/build/Visible/Visible.js

@@ -0,0 +1,119 @@
+"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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _grid = _interopRequireDefault(require("../subatomic/grid"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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 _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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/** Shows the content on the specified window size. */
+var Visible = /*#__PURE__*/function (_React$Component) {
+  _inherits(Visible, _React$Component);
+
+  var _super = _createSuper(Visible);
+
+  function Visible(props) {
+    var _this;
+
+    _classCallCheck(this, Visible);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      width: 0
+    };
+    _this.getDimensions = _this.getDimensions.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Visible, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.getDimensions();
+      window.addEventListener("resize", this.getDimensions);
+
+      if (process.env.NODE_ENV === 'development') {
+        console.warn('DEPRECATED: The Visible component will be removed soon. Use the Hidden component or the WindowSize HOC and the grid library instead.');
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.getDimensions();
+      window.removeEventListener("resize", this.getDimensions);
+    }
+  }, {
+    key: "getDimensions",
+    value: function getDimensions() {
+      var width = window.innerWidth;
+      this.setState({
+        width: width
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var width = this.state.width;
+      var _this$props = this.props,
+          children = _this$props.children,
+          xs = _this$props.xs,
+          sm = _this$props.sm,
+          md = _this$props.md,
+          lg = _this$props.lg;
+
+      if (width >= _grid["default"].xxs && width < _grid["default"].sm && xs || width >= _grid["default"].sm && width < _grid["default"].md && sm || width >= _grid["default"].md && width < _grid["default"].lg && md || width >= _grid["default"].lg && lg) {
+        return /*#__PURE__*/_react["default"].createElement("span", null, children);
+      } else {
+        return /*#__PURE__*/_react["default"].createElement("span", null);
+      }
+    }
+  }]);
+
+  return Visible;
+}(_react["default"].Component);
+
+Visible.propTypes = {
+  children: _propTypes["default"].node,
+
+  /** Apply in extra small window size. */
+  xs: _propTypes["default"].bool,
+
+  /** Apply in small window size. */
+  sm: _propTypes["default"].bool,
+
+  /** Apply in medium window size. */
+  md: _propTypes["default"].bool,
+
+  /** Apply in large window size. */
+  lg: _propTypes["default"].bool
+};
+var _default = Visible;
+exports["default"] = _default;

package/build/Visible/Visible.test.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Visible = _interopRequireDefault(require("./Visible"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe("Visible", function () {
+  it('matches the snapshot', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
+      xs: true
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Text")));
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('shows content in xs', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Visible["default"], {
+      xs: true
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Text")));
+    wrapper.setState({
+      width: 1200
+    });
+    expect(wrapper.find('div').length).toBe(0);
+    wrapper.setState({
+      width: 500
+    });
+    expect(wrapper.find('div').text()).toEqual('Text');
+  });
+});

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

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Visible matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Visible/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Visible = _interopRequireDefault(require("./Visible"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Visible["default"];
+exports["default"] = _default;

package/build/WindowSize/WindowSize.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,9 +13,9 @@ var _grid = _interopRequireDefault(require("../subatomic/grid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -23,28 +25,32 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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); }
 
 function _default(ComposedComponent) {
-  var WindowSize =
-  /*#__PURE__*/
-  function (_Component) {
+  var WindowSize = /*#__PURE__*/function (_Component) {
     _inherits(WindowSize, _Component);
 
+    var _super = _createSuper(WindowSize);
+
     function WindowSize(props) {
       var _this;
 
       _classCallCheck(this, WindowSize);
 
-      _this = _possibleConstructorReturn(this, _getPrototypeOf(WindowSize).call(this, props));
+      _this = _super.call(this, props);
       _this.state = {
         size: 'sm',
         winWidth: 0
@@ -79,7 +85,7 @@ function _default(ComposedComponent) {
         var _this$state = this.state,
             size = _this$state.size,
             winWidth = _this$state.winWidth;
-        return _react["default"].createElement(ComposedComponent, _extends({}, this.props, {
+        return /*#__PURE__*/_react["default"].createElement(ComposedComponent, _extends({}, this.props, {
           size: size,
           winWidth: winWidth
         }));

package/build/WindowSize/WindowSize.test.js

@@ -12,13 +12,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 describe("WindowSize", function () {
   it('matches the snapshot', function () {
-    var Component = (0, _WindowSize["default"])(_react["default"].createElement(_Button["default"], null, "Button"));
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(Component, null));
+    var Component = (0, _WindowSize["default"])( /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Button"));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(Component, null));
     expect(wrapper).toMatchSnapshot();
   });
   it('sets the size as medium', function () {
-    var Component = (0, _WindowSize["default"])(_react["default"].createElement(_Button["default"], null, "Button"));
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(Component, null));
+    var Component = (0, _WindowSize["default"])( /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Button"));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(Component, null));
     expect(wrapper.prop('size')).toEqual('md');
   });
 });

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

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WindowSize matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/index.js

@@ -1,13 +1,43 @@
 "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); }
+
+var _Container = _interopRequireDefault(require("./Container"));
+
+var _Row = _interopRequireDefault(require("./Row"));
+
+var _Column = _interopRequireDefault(require("./Column"));
+
+var _Visible = _interopRequireDefault(require("./Visible"));
+
+var _Hidden = _interopRequireDefault(require("./Hidden"));
+
+var _Flexbox = _interopRequireDefault(require("./Flexbox"));
+
+var _Grid = _interopRequireDefault(require("./Grid"));
+
 var _Button = _interopRequireDefault(require("./Button"));
 
+var _Title = _interopRequireDefault(require("./Title"));
+
 var _Card = _interopRequireDefault(require("./Card"));
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 
+var _Label = _interopRequireDefault(require("./Label"));
+
+var _Check = _interopRequireDefault(require("./Check"));
+
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 
+var _ButtonAlign = _interopRequireDefault(require("./ButtonAlign"));
+
+var _TourTip = _interopRequireDefault(require("./TourTip"));
+
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+
+var _RangeCounter = _interopRequireDefault(require("./RangeCounter"));
+
 var _OrderBy = _interopRequireDefault(require("./OrderBy"));
 
 var _Radio = _interopRequireDefault(require("./Radio"));
@@ -22,12 +52,20 @@ var _SlideToggle = _interopRequireDefault(require("./SlideToggle"));
 
 var _TextField = _interopRequireDefault(require("./TextField"));
 
+var _Input = _interopRequireDefault(require("./Input"));
+
 var _Droplist = _interopRequireDefault(require("./Droplist"));
 
 var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
 
+var _SubHeader = _interopRequireDefault(require("./SubHeader"));
+
+var _LayerApp = _interopRequireDefault(require("./LayerApp"));
+
 var _SlideDown = _interopRequireDefault(require("./SlideDown"));
 
+var _SwitchGroup = _interopRequireDefault(require("./SwitchGroup"));
+
 var _Pager = _interopRequireDefault(require("./Pager"));
 
 var _Pill = _interopRequireDefault(require("./Pill"));
@@ -38,16 +76,12 @@ var _Placeholder = _interopRequireDefault(require("./Placeholder"));
 
 var _Tip = _interopRequireDefault(require("./Tip"));
 
+var _Banner = _interopRequireDefault(require("./Banner"));
+
 var _Toaster = _interopRequireDefault(require("./Toaster"));
 
 var _functions = require("./Toaster/functions");
 
-var _Hidden = _interopRequireDefault(require("./Hidden"));
-
-var _Flexbox = _interopRequireDefault(require("./Flexbox"));
-
-var _Grid = _interopRequireDefault(require("./Grid"));
-
 var _NavTab = _interopRequireDefault(require("./NavTab"));
 
 var _NavItem = _interopRequireDefault(require("./NavItem"));
@@ -58,6 +92,14 @@ var _NavAside = _interopRequireDefault(require("./NavAside"));
 
 var _Footer = _interopRequireDefault(require("./Footer"));
 
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _Nav = _interopRequireDefault(require("./Header/Nav"));
+
+var _Menu = _interopRequireDefault(require("./Header/Menu"));
+
+var _SightLogo = _interopRequireDefault(require("./SightLogo"));
+
 var _colors = _interopRequireDefault(require("./subatomic/colors"));
 
 var _fonts = _interopRequireDefault(require("./subatomic/fonts"));
@@ -74,30 +116,53 @@ var _spacing = _interopRequireDefault(require("./subatomic/spacing"));
 
 var _WindowSize = _interopRequireDefault(require("./WindowSize"));
 
+var tokens = _interopRequireWildcard(require("./tokens"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+// Layout elements
 // UI elements
 // UI molecules
-// Layout elements
+// UI organisms
+// R12 elements, molecules & organisms
 // Subatomic values
 // HOC
 module.exports = {
+  Container: _Container["default"],
+  Row: _Row["default"],
+  Column: _Column["default"],
+  Visible: _Visible["default"],
   Hidden: _Hidden["default"],
   Flexbox: _Flexbox["default"],
   Grid: _Grid["default"],
   Button: _Button["default"],
   TextField: _TextField["default"],
+  Input: _Input["default"],
+  Title: _Title["default"],
   Card: _Card["default"],
   Icon: _Icon["default"],
   Droplist: _Droplist["default"],
+  Label: _Label["default"],
+  Check: _Check["default"],
   Checkbox: _Checkbox["default"],
+  ButtonAlign: _ButtonAlign["default"],
+  TourTip: _TourTip["default"],
+  Tooltip: _Tooltip["default"],
+  RangeCounter: _RangeCounter["default"],
   OrderBy: _OrderBy["default"],
   Radio: _Radio["default"],
   Avatar: _Avatar["default"],
   Tag: _Tag["default"],
   Text: _Text["default"],
   Autocomplete: _Autocomplete["default"],
+  SubHeader: _SubHeader["default"],
+  LayerApp: _LayerApp["default"],
   SlideDown: _SlideDown["default"],
+  SwitchGroup: _SwitchGroup["default"],
   Pager: _Pager["default"],
   Pill: _Pill["default"],
   Modal: _Modal["default"],
@@ -107,9 +172,14 @@ module.exports = {
   NavAside: _NavAside["default"],
   Placeholder: _Placeholder["default"],
   Tip: _Tip["default"],
+  Banner: _Banner["default"],
   Toaster: _Toaster["default"],
   toaster: _functions.toaster,
   Footer: _Footer["default"],
+  Header: _Header["default"],
+  Nav: _Nav["default"],
+  Menu: _Menu["default"],
+  SightLogo: _SightLogo["default"],
   colors: _colors["default"],
   fonts: _fonts["default"],
   grid: _grid["default"],
@@ -118,5 +188,6 @@ module.exports = {
   SlideToggle: _SlideToggle["default"],
   shadows: _shadows["default"],
   spacing: _spacing["default"],
-  WindowSize: _WindowSize["default"]
+  WindowSize: _WindowSize["default"],
+  tokens: tokens
 };