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

package/build/subatomic/icons/messages.js

@@ -17,7 +17,7 @@ var _default = {
   display: 'inline-block',
   icon: function icon() {
     var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
-    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n             viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M9.4,18.2l2-2.3H20V4.3H4v11.6h5.4V18.2z M2,4.3c0-1.1,0.9-2,2-2h16c1.1,0,2,0.9,2,2v11.6c0,1.1-0.9,2-2,2h-7.7\n            L8.8,22c-0.2,0.2-0.4,0.2-0.6,0.2c-0.4,0-0.7-0.4-0.7-0.8l-0.1-3.5H4c-1.1,0-2-0.9-2-2V4.3z\"/>\n        </svg>");
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M9.8,22.1c-0.2,0.2-0.4,0.2-0.6,0.2c-0.4,0-0.7-0.4-0.7-0.8l-0.1-2.6c0-0.5-0.4-0.9-0.9-0.9\n        \tc-3,0-5.5-2.5-5.5-5.5V8.3c0-3.3,2.7-6,6-6h8c3.3,0,6,2.7,6,6v3.6c0,3.3-2.7,6-6,6h-2.2c-0.3,0-0.6,0.1-0.8,0.3L9.8,22.1z\n        \t M10.4,18.3l1.1-1.3c0.6-0.7,1.4-1,2.3-1H16c2.2,0,4-1.8,4-4V8.3c0-2.2-1.8-4-4-4H8c-2.2,0-4,1.8-4,4v4.1c0,1.9,1.6,3.5,3.5,3.5\n        \tC8.9,15.9,10.1,16.9,10.4,18.3z\"/>\n        </svg>");
   }
 };
 exports["default"] = _default;

package/build/subatomic/icons/messagesSolid.js

@@ -17,7 +17,7 @@ var _default = {
   display: 'inline-block',
   icon: function icon() {
     var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
-    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n             viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M2,4.3c0-1.1,0.9-2,2-2h16c1.1,0,2,0.9,2,2v11.6c0,1.1-0.9,2-2,2h-7.7L8.8,22c-0.2,0.2-0.4,0.2-0.6,0.2\n            c-0.4,0-0.7-0.4-0.7-0.8l-0.1-3.5H4c-1.1,0-2-0.9-2-2V4.3z\"/>\n        </svg>");
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M8,2.3c-3.3,0-6,2.7-6,6v4.1c0,3.1,2.5,5.5,5.5,5.5c0.5,0,0.9,0.4,0.9,0.9l0.1,2.6c0,0.4,0.3,0.8,0.7,0.8\n        \tc0.2,0,0.4-0.1,0.6-0.2l3.2-3.8c0.2-0.2,0.5-0.3,0.8-0.3H16c3.3,0,6-2.7,6-6V8.3c0-3.3-2.7-6-6-6C16,2.3,8,2.3,8,2.3z\"/>\n        </svg>");
   }
 };
 exports["default"] = _default;

package/build/subatomic/icons/moreOptionsHorizontal.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n      <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\"/>\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/noMessages.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M22.3,20.7L3.4,1.8L2,3.2l1.6,1.6C2.7,6,2.1,7.4,2.1,9v3.9C2.1,16.2,4.8,19,8,19l0,2.3C8,22.2,8.6,23,9.5,23.1\n        \tc0.1,0,0.1,0,0.2,0c0.4,0,0.9-0.2,1.3-0.6l2.9-3.5h2c0.6,0,1.2-0.1,1.7-0.3l3.3,3.3L22.3,20.7z M13.8,17c-0.6,0-1.1,0.3-1.5,0.7\n        \tL10,20.6l0-1.7c0-1-0.8-1.8-1.8-1.8c-2.2,0-4-1.9-4-4.2V9c0-1.1,0.3-2,0.9-2.8l10.8,10.8L13.8,17L13.8,17z M15.9,4.4\n        \tc2.5,0,4.5,2.1,4.5,4.6v3.4c0,1-0.3,1.9-0.9,2.7l1.4,1.4c0.9-1.1,1.4-2.6,1.4-4.1V9c0-3.7-2.9-6.6-6.5-6.6H8.6C8,2.4,7.5,2.5,7,2.6\n        \tl1.8,1.8C8.8,4.4,15.9,4.4,15.9,4.4z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/noMessagesSolid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M21.3,12.4V9c0-3.1-2.4-5.6-5.5-5.6H8.6c-0.2,0-0.4,0-0.6,0l12.3,12.3C20.9,14.8,21.3,13.7,21.3,12.4z\"/>\n        <path fill=\"").concat(color[0], "\" d=\"M22.3,20.7L3.4,1.8L2,3.2l2.3,2.3C3.6,6.5,3.1,7.7,3.1,9v3.9c0,2.8,2.3,5.2,5,5.2C8.6,18,9,18.4,9,18.9L9,21.3\n        \tc0,0.4,0.2,0.8,0.6,0.8c0.2,0,0.4,0,0.6-0.2l3-3.5c0.2-0.2,0.4-0.3,0.7-0.3h2c0.3,0,0.6,0,0.9-0.1l4.2,4.2\n        \tC20.9,22.1,22.3,20.7,22.3,20.7z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/occDart.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.occDartBlue = exports.occDartWhite = exports.occDartGrey = void 0;
+exports.occDartBlue = exports.occDartWhite = exports.occDartGrey = exports.occDartBlack = void 0;
 
 var _colors = _interopRequireDefault(require("../colors"));
 
@@ -11,10 +11,17 @@ var _iconSizes = _interopRequireDefault(require("../iconSizes"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+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; }
 
+var ink = _colors["default"].ink,
+    inkLight = _colors["default"].inkLight,
+    white = _colors["default"].white,
+    brand = _colors["default"].brand;
+
 var _icon = function icon(color) {
   return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\">\n\t<path fill=\"".concat(color, "\" d=\"M44.5,19.9l6.9-1.3c0,0,1.3-0.2,3-1.3l5.4-4.1c0,0,0.8-0.9-1-1l-8.1-0.5c0,0-0.5,0-0.6,0.6c0,0,0.1,1-0.9,2\n\t\tl-5.4,5.4C43.7,19.7,43.7,20,44.5,19.9z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M40.2,15.5l1.2-6.9c0,0,0.2-1.3,1.3-3l4.1-5.4c0,0,0.9-0.8,1.1,1l0.5,8.1c0,0,0,0.5-0.6,0.6c0,0-1-0.1-2,0.9\n\t\tl-5.4,5.4C40.4,16.3,40.1,16.4,40.2,15.5z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M44.8,19.2c-0.1-0.1-0.2-0.2-0.3-0.3l-0.6,0.6l0,0l-2.1,2.1c-0.3,0.3-0.3,0.8-0.1,1.1c3.2,4.3,4.7,9.9,3.7,15.8\n\t\tc-1.5,8.8-8.7,15.5-17.5,16.7C14.6,57,3.3,45.9,4.7,32.7c0.9-8.6,8.8-16.8,17.3-18.1c5.7-0.8,11.1,0.7,15.3,3.7\n\t\tc0.3,0.3,0.8,0.2,1.1-0.1l2.7-2.7l0,0c-0.1-0.1-0.2-0.2-0.4-0.3c-5.4-4.2-12.5-6.4-20.1-5C10.4,12,2.2,20.1,0.4,30.3\n\t\tc-3.1,17.3,11.9,32.3,29.2,29.2c10.3-1.8,18.5-9.9,20.2-20.2C51.2,31.7,49.1,24.6,44.8,19.2z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M37.4,26.1l-2.1,2.1c-0.3,0.3-0.3,0.7-0.1,1c1.1,1.8,1.6,4,1.5,6.3c-0.3,5.7-4.8,10.4-10.5,10.9\n\t\tC19,47,13,41,13.6,33.8c0.5-5.7,5.2-10.2,10.9-10.5c2.3-0.1,4.5,0.4,6.3,1.5c0.3,0.2,0.7,0.1,1-0.1l2.1-2.1c0.4-0.4,0.3-1.1-0.2-1.4\n\t\tc-2.7-1.7-5.9-2.7-9.4-2.5c-8.5,0.4-15.3,7.5-15.4,16C9,43.7,16.3,51,25.2,51c8.5,0,15.7-6.8,16-15.3c0.2-3.5-0.8-6.7-2.5-9.4\n\t\tC38.4,25.8,37.8,25.7,37.4,26.1z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M30.9,32.3l-2.6,1.2c-0.4,0.2-0.6,0.6-0.5,1c0.1,0.3,0.1,0.7,0,1.1c-0.2,1-1.1,1.9-2.2,2\n\t\tc-1.8,0.3-3.4-1.3-3.1-3.1c0.2-1.1,1-1.9,2.1-2.2c0.4-0.1,0.7-0.1,1.1,0s0.8-0.1,0.9-0.5l1.2-2.6c0.2-0.5,0-1-0.5-1.2\n\t\tc-1-0.3-2.2-0.4-3.4-0.2c-3.1,0.5-5.6,3.1-5.9,6.3c-0.5,4.4,3,8.2,7.4,8.1c3.7-0.1,6.7-3,7-6.6c0.1-1,0-1.9-0.3-2.7\n\t\tC31.9,32.3,31.4,32.1,30.9,32.3z\"/>\n\t</svg>");
 };
@@ -25,25 +32,33 @@ var sharedProperties = {
   display: 'inline-block'
 };
 
-var occDartGrey = _objectSpread({}, sharedProperties, {
+var occDartBlack = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(ink);
+  }
+});
+
+exports.occDartBlack = occDartBlack;
+
+var occDartGrey = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon(_colors["default"].inkLight);
+    return _icon(inkLight);
   }
 });
 
 exports.occDartGrey = occDartGrey;
 
-var occDartWhite = _objectSpread({}, sharedProperties, {
+var occDartWhite = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon(_colors["default"].white);
+    return _icon(white);
   }
 });
 
 exports.occDartWhite = occDartWhite;
 
-var occDartBlue = _objectSpread({}, sharedProperties, {
+var occDartBlue = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon('#0046ff');
+    return _icon(brand);
   }
 });
 

package/build/subatomic/icons/occHorizontal.js

@@ -3,16 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.occHorizontalBlue = exports.occHorizontalWhite = exports.occHorizontalGrey = void 0;
+exports.occHorizontalBlue = exports.occHorizontalWhite = exports.occHorizontalGrey = exports.occHorizontalBlack = void 0;
 
 var _colors = _interopRequireDefault(require("../colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+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; }
 
+var ink = _colors["default"].ink,
+    inkLight = _colors["default"].inkLight,
+    white = _colors["default"].white,
+    brand = _colors["default"].brand;
+
 var _icon = function icon(color) {
   return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n         viewBox=\"0 0 300 70\" style=\"enable-background:new 0 0 300 70;\" xml:space=\"preserve\">\n    <path fill=\"".concat(color, "\" d=\"M49,23.9l7.6-1.4c0,0,1.5-0.2,3.3-1.4l6-4.6c0,0,0.9-1-1.1-1.2l-8.9-0.5c0,0-0.6,0-0.7,0.7c0,0,0.2,1.1-1,2.2\n        l-5.9,5.9C48.2,23.7,48.1,24,49,23.9z\"/>\n    <path fill=\"").concat(color, "\" d=\"M44.2,19.1l1.4-7.6c0,0,0.2-1.5,1.4-3.3l4.6-6c0,0,1-0.9,1.2,1.1l0.5,8.9c0,0,0,0.6-0.7,0.7c0,0-1.1-0.2-2.2,1\n        l-6,5.9C44.4,19.9,44.1,20,44.2,19.1z\"/>\n    <path fill=\"").concat(color, "\" d=\"M49.3,23.1c-0.1-0.1-0.2-0.2-0.3-0.3l-0.7,0.7l0,0L46,25.8c-0.3,0.3-0.4,0.9-0.1,1.2c3.5,4.7,5.2,10.9,4,17.4\n        c-1.7,9.6-9.5,17.1-19.3,18.4C16,64.7,3.6,52.5,5.1,37.9c1-9.5,9.7-18.5,19.1-19.9c6.3-0.9,12.2,0.7,16.8,4.1\n        c0.4,0.3,0.9,0.2,1.3-0.1l3-3l0,0c-0.1-0.1-0.3-0.2-0.4-0.3c-5.9-4.7-13.7-7-22.1-5.5c-11.3,2-20.3,10.9-22.3,22.2\n        c-3.4,19.1,13.1,35.5,32.2,32.2c11.3-2,20.3-11,22.2-22.3C56.4,36.9,54,29,49.3,23.1z\"/>\n    <path fill=\"").concat(color, "\" d=\"M41.1,30.7L38.8,33c-0.3,0.3-0.4,0.7-0.1,1.1c1.2,2,1.8,4.4,1.7,7c-0.3,6.3-5.3,11.5-11.6,12\n        c-7.9,0.7-14.6-5.9-13.9-13.8C15.6,33,20.7,28,27,27.7c2.5-0.1,4.9,0.5,7,1.7c0.4,0.2,0.8,0.1,1.1-0.1l2.3-2.3\n        c0.4-0.4,0.4-1.2-0.2-1.5c-3-1.9-6.5-2.9-10.3-2.7c-9.4,0.3-16.9,8.1-17,17.5c-0.1,9.8,8,17.8,17.8,17.8c9.4,0,17.2-7.5,17.7-16.9\n        c0.2-3.8-0.9-7.4-2.8-10.4C42.3,30.3,41.6,30.2,41.1,30.7z\"/>\n    <path fill=\"").concat(color, "\" d=\"M34,37.5l-2.9,1.3c-0.4,0.2-0.6,0.6-0.6,1.1c0.1,0.4,0.1,0.8,0,1.2c-0.3,1.2-1.2,2.1-2.4,2.3\n        c-2,0.3-3.8-1.4-3.4-3.4c0.2-1.2,1.1-2.1,2.3-2.4c0.4-0.1,0.8-0.1,1.2,0c0.4,0.1,0.9-0.1,1-0.5l1.3-2.9c0.2-0.5,0-1.1-0.6-1.3\n        c-1.2-0.4-2.4-0.5-3.7-0.2c-3.4,0.6-6.1,3.4-6.5,6.9c-0.6,4.9,3.3,9,8.1,8.9c4-0.1,7.4-3.3,7.7-7.3c0.1-1.1,0-2.1-0.3-3\n        C35.1,37.5,34.5,37.3,34,37.5z\"/>\n    <path fill=\"").concat(color, "\" d=\"M89.8,43.2c0,6.4-4.4,11.5-11.5,11.5s-11.5-5.1-11.5-11.5c0-6.3,4.4-11.5,11.4-11.5S89.8,36.8,89.8,43.2z\n         M72.3,43.2c0,3.4,2,6.5,6,6.5s6-3.1,6-6.5c0-3.3-2.3-6.5-6-6.5C74.3,36.6,72.3,39.8,72.3,43.2z\"/>\n    <path fill=\"").concat(color, "\" d=\"M104,54.8c-6.4,0-11.8-3.8-11.8-11.7s5.3-11.7,11.8-11.7c3.1,0,5.6,0.9,8,3.3l-3.5,3.6\n        c-1.3-1.2-2.9-1.7-4.4-1.7c-3.7,0-6.4,2.7-6.4,6.5c0,4.2,2.9,6.4,6.3,6.4c1.7,0,3.5-0.5,4.8-1.8l3.7,3.6\n        C110,53.9,107.3,54.8,104,54.8z\"/>\n    <path fill=\"").concat(color, "\" d=\"M125.5,54.8c-6.4,0-11.8-3.8-11.8-11.7s5.3-11.7,11.8-11.7c3.1,0,5.6,0.9,8,3.3l-3.5,3.6\n        c-1.3-1.2-2.9-1.7-4.4-1.7c-3.7,0-6.4,2.7-6.4,6.5c0,4.2,2.9,6.4,6.3,6.4c1.7,0,3.5-0.5,4.8-1.8l3.7,3.6\n        C131.4,53.9,128.7,54.8,125.5,54.8z\"/>\n    <path fill=\"").concat(color, "\" d=\"M151.1,42.3c0-2.9-1.5-5.6-4.5-5.6s-4.7,2.6-4.7,5.6v11.8h-5.5v-22h5.1l0.4,2.7c1.2-2.2,3.7-3,5.8-3\n        c2.6,0,5.3,1.1,6.6,4.1c2-3.1,4.5-4,7.4-4c6.3,0,9.4,3.8,9.4,10.5v11.9h-5.5v-12c0-2.9-1.2-5.4-4.2-5.4s-4.8,2.6-4.8,5.5v11.8h-5.5\n        V42.3z\"/>\n    <path fill=\"").concat(color, "\" d=\"M181.3,43.6c0,3.4,1.8,5.9,5.3,5.9c3.4,0,5.7-2.8,5.7-6.2V32.1h5.4v22.1h-4.9l-0.4-3c-2.3,2.2-4.4,3.3-7.5,3.3\n        c-5.3,0-9.2-4-9.2-10.8V32.1h5.5L181.3,43.6L181.3,43.6z\"/>\n    <path fill=\"").concat(color, "\" d=\"M218.8,42.6c0-3.4-1.8-5.9-5.3-5.9c-3.4,0-5.7,2.8-5.7,6.2v11.3h-5.4V32.1h4.9l0.4,3c2.2-2.2,4.5-3.3,7.3-3.3\n        c5.2,0,9.4,3.9,9.4,10.8v11.6h-5.5L218.8,42.6L218.8,42.6z\"/>\n    <path fill=\"").concat(color, "\" d=\"M252,54.2h-5.1l-0.4-3c-1.7,2.6-4.4,3.5-7.1,3.5c-6.5,0-11.4-4.3-11.4-11.5c0-7.6,4.8-11.5,11.3-11.5\n        c2.3,0,6,1.3,7.3,3.5V22.9h5.5v31.3H252z M233.5,43.1c0,3.8,2.8,6.5,6.3,6.5s6.4-2.5,6.4-6.5c0-3.8-3-6.4-6.4-6.4\n        C236.2,36.7,233.5,39.1,233.5,43.1z\"/>\n    <path fill=\"").concat(color, "\" d=\"M259.5,22.7c1.6,0,3.2,1,3.2,3.2c0,2.1-1.6,3.2-3.2,3.2s-3.2-1.1-3.2-3.2C256.3,23.7,257.9,22.7,259.5,22.7z\n         M256.7,54.2h5.5V32h-5.5V54.2z\"/>\n    <path fill=\"").concat(color, "\" d=\"M289.9,32.1v22.1h-5.2l-0.3-3.2c-1.3,2.6-4.8,3.9-7.3,3.9c-6.5,0-11.3-4-11.3-11.7c0-7.6,5-11.5,11.4-11.5\n        c3,0,5.9,1.3,7.1,3.6l0.2-3h5.4V32.1z M271.4,43.1c0,4.2,2.9,6.7,6.6,6.7c4.3,0,6.5-3.4,6.5-6.7s-2.2-6.7-6.5-6.7\n        C274.3,36.4,271.4,38.9,271.4,43.1z\"/>\n    <path fill=\"").concat(color, "\" d=\"M300,54.2h-5.4V22.9h5.4V54.2z\"/>\n    </svg>");
 };
@@ -23,25 +30,33 @@ var sharedProperties = {
   display: 'inline-block'
 };
 
-var occHorizontalGrey = _objectSpread({}, sharedProperties, {
+var occHorizontalBlack = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(ink);
+  }
+});
+
+exports.occHorizontalBlack = occHorizontalBlack;
+
+var occHorizontalGrey = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon(_colors["default"].inkLight);
+    return _icon(inkLight);
   }
 });
 
 exports.occHorizontalGrey = occHorizontalGrey;
 
-var occHorizontalWhite = _objectSpread({}, sharedProperties, {
+var occHorizontalWhite = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon(_colors["default"].white);
+    return _icon(white);
   }
 });
 
 exports.occHorizontalWhite = occHorizontalWhite;
 
-var occHorizontalBlue = _objectSpread({}, sharedProperties, {
+var occHorizontalBlue = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon('#0046ff');
+    return _icon(brand);
   }
 });
 

package/build/subatomic/icons/occLogo.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.occLogoBlue = exports.occLogoWhite = exports.occLogoGrey = exports.occLogoBlack = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+var ink = _colors["default"].ink,
+    inkLight = _colors["default"].inkLight,
+    white = _colors["default"].white,
+    brand = _colors["default"].brand;
+
+var _icon = function icon(color) {
+  return "<svg width=\"82\" height=\"32\" viewBox=\"0 0 82 33\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path id=\"Vector\" d=\"M75.3501 23.1395C78.5792 23.1395 81.139 21.1507 81.6021 18.2058L77.8116 17.998C77.4785 19.1331 76.454 19.8046 75.2486 19.8046C73.4818 19.8046 72.3018 18.4872 72.3018 16.4728C72.3018 14.4584 73.4818 13.1411 75.2486 13.1411C76.454 13.1411 77.4785 13.8125 77.8116 14.9476L81.6021 14.7398C81.1422 11.795 78.5792 9.80615 75.3501 9.80615C71.3787 9.80615 68.4066 12.5943 68.4066 16.4696C68.4066 20.3449 71.3787 23.1331 75.3501 23.1331V23.1395ZM44.2453 19.8333C42.4785 19.8333 41.2985 18.516 41.2985 16.476C41.2985 14.436 42.4785 13.1443 44.2453 13.1443C46.0122 13.1443 47.1414 14.4616 47.1414 16.476C47.1414 18.4904 45.9614 19.8333 44.2453 19.8333ZM44.2453 23.1651C48.1406 23.1651 51.0335 20.3257 51.0335 16.476C51.0335 12.6263 48.1374 9.81255 44.2453 9.81255C40.3533 9.81255 37.4033 12.6519 37.4033 16.476C37.4033 20.3002 40.3247 23.1651 44.2453 23.1651ZM60.0547 23.1651C63.4868 23.1651 66.1259 20.8405 66.3828 17.6655L62.643 17.4576C62.4115 18.9029 61.3108 19.8333 59.9531 19.8333C58.1863 19.8333 57.0064 18.516 57.0064 16.476C57.0064 14.436 58.1863 13.1443 59.9531 13.1443C61.3361 13.1443 62.4115 14.0492 62.643 15.4432L66.3828 15.2354C66.1259 12.1115 63.4868 9.81255 60.0547 9.81255C56.0833 9.81255 53.1111 12.6007 53.1111 16.476C53.1111 20.3513 56.0833 23.1651 60.0547 23.1651Z\" fill=\"".concat(color, "\"/>\n        <path id=\"Vector_2\" d=\"M17.2081 13.456C16.799 13.2738 16.3485 13.1683 15.8759 13.1683C14.0615 13.1683 12.5865 14.6551 12.5865 16.484C12.5865 18.313 14.0615 19.7998 15.8759 19.7998C17.6903 19.7998 19.1653 18.313 19.1653 16.484C19.1653 16.0044 19.0638 15.5536 18.8798 15.1411C17.8299 15.7326 16.0979 16.711 16.0979 16.711C15.8188 16.8805 15.4826 16.5352 15.6507 16.2602L17.2081 13.456ZM31.736 6.33533V2.03477C29.4807 4.17386 23.2413 10.0763 20.6815 12.5C21.5665 13.5839 22.1026 14.9716 22.1026 16.484C22.1026 19.9436 19.3112 22.7574 15.8791 22.7574C12.447 22.7574 9.65559 19.9436 9.65559 16.484C9.65559 13.0244 12.447 10.2106 15.8791 10.2106C17.3794 10.2106 18.7561 10.7478 19.8314 11.6431L30.2134 0.5H25.947C24.5387 0.5 23.3079 1.245 22.6069 2.36091C16.8973 -0.446443 9.67779 0.186651 4.65967 5.18106C-3.33697 13.1715 -0.662965 27.0132 9.78881 31.301C15.5809 33.7726 22.7021 32.3273 27.089 27.7902C31.5203 23.3521 32.7859 16.209 30.2578 10.4824C30.1468 10.2138 30.0231 9.95484 29.8994 9.69584C31.0032 8.98921 31.736 7.7486 31.736 6.33533ZM24.7639 25.4432C19.9646 30.3641 11.7904 30.3641 6.98793 25.4432C2.1062 20.6055 2.1062 12.3657 6.98793 7.52478C10.9561 3.45763 17.2272 2.7542 21.9947 5.41127V8.98601C20.3294 7.60152 18.1978 6.77018 15.8759 6.77018C10.5628 6.77018 6.23933 11.1283 6.23933 16.484C6.23933 21.8397 10.5628 26.1978 15.8759 26.1978C21.189 26.1978 25.5125 21.8397 25.5125 16.484C25.5125 14.1435 24.6878 11.9948 23.3143 10.3161H26.8606C29.4965 15.1219 28.7987 21.4432 24.7639 25.4432Z\" fill=\"").concat(color, "\"/>\n    </svg>");
+};
+
+var sharedProperties = {
+  width: 82,
+  height: 32,
+  display: 'inline-block'
+};
+
+var occLogoBlack = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(ink);
+  }
+});
+
+exports.occLogoBlack = occLogoBlack;
+
+var occLogoGrey = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(inkLight);
+  }
+});
+
+exports.occLogoGrey = occLogoGrey;
+
+var occLogoWhite = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(white);
+  }
+});
+
+exports.occLogoWhite = occLogoWhite;
+
+var occLogoBlue = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(brand);
+  }
+});
+
+exports.occLogoBlue = occLogoBlue;

package/build/subatomic/icons/occVertical.js

@@ -3,16 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.occVerticalBlue = exports.occVerticalWhite = exports.occVerticalGrey = void 0;
+exports.occVerticalBlue = exports.occVerticalWhite = exports.occVerticalGrey = exports.occVerticalBlack = void 0;
 
 var _colors = _interopRequireDefault(require("../colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+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; }
 
+var ink = _colors["default"].ink,
+    inkLight = _colors["default"].inkLight,
+    white = _colors["default"].white,
+    brand = _colors["default"].brand;
+
 var _icon = function icon(color) {
   return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t viewBox=\"0 0 180 100\" style=\"enable-background:new 0 0 180 100;\" xml:space=\"preserve\">\n\t<path fill=\"".concat(color, "\" d=\"M18.6,91c0,4.9-3.3,8.8-8.8,8.8S1,95.8,1,91s3.4-8.8,8.7-8.8C15.1,82.2,18.6,86.2,18.6,91z M5.2,91\n\t\tc0,2.6,1.5,5,4.6,5s4.6-2.4,4.6-5c0-2.5-1.8-5-4.6-5C6.8,86,5.2,88.5,5.2,91z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M29.4,100c-4.9,0-9-3-9-9s4.1-9,9-9c2.4,0,4.2,0.7,6.1,2.5l-2.6,2.8c-1-0.9-2.2-1.3-3.4-1.3\n\t\tc-2.8,0-4.9,2.1-4.9,5c0,3.2,2.2,5,4.8,5c1.3,0,2.7-0.4,3.7-1.4l2.8,2.8C34,99.2,31.9,100,29.4,100z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M45.8,100c-4.9,0-9-3-9-9s4.1-9,9-9c2.4,0,4.2,0.7,6.1,2.5l-2.6,2.8c-1-0.9-2.2-1.3-3.4-1.3\n\t\tC43,86,41,88.1,41,91c0,3.2,2.2,5,4.8,5c1.3,0,2.7-0.4,3.7-1.4l2.8,2.8C50.3,99.2,48.3,100,45.8,100z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M65.4,90.4c0-2.2-1.2-4.3-3.5-4.3c-2.3,0-3.6,2-3.6,4.3v9.1h-4.2v-17H58l0.3,2.1c0.9-1.7,2.8-2.3,4.5-2.3\n\t\tc2,0,4,0.8,5,3.2c1.5-2.4,3.5-3.1,5.7-3.1c4.8,0,7.2,3,7.2,8v9.1h-4.2v-9.1c0-2.2-0.9-4.1-3.2-4.1c-2.3,0-3.7,2-3.7,4.2v9.1h-4.2\n\t\tC65.4,99.6,65.4,90.4,65.4,90.4z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M88.4,91.4c0,2.6,1.4,4.5,4.1,4.5c2.6,0,4.3-2.2,4.3-4.7v-8.7h4.1v17h-3.7l-0.3-2.3c-1.7,1.7-3.4,2.5-5.7,2.5\n\t\tc-4,0-7-3.1-7-8.3v-8.9h4.2V91.4z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M117,90.6c0-2.6-1.4-4.5-4.1-4.5c-2.6,0-4.3,2.2-4.3,4.7v8.7h-4.1v-17h3.7l0.3,2.3c1.7-1.7,3.4-2.5,5.5-2.5\n\t\tc4,0,7.2,3,7.2,8.3v8.9H117V90.6z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M142.4,99.5h-3.9l-0.3-2.3c-1.3,2-3.4,2.7-5.4,2.7c-5,0-8.7-3.3-8.7-8.9c0-5.8,3.7-8.9,8.6-8.9\n\t\tc1.8,0,4.6,1,5.5,2.7v-9.4h4.2L142.4,99.5L142.4,99.5z M128.2,91c0,3,2.1,5,4.8,5c2.6,0,4.9-1.9,4.9-5c0-3-2.3-5-4.9-5\n\t\tC130.3,86,128.2,87.9,128.2,91z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M148.1,75.3c1.2,0,2.5,0.8,2.5,2.4s-1.2,2.4-2.5,2.4s-2.5-0.8-2.5-2.4C145.6,76.1,146.8,75.3,148.1,75.3z\n\t\t M146,99.5h4.2v-17H146V99.5z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M171.3,82.5v17h-3.9l-0.2-2.5c-1,2-3.7,3-5.5,3c-5,0-8.6-3.1-8.6-9c0-5.8,3.8-8.9,8.7-8.9c2.3,0,4.5,1,5.4,2.8\n\t\tl0.1-2.3L171.3,82.5L171.3,82.5z M157.2,91c0,3.2,2.2,5.2,5,5.2c3.3,0,4.9-2.6,4.9-5.2c0-2.5-1.6-5.1-4.9-5.1\n\t\tC159.4,85.9,157.2,87.8,157.2,91z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M179,99.5h-4.1v-24h4.1V99.5z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M108.2,23.6l8.2-1.5c0,0,1.6-0.2,3.5-1.5l6.4-4.9c0,0,1-1-1.2-1.2l-9.6-0.6c0,0-0.7,0-0.8,0.7\n\t\tc0,0,0.2,1.2-1.1,2.4l-6.4,6.4C107.3,23.4,107.2,23.7,108.2,23.6z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M103.1,18.4l1.5-8.2c0,0,0.2-1.6,1.5-3.5l4.9-6.4c0,0,1-1,1.2,1.2l0.6,9.6c0,0,0,0.6-0.7,0.8\n\t\tc0,0-1.2-0.2-2.4,1.1l-6.4,6.4C103.3,19.3,103,19.4,103.1,18.4z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M108.6,22.8c-0.1-0.1-0.2-0.2-0.3-0.4l-0.7,0.7l0,0l-2.5,2.5c-0.4,0.4-0.4,0.9-0.1,1.3\n\t\tc3.8,5.1,5.6,11.7,4.3,18.7C107.5,56,99.1,64,88.6,65.4c-15.8,2.1-29.2-11-27.5-26.7c1.1-10.2,10.4-19.9,20.5-21.4\n\t\tc6.8-1,13.1,0.8,18.1,4.4c0.4,0.3,1,0.3,1.3-0.1l3.2-3.2l0,0c-0.1-0.1-0.3-0.2-0.4-0.3c-6.3-5-14.8-7.5-23.8-6\n\t\tc-12.2,2.1-21.8,11.7-24,23.8c-3.6,20.5,14,38.2,34.6,34.6c12.2-2.1,21.8-11.8,24-23.9C116.2,37.6,113.6,29.1,108.6,22.8z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M99.8,30.9l-2.4,2.4c-0.3,0.3-0.4,0.8-0.2,1.2c1.3,2.2,1.9,4.8,1.8,7.5c-0.3,6.8-5.7,12.3-12.4,12.9\n\t\tc-8.5,0.8-15.7-6.3-14.9-14.9c0.6-6.7,6.2-12.1,12.9-12.4c2.7-0.1,5.3,0.5,7.5,1.8c0.4,0.2,0.9,0.2,1.2-0.2l2.4-2.4\n\t\tc0.5-0.5,0.4-1.2-0.2-1.6c-3.2-2-7-3.1-11.1-3C74.3,22.7,66.3,31,66.2,41.1c-0.1,10.6,8.6,19.2,19.2,19.1c10.1,0,18.5-8.1,19-18.2\n\t\tc0.2-4.1-0.9-7.9-3-11.1C101,30.5,100.3,30.4,99.8,30.9z\"/>\n\t<path fill=\"").concat(color, "\" d=\"M92.1,38.2L89,39.6c-0.4,0.2-0.7,0.7-0.6,1.2c0.1,0.4,0.1,0.8,0,1.2c-0.3,1.2-1.3,2.2-2.6,2.4\n\t\tc-2.2,0.4-4.1-1.5-3.7-3.7c0.2-1.3,1.2-2.3,2.4-2.5c0.4-0.1,0.9-0.1,1.3,0c0.5,0.1,0.9-0.1,1.1-0.6l1.4-3.1c0.3-0.6,0-1.2-0.6-1.4\n\t\tc-1.2-0.4-2.6-0.5-4-0.3c-3.7,0.6-6.6,3.7-7,7.4c-0.6,5.2,3.6,9.7,8.7,9.6c4.3-0.1,7.9-3.5,8.3-7.8c0.1-1.1,0-2.2-0.3-3.2\n\t\tC93.3,38.2,92.7,38,92.1,38.2z\"/>\n\t</svg>");
 };
@@ -23,25 +30,33 @@ var sharedProperties = {
   display: 'inline-block'
 };
 
-var occVerticalGrey = _objectSpread({}, sharedProperties, {
+var occVerticalBlack = _objectSpread(_objectSpread({}, sharedProperties), {}, {
+  icon: function icon() {
+    return _icon(ink);
+  }
+});
+
+exports.occVerticalBlack = occVerticalBlack;
+
+var occVerticalGrey = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon(_colors["default"].inkLight);
+    return _icon(inkLight);
   }
 });
 
 exports.occVerticalGrey = occVerticalGrey;
 
-var occVerticalWhite = _objectSpread({}, sharedProperties, {
+var occVerticalWhite = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon(_colors["default"].white);
+    return _icon(white);
   }
 });
 
 exports.occVerticalWhite = occVerticalWhite;
 
-var occVerticalBlue = _objectSpread({}, sharedProperties, {
+var occVerticalBlue = _objectSpread(_objectSpread({}, sharedProperties), {}, {
   icon: function icon() {
-    return _icon('#0046ff');
+    return _icon(brand);
   }
 });
 

package/build/subatomic/icons/profile.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n      <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.942 4.866a.934.934 0 0 0-.849 1.012l.983 11.237c.24-.636.683-1.202 1.253-1.655.944-.75 2.28-1.244 3.879-1.384 1.599-.14 3 .114 4.06.69.629.341 1.156.811 1.503 1.382l-.98-11.206a.934.934 0 0 0-1.012-.849l-8.837.773zm9.227 12.785-7.242.633v-.01c-.03-.325.118-.77.675-1.214.558-.444 1.483-.834 2.784-.948 1.3-.113 2.279.11 2.906.45.626.34.848.753.877 1.078v.01zM2.233 6.04a2.801 2.801 0 0 1 2.546-3.035l8.837-.773a2.801 2.801 0 0 1 2.65 1.353l.008-.032 4.54 1.091a2.801 2.801 0 0 1 2.069 3.378l-2.836 11.804a2.801 2.801 0 0 1-3.379 2.069l-.012-.003-7.25-1.951-3.121.273A2.801 2.801 0 0 1 3.25 17.67L2.233 6.04zM14.83 19.468l2.285.614a.934.934 0 0 0 1.116-.692l2.836-11.803a.934.934 0 0 0-.69-1.126l-3.655-.878.947 10.824a2.801 2.801 0 0 1-2.547 3.035l-.292.026zM8.533 8.286a1.626 1.626 0 0 1 2.297-.2 1.626 1.626 0 0 1 .201 2.296 1.626 1.626 0 0 1-2.297.202 1.626 1.626 0 0 1-.201-2.298zm.944-2.44c-.963.084-1.8.556-2.375 1.24a3.493 3.493 0 0 0 .431 4.928c.684.574 1.591.893 2.554.809a3.493 3.493 0 0 0 2.375-1.24 3.493 3.493 0 0 0-.431-4.928 3.493 3.493 0 0 0-2.554-.809z\"/>\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/profileSolid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n      <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"m16.656 21.893-3.79-1.02 1.37-.12a4.118 4.118 0 0 0 3.744-4.46L16.962 4.663a4.124 4.124 0 0 0-.212-.995l4.063.976a2.801 2.801 0 0 1 2.07 3.378l-2.836 11.804a2.801 2.801 0 0 1-3.379 2.069l-.012-.003zM12.632 2.416a2.615 2.615 0 0 1 2.836 2.38l.071.811.946 10.816a2.618 2.618 0 0 1-2.379 2.836l-4.788.419-4.05.354a2.618 2.618 0 0 1-2.835-2.38L1.416 6.025a2.618 2.618 0 0 1 2.38-2.836l8.836-.773zm-2.32 7.877a1.994 1.994 0 0 1-2.814.247 1.994 1.994 0 0 1-.246-2.814 1.994 1.994 0 0 1 2.814-.246 1.994 1.994 0 0 1 .246 2.813zm-4.905 6.038-.082-.946c-.094-1.072 1.315-2.173 3.806-2.39 2.49-.219 4.07.62 4.163 1.693l.083.946-7.97.697z\"/>\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/profileView.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" d=\"M4.94183 4.86614C4.42808 4.91109 4.04803 5.36401 4.09298 5.87776L5.07614 17.1153C5.31589 16.4792 5.75925 15.9133 6.32898 15.46C7.27278 14.7092 8.60837 14.2157 10.2077 14.0758C11.807 13.9358 13.208 14.1899 14.2678 14.7655C14.8967 15.107 15.4242 15.5769 15.7711 16.1482L14.7907 4.94183C14.7458 4.42808 14.2928 4.04803 13.7791 4.09298L4.94183 4.86614ZM14.1693 17.6505L6.92694 18.2841L6.92605 18.274C6.8976 17.9488 7.04463 17.5031 7.60176 17.0598C8.16028 16.6155 9.08494 16.2261 10.3858 16.1123C11.6867 15.9985 12.665 16.2213 13.2922 16.562C13.9178 16.9017 14.14 17.3152 14.1684 17.6404L14.1693 17.6505ZM2.23251 6.04053C2.09767 4.49927 3.2378 3.14051 4.77906 3.00567L13.6163 2.23251C14.7212 2.13585 15.7322 2.69436 16.2659 3.58614L16.2736 3.55411L20.8133 4.64489C22.3177 5.00635 23.2442 6.51887 22.8827 8.02321L20.0467 19.8265C19.6852 21.3309 18.1727 22.2574 16.6684 21.8959L16.656 21.893L9.40688 19.9419L6.28469 20.215C4.74342 20.3499 3.38467 19.2098 3.24982 17.6685L2.23251 6.04053ZM14.8299 19.4674L17.1149 20.0824C17.613 20.1963 18.1111 19.8883 18.2308 19.3902L21.0668 7.5869C21.1873 7.08545 20.8785 6.58128 20.377 6.46079L16.7215 5.58246L17.6685 16.407C17.8033 17.9483 16.6632 19.307 15.1219 19.4419L14.8299 19.4674ZM8.53286 8.28622C8.80484 7.96208 9.19498 7.7453 9.63951 7.70641C10.084 7.66752 10.5059 7.81326 10.83 8.08524C11.1542 8.35723 11.371 8.74736 11.4099 9.1919C11.4487 9.63643 11.303 10.0583 11.031 10.3824C10.759 10.7066 10.3689 10.9233 9.92436 10.9622C9.47983 11.0011 9.05797 10.8554 8.73383 10.5834C8.40969 10.3114 8.19291 9.92128 8.15402 9.47675C8.11513 9.03221 8.26087 8.61036 8.53286 8.28622ZM9.47674 5.84593C8.51372 5.93019 7.67604 6.4019 7.10221 7.08576C6.52838 7.76963 6.20929 8.6765 6.29355 9.63952C6.3778 10.6025 6.84951 11.4402 7.53338 12.0141C8.21724 12.5879 9.12411 12.907 10.0871 12.8227C11.0501 12.7385 11.8878 12.2667 12.4617 11.5829C13.0355 10.899 13.3546 9.99215 13.2703 9.02913C13.1861 8.06611 12.7144 7.22842 12.0305 6.65459C11.3466 6.08076 10.4398 5.76168 9.47674 5.84593Z\" />\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/refresh.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg viewBox=\"0 0 24 24\" fill=\"".concat(color[0], "\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.941 3v4.594c0 .65.527 1.178 1.178 1.178h4.546v-2h-2.32A7 7 0 0 1 19 12h2A9 9 0 0 0 5.941 5.345V3h-2zM20.06 16.406V21h-2v-2.345A9 9 0 0 1 3 12h2a7 7 0 0 0 11.655 5.229h-2.32v-2h4.546c.65 0 1.178.527 1.178 1.177z\" fill=\"").concat(color[0], "\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/refreshSolid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg viewBox=\"0 0 24 24\" fill=\"".concat(color[0], "\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.593 6.594h1.93v2.25h-4.49c-.72 0-1.305-.585-1.305-1.305V3h2.25v2.012A9.225 9.225 0 0 1 21.225 12h-2.25A6.975 6.975 0 0 0 7.593 6.594zm12.68 9.867V21h-2.25v-2.012A9.225 9.225 0 0 1 2.775 12h2.25a6.975 6.975 0 0 0 11.382 5.406h-1.931v-2.25h4.49c.721 0 1.305.585 1.305 1.305z\" fill=\"").concat(color[0], "\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/sendMessage.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M5.8,20.7c-0.5,0-1-0.1-1.4-0.4c-0.7-0.5-1.1-1.3-1.1-2.1v-3.4c0-1.3,0.9-2.3,2.1-2.5L6.6,12l-1.3-0.2\n        \tc-1.2-0.2-2.1-1.3-2.1-2.5l0-3.4c0-0.9,0.4-1.7,1.1-2.2C5,3.2,5.9,3.2,6.7,3.5l0,0l14.9,6.1c1,0.4,1.6,1.3,1.6,2.4\n        \tc0,1.1-0.6,2-1.6,2.4L6.8,20.5C6.4,20.6,6.1,20.7,5.8,20.7z M5.7,5.3c-0.2,0-0.3,0.1-0.3,0.1C5.3,5.5,5.1,5.6,5.1,5.9l0,3.4\n        \tc0,0.3,0.2,0.5,0.5,0.5l6.5,1.1c0.5,0.1,0.9,0.5,0.9,1.1s-0.4,1-0.9,1.1l-6.5,1.1c-0.3,0-0.5,0.3-0.5,0.6v3.4c0,0.3,0.2,0.4,0.3,0.5\n        \tc0.1,0.1,0.3,0.2,0.5,0.1l14.8-6.1c0.3-0.1,0.4-0.4,0.4-0.5c0-0.1,0-0.4-0.4-0.5L5.9,5.3C5.8,5.3,5.8,5.3,5.7,5.3z M11.8,11.1\n        \tC11.8,11.1,11.8,11.1,11.8,11.1L11.8,11.1z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/sendMessageSolid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M6.3,4.4l14.9,6.1c1.3,0.5,1.3,2.4,0,2.9L6.4,19.6c-1,0.4-2.2-0.3-2.2-1.5v-3.4c0-0.8,0.6-1.4,1.3-1.6l6.5-1.1\n        \tc0.1,0,0.1-0.2,0-0.2l-6.5-1.1C4.7,10.7,4.2,10,4.2,9.3L4.1,5.9C4.1,4.8,5.3,4,6.3,4.4z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/starsSolid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg viewBox=\"0 0 24 24\" fill=\"".concat(color[0], "\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M11.4858 9.3706C11.6506 8.87646 12.3495 8.87647 12.5142 9.3706L13.4824 12.2752C13.914 13.57 14.93 14.586 16.2247 15.0176L19.1294 15.9858C19.6235 16.1505 19.6235 16.8494 19.1294 17.0142L16.2247 17.9824C14.93 18.414 13.914 19.43 13.4824 20.7247L12.5142 23.6294C12.3495 24.1235 11.6506 24.1235 11.4858 23.6294L10.5176 20.7247C10.086 19.4299 9.07003 18.414 7.77529 17.9824L4.8706 17.0142C4.37647 16.8494 4.37647 16.1505 4.8706 15.9858L7.7753 15.0176C9.07003 14.586 10.086 13.57 10.5176 12.2753L11.4858 9.3706Z\" fill=\"").concat(color[0], "\"/>\n            <path d=\"M5.69151 1.72236C5.79034 1.42588 6.20971 1.42588 6.30853 1.72236L6.88946 3.46515C7.14841 4.242 7.758 4.8516 8.53485 5.11055L10.2777 5.69148C10.5741 5.79031 10.5741 6.20968 10.2777 6.3085L8.53485 6.88944C7.758 7.14839 7.14841 7.75799 6.88946 8.53484L6.30853 10.2776C6.20971 10.5741 5.79034 10.5741 5.69151 10.2776L5.11056 8.53482C4.85161 7.75798 4.24202 7.14839 3.46518 6.88944L1.72236 6.3085C1.42588 6.20968 1.42588 5.79031 1.72236 5.69148L3.46518 5.11054C4.24202 4.8516 4.85161 4.24201 5.11057 3.46517L5.69151 1.72236Z\" fill=\"").concat(color[0], "\"/>\n            <path d=\"M16.2943 0.14824C16.3602 -0.0494144 16.6398 -0.0494128 16.7057 0.148242L17.093 1.3101C17.2656 1.828 17.672 2.2344 18.1899 2.40703L19.3518 2.79432C19.5494 2.86021 19.5494 3.13978 19.3518 3.20567L18.1899 3.59296C17.672 3.76559 17.2656 4.17199 17.093 4.68989L16.7057 5.85176C16.6398 6.04941 16.3602 6.04941 16.2943 5.85176L15.907 4.68988C15.7344 4.17198 15.328 3.76559 14.8101 3.59296L13.6483 3.20567C13.4506 3.13978 13.4506 2.86021 13.6483 2.79432L14.8101 2.40703C15.328 2.2344 15.7344 1.82801 15.9071 1.31011L16.2943 0.14824Z\" fill=\"").concat(color[0], "\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/suitcase.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n      <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.49989 5C6.49989 3.34372 7.8436 2 9.49989 2H14.4999C16.1562 2 17.4999 3.34372 17.4999 5V6H19C20.6569 6 22 7.34315 22 9V18C22 19.6569 20.6569 21 19 21H5C3.34315 21 2 19.6569 2 18V9C2 7.34315 3.34315 6 5 6H6.49989V5ZM15.4999 5V6H8.49989V5C8.49989 4.44828 8.94817 4 9.49989 4H14.4999C15.0516 4 15.4999 4.44828 15.4999 5ZM4.64149 8.06619L9.3621 12H14.638L19.3586 8.06621C19.2473 8.02344 19.1264 8 19 8H5C4.87365 8 4.75278 8.02343 4.64149 8.06619ZM20 10.1351L15.3621 14H8.638L4 10.135V18C4 18.5523 4.44772 19 5 19H19C19.5523 19 20 18.5523 20 18V10.1351Z\"/>\n    </svg>");
+  }
+};
+exports["default"] = _default;