@occmundial/occ-atomic 3.0.0-beta.59 → 3.0.0-beta.60

package/build/Header/Nav/__snapshots__/Nav.test.js.snap

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Nav matches the snapshot 1`] = `ShallowWrapper {}`;
-
-exports[`Nav styles matches the snapshot 1`] = `
-Object {
-  "@media (max-width: 767px)": Object {
-    "activeItem": Object {
-      "& $icon": Object {
-        "marginBottom": "14px",
-      },
-      "& $listAnchor": Object {
-        "display": "none",
-      },
-      "&:after": Object {
-        "background": "#06f7fa",
-        "borderRadius": "50%",
-        "bottom": "0",
-        "content": "\\"\\"",
-        "display": "block",
-        "height": "4px",
-        "left": "50%",
-        "marginBottom": "8px",
-        "position": "absolute",
-        "transform": "translateX(-50%)",
-        "width": "4px",
-      },
-    },
-    "icon": Object {},
-    "listAnchor": Object {},
-    "listItem": Object {
-      "&:last-child": Object {
-        "marginRight": "0",
-      },
-      "margin": "0 25px 0 0",
-    },
-    "menu": Object {
-      "clear": "both",
-      "margin": "0",
-      "textAlign": "center",
-    },
-  },
-  "@media (min-width: 768px)": Object {
-    "listItem": Object {
-      "float": "left",
-    },
-    "menu": Object {
-      "float": "left",
-    },
-  },
-  "activeItem": Object {
-    "& $icon, &:hover $icon": Object {
-      "filter": "brightness(1)",
-    },
-    "& $listAnchor, &:hover $listAnchor": Object {
-      "color": "#ffffff",
-    },
-  },
-  "icon": Object {
-    "backgroundPosition": "center center",
-    "backgroundRepeat": "no-repeat",
-  },
-  "listAnchor": Object {
-    "color": "#104791",
-    "display": "block",
-    "lineHeight": "20px",
-    "marginBottom": "2px",
-    "marginTop": "-4px",
-    "padding": "0",
-    "position": "relative",
-    "textAlign": "center",
-    "textDecoration": "none !important",
-    "transition": "0.3s all",
-  },
-  "listItem": Object {
-    "&:hover $icon": Object {
-      "filter": "brightness(0.8)",
-    },
-    "&:hover $listAnchor": Object {
-      "color": "#224099",
-    },
-    "cursor": "pointer",
-    "display": "inline-block",
-    "fontSize": "12px",
-    "margin": "7px 30px 0 0",
-    "padding": "5px 0 0 0",
-    "position": "relative",
-    "textAlign": "center",
-    "width": "auto",
-  },
-  "menu": Object {
-    "background": "#1476fb",
-    "listStyle": "none",
-    "margin": "0 10px",
-    "paddingLeft": "0",
-    "textAlign": "center",
-  },
-}
-`;
-
-exports[`NavJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Header/Nav/index.js

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

package/build/Header/Nav/styles.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _colors = _interopRequireDefault(require("../../subatomic/colors"));
-
-var _grid = _interopRequireDefault(require("../../subatomic/grid"));
-
-var _menu$listItem$icon$a;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _default = (_menu$listItem$icon$a = {
-  menu: {
-    background: _colors["default"].blue,
-    margin: '0 10px',
-    paddingLeft: '0',
-    listStyle: 'none',
-    textAlign: 'center'
-  },
-  listItem: {
-    width: 'auto',
-    margin: '7px 30px 0 0',
-    textAlign: 'center',
-    padding: '5px 0 0 0',
-    display: 'inline-block',
-    fontSize: '12px',
-    cursor: 'pointer',
-    position: 'relative',
-    '&:hover $icon': {
-      filter: 'brightness(0.8)'
-    },
-    '&:hover $listAnchor': {
-      color: _colors["default"].darkBlueH
-    }
-  },
-  icon: {
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center center'
-  },
-  activeItem: {
-    '& $icon, &:hover $icon': {
-      filter: 'brightness(1)'
-    },
-    '& $listAnchor, &:hover $listAnchor': {
-      color: _colors["default"].white
-    }
-  },
-  listAnchor: {
-    padding: '0',
-    marginTop: '-4px',
-    marginBottom: '2px',
-    textAlign: 'center',
-    lineHeight: '20px',
-    color: _colors["default"].darkBlue,
-    textDecoration: 'none !important',
-    position: 'relative',
-    display: 'block',
-    transition: '0.3s all'
-  }
-}, _defineProperty(_menu$listItem$icon$a, "@media (min-width: ".concat(_grid["default"].sm, "px)"), {
-  menu: {
-    "float": 'left'
-  },
-  listItem: {
-    "float": 'left'
-  }
-}), _defineProperty(_menu$listItem$icon$a, "@media (max-width: ".concat(_grid["default"].sm - 1, "px)"), {
-  menu: {
-    clear: 'both',
-    textAlign: 'center',
-    margin: '0'
-  },
-  listItem: {
-    margin: '0 25px 0 0',
-    '&:last-child': {
-      marginRight: '0'
-    }
-  },
-  activeItem: {
-    '&:after': {
-      content: '""',
-      width: '4px',
-      height: '4px',
-      display: 'block',
-      borderRadius: '50%',
-      background: _colors["default"].cyan,
-      position: 'absolute',
-      bottom: '0',
-      left: '50%',
-      marginBottom: '8px',
-      transform: 'translateX(-50%)'
-    },
-    '& $listAnchor': {
-      display: 'none'
-    },
-    '& $icon': {
-      marginBottom: '14px'
-    }
-  },
-  listAnchor: {},
-  icon: {}
-}), _menu$listItem$icon$a);
-
-exports["default"] = _default;

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

@@ -1,79 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Header matches the snapshot 1`] = `ShallowWrapper {}`;
-
-exports[`Header styles matches the snapshot 1`] = `
-Object {
-  "@media (max-width: 767px)": Object {
-    "content": Object {
-      "borderTop": "1px solid transparent",
-    },
-    "master": Object {
-      "boxShadow": "none",
-      "left": "0",
-      "position": "fixed",
-      "top": "0",
-      "width": "100%",
-      "zIndex": "10",
-    },
-  },
-  "@media (min-width: 1200px)": Object {
-    "master": Object {
-      "padding": "0 45px 0 45px",
-    },
-  },
-  "bubble": Object {
-    "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCA1MCA0MS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA0MS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNERkVERkYiIGQ9Ik0yNSwwQzExLjIsMCwwLDkuMSwwLDIwLjNjMCw0LDEuNSw3LjgsNCwxMC45YzAuMywwLjQsMSwxLDAuOCwxLjhjLTAuMSwwLjUtMi4zLDcuNi0yLjMsNy42CiAgICAgICAgICAgIAljLTAuMiwwLjYsMC4yLDEuMywxLDEuM2MwLjYsMCwxLTAuMiwxLTAuMnM3LjQtMyw3LjgtMy4yYzEtMC41LDIuNC0wLjEsMywwLjFjMywxLDYuMywxLjQsOS44LDEuNEMzOC45LDQwLDUwLDMxLjYsNTAsMjAuNAogICAgICAgICAgICAJQzUwLDkuMSwzOC44LDAsMjUsMHoiLz4KICAgICAgICAgICAgPC9zdmc+)",
-    "display": "block",
-    "height": "25px",
-    "width": "25px",
-  },
-  "content": Object {
-    "borderBottom": "1px solid transparent",
-    "boxShadow": "0px 0px 0px 0px rgba(0, 0, 0, 0.75)",
-  },
-  "master": Object {
-    "backgroundColor": "#1476fb",
-    "boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08)",
-    "minHeight": "60px",
-    "padding": "0 15px 0 15px",
-  },
-  "messages": Object {
-    "cursor": "pointer",
-    "display": "inline-flex",
-    "outline": "0",
-    "transform": "translateY(30%)",
-  },
-  "navbar": Object {
-    "border": "none",
-    "fontFamily": "'OccText', sans-serif",
-    "position": "relative",
-    "zIndex": "9",
-  },
-  "separate": Object {
-    "marginTop": "60px",
-    "position": "relative",
-    "zIndex": "9",
-  },
-  "shadow": Object {
-    "boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08) !important",
-  },
-  "title": Object {
-    "color": "#ffffff",
-    "float": "left",
-    "fontSize": "16px",
-    "overflow": "hidden",
-    "paddingBottom": "5px",
-    "paddingTop": "17px",
-    "textOverflow": "ellipsis",
-    "whiteSpace": "nowrap",
-    "width": "calc(100% - 150px)",
-  },
-  "user": Object {
-    "float": "right !important",
-    "paddingTop": "9px",
-  },
-}
-`;
-
-exports[`HeaderJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Header/index.js

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

package/build/Header/styles.js

@@ -1,94 +0,0 @@
-"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 _grid = _interopRequireDefault(require("../subatomic/grid"));
-
-var _icons = _interopRequireDefault(require("../subatomic/icons"));
-
-var _shadows = _interopRequireDefault(require("../subatomic/shadows"));
-
-var _navbar$shadow$master;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _default = (_navbar$shadow$master = {
-  navbar: {
-    border: 'none',
-    fontFamily: _fonts["default"].body,
-    position: 'relative',
-    zIndex: '9'
-  },
-  shadow: {
-    boxShadow: "".concat(_shadows["default"].lvl3, " !important")
-  },
-  master: {
-    backgroundColor: _colors["default"].blue,
-    padding: '0 15px 0 15px',
-    minHeight: '60px',
-    boxShadow: _shadows["default"].lvl3
-  },
-  content: {
-    borderBottom: '1px solid transparent',
-    boxShadow: '0px 0px 0px 0px rgba(0, 0, 0, 0.75)'
-  },
-  title: {
-    width: 'calc(100% - 150px)',
-    fontSize: '16px',
-    color: _colors["default"].white,
-    paddingTop: '17px',
-    paddingBottom: '5px',
-    "float": 'left',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
-  },
-  user: {
-    paddingTop: '9px',
-    "float": 'right !important'
-  },
-  messages: {
-    cursor: 'pointer',
-    outline: '0',
-    display: 'inline-flex',
-    transform: 'translateY(30%)'
-  },
-  bubble: {
-    width: _icons["default"].bubble.width,
-    height: _icons["default"].bubble.height,
-    display: _icons["default"].bubble.display,
-    background: _icons["default"].base(_icons["default"].bubble.icon())
-  },
-  separate: {
-    marginTop: '60px',
-    zIndex: '9',
-    position: 'relative'
-  }
-}, _defineProperty(_navbar$shadow$master, "@media (max-width: ".concat(_grid["default"].sm - 1, "px)"), {
-  master: {
-    position: 'fixed',
-    top: '0',
-    left: '0',
-    width: '100%',
-    zIndex: '10',
-    boxShadow: 'none'
-  },
-  content: {
-    borderTop: '1px solid transparent'
-  }
-}), _defineProperty(_navbar$shadow$master, "@media (min-width: ".concat(_grid["default"].lg, "px)"), {
-  master: {
-    padding: '0 45px 0 45px'
-  }
-}), _navbar$shadow$master);
-
-exports["default"] = _default;