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

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
 };

package/build/plugin/babel.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var types = require('@babel/types');
+
+function error(msg) {
+  throw new Error("babel-plugin-occ-atomic: ".concat(msg));
+}
+
+function getImportsList(path) {
+  return path.node.specifiers.filter(function (specifier) {
+    if (specifier.type !== 'ImportSpecifier') {
+      error('Import entire module detected. Using this syntax means we cannot tree shake properly.');
+    } else return true;
+  });
+}
+
+function importDeclaration(specifier, path) {
+  return types.importDeclaration([specifier], types.stringLiteral(path));
+}
+
+function replaceImport(path, statements) {
+  if (statements.length > 0) {
+    path.replaceWithMultiple(statements);
+  }
+
+  return path;
+}
+
+var subatomic = ['colors', 'fonts', 'grid', 'icons', 'iconSizes', 'shadows', 'spacing'];
+
+function importModule(path) {
+  var importsList = getImportsList(path);
+  var importStatements = importsList.map(function (specifier) {
+    var importName = specifier.imported.name;
+
+    if (importName === 'toaster') {
+      return importDeclaration(specifier, '@occmundial/occ-atomic/build/Toaster/functions');
+    } else if (importName === 'Nav' || importName === 'Menu') {
+      return importDeclaration(specifier, "@occmundial/occ-atomic/build/Header/".concat(importName));
+    } else if (subatomic.includes(importName)) {
+      return importDeclaration(types.importDefaultSpecifier(types.identifier(importName)), "@occmundial/occ-atomic/build/subatomic/".concat(importName));
+    }
+
+    return importDeclaration(types.importDefaultSpecifier(types.identifier(importName)), "@occmundial/occ-atomic/build/".concat(importName));
+  });
+  replaceImport(path, importStatements);
+}
+
+module.exports = function () {
+  return {
+    visitor: {
+      ImportDeclaration: function ImportDeclaration(path) {
+        if (path.node.source.value === '@occmundial/occ-atomic') {
+          return importModule(path);
+        }
+      }
+    }
+  };
+};

package/build/subatomic/colors.js

@@ -32,11 +32,12 @@ var _default = {
   grey8: '#979797',
   grey9: '#666666',
   // New colors
+  brand: '#0046ff',
   prim: '#083cae',
   primDark: '#002b99',
   primDarker: '#001d7c',
-  primLight: '#89a3dc',
-  primLighter: '#ccd7f1',
+  primLight: '#c8d9ff',
+  primLighter: '#e4edff',
   sec: '#f13465',
   secDark: '#cc1b4a',
   secDarker: '#990932',
@@ -59,12 +60,16 @@ var _default = {
   grey800: '#444444',
   grey900: '#222222',
   info: '#5736ab',
+  infoLight: '#efebf7',
   infoText: '#5736ab',
   success: '#009537',
+  successLight: '#e6f5eb',
   successText: '#009537',
   warning: '#ffc549',
-  warningText: '#ffc549',
+  warningLight: '#fffaed',
+  warningText: '#e69000',
   error: '#db3737',
+  errorLight: '#fcebeb',
   errorText: '#db3737',
   textLink: '#0946CB'
 };

package/build/subatomic/fonts.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = {
-  body: "'Open Sans', sans-serif",
+  body: "'OccText', sans-serif",
   title: "'Nunito Sans', sans-serif"
 };
 exports["default"] = _default;

package/build/subatomic/icons/attachment.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 6.39701C6 3.98553 7.92499 2 10.3362 2C12.7486 2 14.6724 3.98574 14.6724 6.39701V15.8084C14.6724 17.2771 13.4981 18.5 12.0117 18.5C10.5247 18.5 9.35005 17.2775 9.35005 15.8084V6.5571H11.3501V15.8084C11.3501 16.207 11.6631 16.5 12.0117 16.5C12.3589 16.5 12.6724 16.2075 12.6724 15.8084V6.39701C12.6724 5.05588 11.61 4 10.3362 4C9.06327 4 8 5.05609 8 6.39701V15.7673C8 18.0805 9.8421 20 12 20C14.1579 20 16 18.0805 16 15.7673V8.26467H18V15.7673C18 19.0785 15.3661 22 12 22C8.63389 22 6 19.0785 6 15.7673V6.39701Z\"/>\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/attachmentSolid.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=\"M5.75 6.39701C5.75 3.85171 7.78271 1.75 10.3362 1.75C12.891 1.75 14.9224 3.85197 14.9224 6.39701V15.8084C14.9224 17.4108 13.6405 18.75 12.0117 18.75C10.3824 18.75 9.10005 17.4113 9.10005 15.8084V6.5571H11.6001V15.8084C11.6001 16.0732 11.8054 16.25 12.0117 16.25C12.2165 16.25 12.4224 16.0738 12.4224 15.8084V6.39701C12.4224 5.18965 11.4676 4.25 10.3362 4.25C9.20555 4.25 8.25 5.18991 8.25 6.39701V15.7673C8.25 17.9558 9.99312 19.75 12 19.75C14.0069 19.75 15.75 17.9558 15.75 15.7673V8.26467H18.25V15.7673C18.25 19.2033 15.5171 22.25 12 22.25C8.48287 22.25 5.75 19.2033 5.75 15.7673V6.39701Z\"/>\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/avatarSmile.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\t\t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n\t\t<path fill=\"".concat(color[0], "\" d=\"M12,22C6.5,22,2,17.5,2,12C2,6.5,6.5,2,12,2c5.5,0,10,4.5,10,10C22,17.5,17.5,22,12,22z M12,4c-4.4,0-8,3.6-8,8\n\t\t\ts3.6,8,8,8s8-3.6,8-8S16.4,4,12,4z\"/>\n\t\t<path fill=\"").concat(color[0], "\" d=\"M12,16c-2.3,0-4.4-1.6-4.9-3.8l1.9-0.5C9.4,13.1,10.6,14,12,14c1.4,0,2.5-0.9,2.9-2.3l1.9,0.6\n\t\t\tC16.2,14.5,14.3,16,12,16z\"/>\n\t\t<circle fill=\"").concat(color[0], "\" cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n\t\t<circle fill=\"").concat(color[0], "\" cx=\"15.5\" cy=\"8.5\" r=\"1.5\"/>\n\t\t</svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/book.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 xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\">\n            <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" d=\"M8 4c-.552 0-1 .447-1 1v10c0 .553.448 1 1 1h1.5c.57 0 1.07.118 1.5.328V5.994l-.003-.063c-.004-.06-.011-.151-.027-.262-.031-.227-.092-.513-.206-.784-.113-.273-.261-.49-.443-.635C10.154 4.116 9.908 4 9.5 4H8zm4 2h1v-.022l-.001-.04c0-.031-.003-.074-.006-.126-.006-.105-.018-.248-.042-.418-.046-.336-.141-.8-.34-1.279-.2-.477-.52-1.01-1.041-1.427C11.033 2.258 10.342 2 9.5 2H8C6.343 2 5 3.343 5 5v10c0 1.657 1.343 3 3 3h1.5c.408 0 .654.116.82.25.183.145.33.362.444.635.114.271.175.557.206.784.016.11.023.202.027.261l.003.064v.01-.002.002c.002.55.45.996 1 .996.552 0 1-.448 1-1V6h-1zm-1 14.002z\"/>\n            <path fill=\"").concat(color[0], "\" fill-rule=\"evenodd\" d=\"M16 4c.552 0 1 .447 1 1v10c0 .553-.448 1-1 1h-1.5c-.57 0-1.07.118-1.5.328V5.994l.003-.063c.004-.06.011-.151.027-.262.031-.227.092-.513.206-.784.113-.273.261-.49.443-.635.167-.134.413-.25.821-.25H16zm-4 2h-1v-.022l.001-.04c0-.031.003-.074.006-.126.006-.105.018-.248.042-.418.046-.336.141-.8.34-1.279.2-.477.52-1.01 1.041-1.427.537-.43 1.228-.688 2.07-.688H16c1.657 0 3 1.343 3 3v10c0 1.657-1.343 3-3 3h-1.5c-.408 0-.654.116-.82.25-.183.145-.33.362-.444.635-.114.271-.175.557-.206.784-.016.11-.023.202-.027.261l-.003.064v.01-.002.002c-.002.55-.45.996-1 .996-.552 0-1-.448-1-1V6h1zm1 14.002z\"/>\n            <path fill=\"").concat(color[0], "\" fill-rule=\"evenodd\" d=\"M4.5 6.5c-.552 0-1 .448-1 1V19c0 .552.448 1 1 1h15c.552 0 1-.448 1-1V7.5c0-.552-.448-1-1-1h-1v-2h1c1.657 0 3 1.343 3 3V19c0 1.657-1.343 3-3 3h-15c-1.657 0-3-1.343-3-3V7.5c0-1.657 1.343-3 3-3H5v2h-.5z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/cash.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 6C4 5.44772 4.44772 5 5 5H18.5C19.0523 5 19.5 5.44772 19.5 6V12.075C19.2577 12.0258 19.0068 12 18.75 12C17.3054 12 16.0516 12.8169 15.4252 14.0139C14.3321 14.1076 13.3729 14.6704 12.7497 15.5H5C4.44772 15.5 4 15.0523 4 14.5V6ZM14 17.75C14 17.0433 14.4189 16.4344 15.022 16.1582C15.1562 17.3988 15.8956 18.4579 16.9388 19.0344C16.6263 19.3237 16.2083 19.5 15.75 19.5C14.7835 19.5 14 18.7165 14 17.75ZM22.5 15.75C22.5 17.7118 20.9936 19.3217 19.0745 19.4862C18.4488 20.682 17.1959 21.5 15.75 21.5C13.6789 21.5 12 19.8211 12 17.75C12 17.666 12.0028 17.5826 12.0082 17.5H5C3.34315 17.5 2 16.1569 2 14.5V6C2 4.34315 3.34315 3 5 3H18.5C20.1569 3 21.5 4.34315 21.5 6V13.2005C22.1206 13.8695 22.5 14.7655 22.5 15.75ZM15.2448 8.26843H18.2562V6.26843H15.2448V8.26843ZM11.75 9C11.3358 9 11 9.33579 11 9.75C11 10.1642 11.3358 10.5 11.75 10.5C12.1642 10.5 12.5 10.1642 12.5 9.75C12.5 9.33579 12.1642 9 11.75 9ZM9 9.75C9 8.23122 10.2312 7 11.75 7C13.2688 7 14.5 8.23122 14.5 9.75C14.5 11.2688 13.2688 12.5 11.75 12.5C10.2312 12.5 9 11.2688 9 9.75ZM17 15.75C17 14.7835 17.7835 14 18.75 14C19.7165 14 20.5 14.7835 20.5 15.75C20.5 16.7165 19.7165 17.5 18.75 17.5C17.7835 17.5 17 16.7165 17 15.75ZM5.26418 14.2684H8.2562V12.2684H5.26418V14.2684Z\" />\n    </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/copy.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            viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M19,1H8C6.9,1,6,1.9,6,3v14c0,1.1,0.9,2,2,2h11c1.1,0,2-0.9,2-2V3C21,1.9,20.1,1,19,1z M19,17H8V3h11V17z\"/>\n        <path fill=\"").concat(color[0], "\" d=\"M4,23c-1.1,0-2-0.9-2-2V7h2v14h12v2H4z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/copySolid.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            viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M19,1c1.1,0,2,0.9,2,2v14c0,1.1-0.9,2-2,2H8c-1.1,0-2-0.9-2-2V3c0-1.1,0.9-2,2-2H19z\"/>\n        <path fill=\"").concat(color[0], "\" d=\"M16.3,20.5H4.5V6.8H2v14C2,22,3,23,4.3,23h12V20.5z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/crossSolid.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            viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M16,14.9L14.9,16L12,13.1L9.1,16L8,14.9l2.9-2.9L8,9.1\n            L9.1,8l2.9,2.9L14.9,8L16,9.1L13.1,12L16,14.9z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/dislike.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        \t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" d=\"M18.3,4.3v8.3c0,0.7,0.5,1.2,1.3,1.2h1.1c0.7,0.1,1.2-0.6,1.2-1.2V4.3C22,3.6,21.4,3,20.7,3h-1.1\n        \tC18.9,3,18.3,3.6,18.3,4.3\"/>\n        <path fill=\"").concat(color[0], "\" d=\"M14,3H6.6C5.8,3,5.1,3.5,4.9,4.2l-2.8,6.3C2,10.7,2,10.9,2,11.2v1.8l0,0V13c0,1,0.8,1.8,1.8,1.8h4.9\n        \tc0.4,0,0.8,0.4,0.7,0.9l-0.7,3.2v0.3c0,0.3,0.1,0.7,0.4,1l0.4,0.4c0.3,0.3,0.8,0.3,1,0l5.4-5.6c0.3-0.3,0.5-0.8,0.5-1.2V5.6\n        \tC16.5,4.2,15.4,3,14,3\"/>\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\" 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=\"M13.553 15.65v-2h5.516l.036-.052c.243-.341.663-.956.892-1.336a1.743 1.743 0 0 0-.052-.301l-.008-.027-.007-.026c-.413-1.567-1.328-4.995-1.728-6.345-.095-.322-.235-.48-.32-.556L17.874 5H9.115L9 5.083v9.277c.063.032.127.066.191.104.32.19.759.52 1.063 1.075.364.664.556 1.458.68 1.972l.019.076c.155.634.256 1.026.395 1.321.108.23.202.416.283.56.075.133.117.19.124.2v.002c.114.137.2.206.25.24a.408.408 0 0 0 .111.055c.073.023.107.024.33.031l.108.004c.343-.007.542-.132.702-.3a1.58 1.58 0 0 0 .297-.465V15.65zM8.751 3.032A2 2 0 0 0 7 2H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h3.753c.302.107.607.244.747.5.235.428.374 1 .518 1.595.14.571.283 1.163.521 1.667.238.504.467.93.675 1.182.843 1.02 1.695 1.04 2.208 1.053l.104.003c1.97 0 2.84-1.645 3.027-2.467V15.65h3.694c.78 0 1.317-.595 1.488-.892.274-.385.883-1.27 1.129-1.732.246-.462.103-1.277 0-1.627-.41-1.557-1.334-5.018-1.744-6.404C19.71 3.61 18.717 3.087 18.272 3H9.116a2 2 0 0 0-.364.033zm9.02 1.897.005.002-.004-.002zM4 14h3V4H4v10z\"/>\n    </svg>");
   }
 };
 exports["default"] = _default;

package/build/subatomic/icons/dislikeSolid.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], "\" d=\"M5.61 4.475v8.3c0 .7-.5 1.2-1.3 1.2h-1.1c-.7.1-1.2-.6-1.2-1.2v-8.3c-.1-.7.5-1.3 1.2-1.3h1.1c.7 0 1.3.6 1.3 1.3zM9.911 3.175h7.4c.8 0 1.5.5 1.7 1.2l2.8 6.3c.1.2.1.4.1.7v1.8c0 1-.8 1.8-1.8 1.8h-4.9c-.4 0-.8.4-.7.9l.7 3.2v.3c0 .3-.1.7-.4 1l-.4.4c-.3.3-.8.3-1 0l-5.4-5.6c-.3-.3-.5-.8-.5-1.2v-8.2c-.1-1.4 1-2.6 2.4-2.6z\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/energy.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.353 2.766A1 1 0 0 1 8.325 2h5.89a1 1 0 0 1 .979 1.204l-1 4.794H18a1 1 0 0 1 .834 1.552L10.88 21.552a1 1 0 0 1-1.833-.574l.164-7.336H6a1 1 0 0 1-.972-1.234l2.325-9.642zM9.113 4 7.27 11.642h2.963a1 1 0 0 1 1 1.023l-.11 4.9 5.015-7.567h-3.175a1 1 0 0 1-.978-1.204l1-4.794H9.113z\" fill=\"").concat(color[0], "\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/energySolid.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=\"M7.353 2.766A1 1 0 0 1 8.325 2h5.89a1 1 0 0 1 .979 1.204l-1 4.794H18a1 1 0 0 1 .834 1.552L10.88 21.552a1 1 0 0 1-1.833-.574l.164-7.336H6a1 1 0 0 1-.972-1.234l2.325-9.642z\" fill=\"").concat(color[0], "\"/>\n        </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons/eye.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\t\t\t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n\t\t<path fill=\"".concat(color[0], "\" d=\"M12,5c5,0,9.3,3.1,11,7.5c-1.7,4.4-6,7.5-11,7.5s-9.3-3.1-11-7.5C2.7,8.1,7,5,12,5z M12,16.5c2.2,0,4-1.8,4-4\n\t\t\ts-1.8-4-4-4s-4,1.8-4,4S9.8,16.5,12,16.5z\"/>\n\t\t</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\" 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=\"M12 18C8.69048 18 5.60737 15.6947 4.12986 12C5.60737 8.30533 8.69048 6 12 6C15.3095 6 18.3926 8.30534 19.8701 12C18.3926 15.6947 15.3095 18 12 18ZM12 20C16.5455 20 20.4273 16.6827 22 12C20.4273 7.31733 16.5455 4 12 4C7.45455 4 3.57273 7.31733 2 12C3.57273 16.6827 7.45455 20 12 20ZM14 12C14 10.8963 13.1037 10 12 10C10.8963 10 10 10.8963 10 12C10 13.1037 10.8963 14 12 14C13.1037 14 14 13.1037 14 12ZM12 8C14.2083 8 16 9.79172 16 12C16 14.2083 14.2083 16 12 16C9.79172 16 8 14.2083 8 12C8 9.79172 9.79172 8 12 8Z\"/>\n    </svg>");
   }
 };
 exports["default"] = _default;

package/build/subatomic/icons/eyeClosed.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\t\t\t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n\t\t<path fill=\"".concat(color[0], "\" d=\"M16.8,6l3.5-3.5l1.4,1.4l-3.1,3.1c2,1.3,3.5,3.2,4.3,5.4c-1.7,4.4-6,7.5-11,7.5c-1.8,0-3.5-0.4-5.1-1.2\n\t\t\tl-3.5,3.5L2,20.9l3.1-3.1c-1.8-1.3-3.3-3.2-4.1-5.3C2.7,8.1,7,5,12,5C13.7,5,15.4,5.4,16.8,6z M9.8,15.9c1.9,1.2,4.3,0.6,5.5-1.2\n\t\t\tc0.8-1.3,0.8-3,0-4.3C15.4,10.3,9.8,15.9,9.8,15.9z M8.5,14.4L13.9,9C12,7.9,9.5,8.7,8.5,10.6C7.8,11.8,7.8,13.2,8.5,14.4z\"/>\n\t\t</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\" 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=\"m17.971 18.871 3.12 3.12 1.415-1.413L4.121 2.193 2.707 3.607l3.434 3.434C4.284 8.465 2.825 10.545 2 13c1.573 4.683 5.455 8 10 8 2.21 0 4.264-.784 5.971-2.129zm-1.427-1.427-1.666-1.666a4.001 4.001 0 1 1-5.655-5.655L7.571 8.471C6.116 9.513 4.903 11.066 4.13 13c1.477 3.695 4.56 6 7.87 6 1.623 0 3.192-.555 4.544-1.556zm-5.907-5.907a2.001 2.001 0 1 0 2.826 2.826l-2.826-2.826zM22 13a13.4 13.4 0 0 1-1.373 2.899l-1.454-1.455c.26-.453.494-.936.697-1.444-1.477-3.695-4.56-6-7.87-6-.089 0-.178.002-.267.005L9.957 5.228A9.242 9.242 0 0 1 12 5c4.546 0 8.427 3.317 10 8z\"/>\n      </svg>");
   }
 };
 exports["default"] = _default;

package/build/subatomic/icons/eyeClosedSolid.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.414 2.5 2 3.914l3.224 3.224A11.888 11.888 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.781 0 3.47-.395 4.984-1.102l3.4 3.401 1.415-1.414-3.023-3.023A11.888 11.888 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.781 0-3.47.395-4.984 1.102L3.414 2.5zm5.14 7.968a4.001 4.001 0 0 0 5.477 5.477l-5.477-5.477zm6.892 4.064L9.968 9.054a4.001 4.001 0 0 1 5.477 5.477z\"/>\n\t\t  </svg>");
+  }
+};
+exports["default"] = _default;