@occmundial/occ-atomic 3.0.0-beta.7 → 3.0.0-beta.71

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

@@ -1,14 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Tooltip matches the snapshot 1`] = `"<div class=\\"activator false\\"></div>"`;
+exports[`Tooltip matches the snapshot 1`] = `"<div class=\\"activator \\"></div>"`;
 
 exports[`Tooltip styles matches the snapshot 1`] = `
 Object {
   "activator": Object {
     "display": "inline-block",
   },
+  "content": Object {
+    "alignItems": "center",
+    "display": "flex",
+    "gap": "4px",
+    "justifyContent": "center",
+  },
   "dark": Object {
-    "background": "#222222",
+    "background": "#000",
+    "boxShadow": "inset 0 0 0 1px rgba(255,255,255,0.2)",
     "color": "#ffffff",
   },
   "info": Object {
@@ -16,18 +23,27 @@ Object {
     "color": "#5736ab",
   },
   "light": Object {
-    "background": "#ffffff",
+    "&:after": Object {
+      "boxShadow": "inset -2px -2px 0 -1px #EDEDF1",
+    },
+    "background": "#fff",
+    "boxShadow": "inset 0 0 0 1px #EDEDF1",
     "color": "#5736ab",
   },
   "purple": Object {
     "background": "#5736ab",
     "color": "#ffffff",
   },
+  "text": Object {
+    "font": "300 12px/1.5 'OccText', sans-serif",
+    "margin": 0,
+  },
   "tooltip": Object {
     "borderRadius": "4px",
-    "fontSize": "14px",
-    "lineHeight": 1.5,
-    "padding": "16px",
+    "padding": Array [
+      "8px",
+      "12px",
+    ],
   },
 }
 `;

package/build/Tooltip/styles.js

@@ -7,38 +7,60 @@ exports["default"] = void 0;
 
 var _colors = _interopRequireDefault(require("../subatomic/colors"));
 
+var _colors2 = _interopRequireDefault(require("../tokens/colors.json"));
+
+var _fonts = _interopRequireDefault(require("../tokens/fonts.json"));
+
+var _spacing = _interopRequireDefault(require("../tokens/spacing.json"));
+
+var _borderRadius = _interopRequireDefault(require("../tokens/borderRadius.json"));
+
+var _styles = require("../Text/styles");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var infoLight = _colors["default"].infoLight,
     infoText = _colors["default"].infoText,
     info = _colors["default"].info,
-    white = _colors["default"].white,
-    grey900 = _colors["default"].grey900;
+    white = _colors["default"].white;
 var _default = {
   activator: {
     display: 'inline-block'
   },
   tooltip: {
-    padding: '16px',
-    borderRadius: '4px',
-    fontSize: '14px',
-    lineHeight: 1.5
+    padding: [_spacing["default"]['size-2'], _spacing["default"]['size-3']],
+    borderRadius: _borderRadius["default"]['br-xs']
+  },
+  content: {
+    display: 'flex',
+    gap: _spacing["default"]['size-1'],
+    alignItems: 'center',
+    justifyContent: 'center'
   },
   info: {
     background: infoLight,
     color: infoText
   },
   dark: {
-    background: grey900,
-    color: white
+    background: _colors2["default"].bg.neutral,
+    color: white,
+    boxShadow: "inset 0 0 0 1px ".concat(_colors2["default"].border.inverse.subtle)
   },
   light: {
-    background: white,
-    color: info
+    background: _colors2["default"].bg.surface["default"],
+    color: info,
+    '&:after': {
+      boxShadow: "inset -2px -2px 0 -1px ".concat(_colors2["default"].border["default"].subtle)
+    },
+    boxShadow: "inset 0 0 0 1px ".concat(_colors2["default"].border["default"].subtle)
   },
   purple: {
     background: info,
     color: white
+  },
+  text: {
+    font: (0, _styles.parseFontValue)(_fonts["default"]['body-x-small']),
+    margin: 0
   }
 };
 exports["default"] = _default;

package/build/index.js

@@ -84,21 +84,35 @@ var _functions = require("./Toaster/functions");
 
 var _Fab = _interopRequireDefault(require("./Fab"));
 
+var _Tab = _interopRequireDefault(require("./Tabs/Tab"));
+
+var _TabContent = _interopRequireDefault(require("./Tabs/TabContent"));
+
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+
+var _MenuUser = _interopRequireDefault(require("./MenuUser"));
+
+var _MenuList = _interopRequireDefault(require("./MenuList"));
+
+var _MenuDivider = _interopRequireDefault(require("./MenuDivider"));
+
+var _NavAvatarButton = _interopRequireDefault(require("./NavAvatarButton"));
+
 var _NavTab = _interopRequireDefault(require("./NavTab"));
 
 var _NavItem = _interopRequireDefault(require("./NavItem"));
 
-var _NavIcon = _interopRequireDefault(require("./NavIcon"));
-
 var _NavAside = _interopRequireDefault(require("./NavAside"));
 
-var _Footer = _interopRequireDefault(require("./Footer"));
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+
+var _context = require("./Tabs/context");
 
-var _Header = _interopRequireDefault(require("./Header"));
+var _Menu = _interopRequireDefault(require("./Menu"));
 
-var _Nav = _interopRequireDefault(require("./Header/Nav"));
+var _Drawer = _interopRequireDefault(require("./Drawer"));
 
-var _Menu = _interopRequireDefault(require("./Header/Menu"));
+var _Footer = _interopRequireDefault(require("./Footer"));
 
 var _SightLogo = _interopRequireDefault(require("./SightLogo"));
 
@@ -122,20 +136,17 @@ var _Provider = _interopRequireDefault(require("./Provider"));
 
 var tokens = _interopRequireWildcard(require("./tokens"));
 
+var _module$exports;
+
 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
-// UI organisms
-// R12 elements, molecules & organisms
-// Subatomic values
-// HOC
-module.exports = {
+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; }
+
+module.exports = (_module$exports = {
   Container: _Container["default"],
   Row: _Row["default"],
   Column: _Column["default"],
@@ -172,7 +183,6 @@ module.exports = {
   Modal: _Modal["default"],
   NavTab: _NavTab["default"],
   NavItem: _NavItem["default"],
-  NavIcon: _NavIcon["default"],
   NavAside: _NavAside["default"],
   Placeholder: _Placeholder["default"],
   Tip: _Tip["default"],
@@ -180,9 +190,8 @@ module.exports = {
   Toaster: _Toaster["default"],
   toaster: _functions.toaster,
   Footer: _Footer["default"],
-  Header: _Header["default"],
-  Nav: _Nav["default"],
   Menu: _Menu["default"],
+  Drawer: _Drawer["default"],
   SightLogo: _SightLogo["default"],
   colors: _colors["default"],
   fonts: _fonts["default"],
@@ -195,5 +204,10 @@ module.exports = {
   WindowSize: _WindowSize["default"],
   tokens: tokens,
   AtomicProvider: _Provider["default"],
-  Fab: _Fab["default"]
-};
+  Fab: _Fab["default"],
+  Tabs: _Tabs["default"],
+  TabsProviderControlled: _context.TabsProviderControlled,
+  TabsProviderUncontrolled: _context.TabsProviderUncontrolled,
+  Tab: _Tab["default"],
+  TabContent: _TabContent["default"]
+}, _defineProperty(_module$exports, "Menu", _Menu["default"]), _defineProperty(_module$exports, "MenuItem", _MenuItem["default"]), _defineProperty(_module$exports, "MenuUser", _MenuUser["default"]), _defineProperty(_module$exports, "MenuList", _MenuList["default"]), _defineProperty(_module$exports, "MenuDivider", _MenuDivider["default"]), _defineProperty(_module$exports, "NavAvatarButton", _NavAvatarButton["default"]), _module$exports);

package/build/plugin/babel.js

@@ -35,8 +35,6 @@ function importModule(path) {
 
     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 (importName === 'AtomicProvider') {
       return importDeclaration(types.importDefaultSpecifier(types.identifier('AtomicProvider')), '@occmundial/occ-atomic/build/Provider');
     } else if (subatomic.includes(importName)) {

package/build/subatomic/grid.js

@@ -12,10 +12,10 @@ var _default = {
   lg: 1200,
   xl: 1500,
   full: '100%',
-  xsGrid: 564,
-  smGrid: 744,
-  mdGrid: 984,
-  lgGrid: 1164,
-  xlGrid: 1464
+  xsGrid: '100%',
+  smGrid: '100%',
+  mdGrid: '100%',
+  lgGrid: 1140,
+  xlGrid: 1440
 };
 exports["default"] = _default;

package/build/tokens/colors.json

@@ -85,6 +85,7 @@
   },
   "alpha": {
     "white": {
+      "0": "rgba(255,255,255,0)",
       "5": "rgba(255,255,255,0.05)",
       "10": "rgba(255,255,255,0.1)",
       "20": "rgba(255,255,255,0.2)",
@@ -98,45 +99,46 @@
       "100": "#fff"
     },
     "indigo": {
-      "5": "hsl(221 91.2% 35.7% / 0.05)",
-      "10": "hsl(221 91.2% 35.7% / 0.1)",
-      "20": "hsl(221 91.2% 35.7% / 0.2)",
-      "30": "hsl(221 91.2% 35.7% / 0.3)",
-      "40": "hsl(221 91.2% 35.7% / 0.4)",
-      "50": "hsl(221 91.2% 35.7% / 0.5)",
-      "60": "hsl(221 91.2% 35.7% / 0.6)",
-      "70": "hsl(221 91.2% 35.7% / 0.7)",
-      "80": "hsl(221 91.2% 35.7% / 0.8)",
-      "90": "hsl(221 91.2% 35.7% / 0.9)",
-      "100": "hsl(221 91.2% 35.7%)"
+      "5": "rgba(8, 60, 174, 0.05)",
+      "10": "rgba(8, 60, 174, 0.1)",
+      "20": "rgba(8, 60, 174, 0.2)",
+      "30": "rgba(8, 60, 174, 0.3)",
+      "40": "rgba(8, 60, 174, 0.4)",
+      "50": "rgba(8, 60, 174, 0.5)",
+      "60": "rgba(8, 60, 174, 0.6)",
+      "70": "rgba(8, 60, 174, 0.7)",
+      "80": "rgba(8, 60, 174, 0.8)",
+      "90": "rgba(8, 60, 174, 0.9)",
+      "100": "#083CAE"
     },
     "pink": {
-      "5": "hsl(344 87.1% 57.5% / 0.05)",
-      "10": "hsl(344 87.1% 57.5% / 0.1)",
-      "20": "hsl(344 87.1% 57.5% / 0.2)",
-      "30": "hsl(344 87.1% 57.5% / 0.3)",
-      "40": "hsl(344 87.1% 57.5% / 0.4)",
-      "50": "hsl(344 87.1% 57.5% / 0.5)",
-      "60": "hsl(344 87.1% 57.5% / 0.6)",
-      "70": "hsl(344 87.1% 57.5% / 0.7)",
-      "80": "hsl(344 87.1% 57.5% / 0.8)",
-      "90": "hsl(344 87.1% 57.5% / 0.9)",
-      "100": "hsl(344 87.1% 57.5%)"
+      "5": "rgba(241, 52, 101, 0.05)",
+      "10": "rgba(241, 52, 101, 0.1)",
+      "20": "rgba(241, 52, 101, 0.2)",
+      "30": "rgba(241, 52, 101, 0.3)",
+      "40": "rgba(241, 52, 101, 0.4)",
+      "50": "rgba(241, 52, 101, 0.5)",
+      "60": "rgba(241, 52, 101, 0.6)",
+      "70": "rgba(241, 52, 101, 0.7)",
+      "80": "rgba(241, 52, 101, 0.8)",
+      "90": "rgba(241, 52, 101, 0.9)",
+      "100": "#F13465"
     },
     "corp": {
-      "5": "hsl(234 75.4% 12.7% / 0.05)",
-      "10": "hsl(234 75.4% 12.7% / 0.1)",
-      "20": "hsl(234 75.4% 12.7% / 0.2)",
-      "30": "hsl(234 75.4% 12.7% / 0.3)",
-      "40": "hsl(234 75.4% 12.7% / 0.4)",
-      "50": "hsl(234 75.4% 12.7% / 0.5)",
-      "60": "hsl(234 75.4% 12.7% / 0.6)",
-      "70": "hsl(234 75.4% 12.7% / 0.7)",
-      "80": "hsl(234 75.4% 12.7% / 0.8)",
-      "90": "hsl(234 75.4% 12.7% / 0.9)",
-      "100": "hsl(234 75.4% 12.7%)"
+      "5": "rgba(8, 13, 57, 0.05)",
+      "10": "rgba(8, 13, 57, 0.1)",
+      "20": "rgba(8, 13, 57, 0.2)",
+      "30": "rgba(8, 13, 57, 0.3)",
+      "40": "rgba(8, 13, 57, 0.4)",
+      "50": "rgba(8, 13, 57, 0.5)",
+      "60": "rgba(8, 13, 57, 0.6)",
+      "70": "rgba(8, 13, 57, 0.7)",
+      "80": "rgba(8, 13, 57, 0.8)",
+      "90": "rgba(8, 13, 57, 0.9)",
+      "100": "#080D39"
     },
     "black": {
+      "0": "rgba(0,0,0,0.0)",
       "5": "rgba(0,0,0,0.05)",
       "10": "rgba(0,0,0,0.1)",
       "20": "rgba(0,0,0,0.2)",
@@ -200,10 +202,10 @@
     },
     "secondary": {
       "bg": {
-        "default": "hsl(221 91.2% 35.7% / 0.05)",
-        "hover": "hsl(221 91.2% 35.7% / 0.1)",
-        "active": "hsl(221 91.2% 35.7% / 0.2)",
-        "disabled": "hsl(221 91.2% 35.7% / 0.1)",
+        "default": "rgba(8, 60, 174, 0.05)",
+        "hover": "rgba(8, 60, 174, 0.1)",
+        "active": "rgba(8, 60, 174, 0.2)",
+        "disabled": "rgba(8, 60, 174, 0.1)",
         "inverse": {
           "default": "rgba(255,255,255,0.1)",
           "hover": "rgba(255,255,255,0.2)",
@@ -214,8 +216,8 @@
     },
     "tertiary": {
       "bg": {
-        "hover": "hsl(221 91.2% 35.7% / 0.05)",
-        "active": "hsl(221 91.2% 35.7% / 0.1)",
+        "hover": "rgba(8, 60, 174, 0.05)",
+        "active": "rgba(8, 60, 174, 0.1)",
         "inverse": {
           "hover": "rgba(255,255,255,0.05)",
           "active": "rgba(255,255,255,0.1)"
@@ -232,8 +234,8 @@
     },
     "ghost": {
       "bg": {
-        "hover": "hsl(234 75.4% 12.7% / 0.05)",
-        "active": "hsl(234 75.4% 12.7% / 0.1)",
+        "hover": "rgba(8, 13, 57, 0.05)",
+        "active": "rgba(8, 13, 57, 0.1)",
         "inverse": {
           "hover": "rgba(255,255,255,0.05)",
           "active": "rgba(255,255,255,0.1)"
@@ -302,8 +304,8 @@
   "dropdown": {
     "bg": {
       "default": "#fff",
-      "hover": "hsl(221 91.2% 35.7% / 0.05)",
-      "active": "hsl(221 91.2% 35.7% / 0.1)"
+      "hover": "rgba(8, 60, 174, 0.05)",
+      "active": "rgba(8, 60, 174, 0.1)"
     }
   },
   "checkbox": {
@@ -311,7 +313,7 @@
       "bg": {
         "default": "#0059CD",
         "hover": "#083CAE",
-        "disabled": "hsl(221 91.2% 35.7% / 0.1)"
+        "disabled": "rgba(8, 60, 174, 0.1)"
       },
       "border": {
         "default": "rgba(255,255,255,0.2)"
@@ -434,8 +436,14 @@
     },
     "brand": {
       "bg": {
-        "hover": "hsl(221 91.2% 35.7% / 0.1)",
-        "active": "hsl(221 91.2% 35.7% / 0.2)"
+        "hover": "rgba(8, 60, 174, 0.1)",
+        "active": "rgba(8, 60, 174, 0.2)"
+      }
+    },
+    "white": {
+      "bg": {
+        "hover": "rgba(255,255,255,0.2)",
+        "active": "rgba(255,255,255,0.3)"
       }
     }
   },
@@ -456,10 +464,34 @@
     },
     "unselected": {
       "bg": {
-        "default": "hsl(221 91.2% 35.7% / 0.05)",
-        "hover": "hsl(221 91.2% 35.7% / 0.1)",
-        "active": "hsl(221 91.2% 35.7% / 0.2)",
-        "disabled": "hsl(221 91.2% 35.7% / 0.1)"
+        "default": "rgba(8, 60, 174, 0.05)",
+        "hover": "rgba(8, 60, 174, 0.1)",
+        "active": "rgba(8, 60, 174, 0.2)",
+        "disabled": "rgba(8, 60, 174, 0.1)"
+      }
+    }
+  },
+  "avatar": {
+    "bg": {
+      "default": "#E9EEF8",
+      "hover": "#CAD5EE",
+      "active": "#ABBDE4",
+      "disabled": "#EDEDF1",
+      "overlay": {
+        "hover": "rgba(8, 13, 57, 0.3)",
+        "active": "rgba(8, 13, 57, 0.4)"
+      }
+    }
+  },
+  "skeleton": {
+    "bg": {
+      "default": {
+        "gradient": "linear-gradient(90deg, rgba(0,0,0,0.0) , rgba(0,0,0,0.05) , rgba(0,0,0,0.0) )",
+        "default": "rgba(0,0,0,0.05)"
+      },
+      "inverse": {
+        "default": "rgba(255,255,255,0.1)",
+        "gradient": "linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.1) , rgba(255,255,255,0) )"
       }
     }
   },
@@ -472,10 +504,10 @@
         "disabled": "#F6809E"
       },
       "secondary": {
-        "default": "hsl(221 91.2% 35.7% / 0.05)",
-        "hover": "hsl(221 91.2% 35.7% / 0.1)",
-        "active": "hsl(221 91.2% 35.7% / 0.2)",
-        "disabled": "hsl(221 91.2% 35.7% / 0.1)",
+        "default": "rgba(8, 60, 174, 0.05)",
+        "hover": "rgba(8, 60, 174, 0.1)",
+        "active": "rgba(8, 60, 174, 0.2)",
+        "disabled": "rgba(8, 60, 174, 0.1)",
         "inverse": {
           "default": "rgba(255,255,255,0.1)",
           "hover": "rgba(255,255,255,0.2)",
@@ -484,8 +516,8 @@
         }
       },
       "tertiary": {
-        "hover": "hsl(221 91.2% 35.7% / 0.05)",
-        "active": "hsl(221 91.2% 35.7% / 0.1)",
+        "hover": "rgba(8, 60, 174, 0.05)",
+        "active": "rgba(8, 60, 174, 0.1)",
         "inverse": {
           "hover": "rgba(255,255,255,0.05)",
           "active": "rgba(255,255,255,0.1)"
@@ -503,8 +535,8 @@
         }
       },
       "ghost": {
-        "hover": "hsl(234 75.4% 12.7% / 0.05)",
-        "active": "hsl(234 75.4% 12.7% / 0.1)"
+        "hover": "rgba(8, 13, 57, 0.05)",
+        "active": "rgba(8, 13, 57, 0.1)"
       }
     },
     "default": "#F8FAFD",
@@ -532,7 +564,8 @@
       "disabled": "#D3D4DC"
     },
     "inverse": {
-      "default": "#fff",
+      "bold": "#fff",
+      "default": "rgba(255,255,255,0.7)",
       "disabled": "rgba(255,255,255,0.3)"
     },
     "success": "#38d373",
@@ -568,7 +601,8 @@
     },
     "info": {
       "subtle": "#b9d7ff"
-    }
+    },
+    "accent": "#F13465"
   },
   "text": {
     "corp": {

package/build/tokens/index.js

@@ -3,36 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "colors", {
-  enumerable: true,
-  get: function get() {
-    return _colors["default"];
-  }
-});
-Object.defineProperty(exports, "fonts", {
-  enumerable: true,
-  get: function get() {
-    return _fonts["default"];
-  }
-});
-Object.defineProperty(exports, "borderRadius", {
-  enumerable: true,
-  get: function get() {
-    return _borderRadius["default"];
-  }
-});
-Object.defineProperty(exports, "shadows", {
-  enumerable: true,
-  get: function get() {
-    return _shadows["default"];
-  }
-});
-Object.defineProperty(exports, "spacing", {
-  enumerable: true,
-  get: function get() {
-    return _spacing["default"];
-  }
-});
+exports["default"] = void 0;
 
 var _colors = _interopRequireDefault(require("./colors.json"));
 
@@ -44,4 +15,14 @@ var _shadows = _interopRequireDefault(require("./shadows.json"));
 
 var _spacing = _interopRequireDefault(require("./spacing.json"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var tokens = {
+  colors: _colors["default"],
+  fonts: _fonts["default"],
+  borderRadius: _borderRadius["default"],
+  shadows: _shadows["default"],
+  spacing: _spacing["default"]
+};
+var _default = tokens;
+exports["default"] = _default;

package/build/tokens/shadows.json

@@ -1,10 +1,10 @@
 {
-  "focus-pink": "0 0 0 8px hsl(344 87.1% 57.5% / 0.3)",
-  "focus-indigo": "0 0 0 8px hsl(221 91.2% 35.7% / 0.3)",
+  "focus-pink": "0 0 0 8px rgba(241, 52, 101, 0.3)",
+  "focus-indigo": "0 0 0 8px rgba(8, 60, 174, 0.3)",
   "focus-bright-blue": "0 0 0 8px rgba(0,110,255,0.3)",
   "focus-white": "0 0 0 8px rgba(255,255,255,0.2)",
   "focus-sky": "0 0 0 8px rgba(206,216,240,0.4)",
-  "focus-corp": "0 0 0 8px hsl(234 75.4% 12.7% / 0.1)",
+  "focus-corp": "0 0 0 8px rgba(8, 13, 57, 0.1)",
   "elevation-elevation-1": "0 1px 2px 0 rgba(8,13,57,0.12), 0 1px 6px 0 rgba(9,61,173,0.05)",
   "elevation-elevation-2": "0 3px 3px -1px rgba(8,13,57,0.12), 0 3px 12px 0 rgba(9,61,173,0.08)",
   "elevation-elevation-3": "0 4px 5px -3px rgba(8,13,56,0.12), 0 6px 18px 0 rgba(9,61,173,0.08)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "3.0.0-beta.7",
+  "version": "3.0.0-beta.71",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",
@@ -95,7 +95,7 @@
     "webpack-dev-server": "^4.2.0"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.24.1",
+    "@floating-ui/react": "0.24.1",
     "class-autobind": "^0.1.4",
     "hex-rgba": "^1.0.2",
     "idx": "^2.5.6",
@@ -120,5 +120,8 @@
     "roots": [
       "<rootDir>/lib/"
     ]
+  },
+  "volta": {
+    "node": "16.18.0"
   }
 }

package/build/Banner/styles.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
-
-var _colors = _interopRequireDefault(require("../subatomic/colors"));
-
-var _grid = _interopRequireDefault(require("../subatomic/grid"));
-
-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 = {
-  container: {
-    padding: _spacing["default"].small,
-    backgroundColor: _colors["default"].ink
-  },
-  textBanner: {
-    display: 'inline-block'
-  },
-  textFlex: _defineProperty({
-    textAlign: 'start'
-  }, "@media screen and (min-width:".concat(_grid["default"].xs, "px)"), {
-    textAlign: 'center'
-  }),
-  iconFlex: _defineProperty({
-    paddingLeft: _spacing["default"].small,
-    paddingTop: _spacing["default"].small
-  }, "@media screen and (min-width:".concat(_grid["default"].xs, "px)"), {
-    padding: 0
-  }),
-  icon: {
-    cursor: 'pointer'
-  }
-};
-exports["default"] = _default;