@occmundial/occ-atomic 2.0.0-beta.9 → 3.0.0-beta.1

package/build/Tip/Tip.js

@@ -35,10 +35,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var boldRegex = /\*(.*?)\*/g;
 var icons = {
-  info: 'infoSolid',
-  warning: 'warningSolid',
-  success: 'checkSolid',
-  error: 'crossSolid',
+  info: 'info-circle',
+  warning: 'alert',
+  success: 'check-circle',
+  error: 'x-circle',
   promote: null
 };
 var PROMOTE = 'promote';

package/build/Toaster/Toast/Toast.js

@@ -37,25 +37,25 @@ var Toast = function Toast(_ref) {
     switch (theme) {
       case 'success':
         return {
-          icon: 'checkSolid',
+          icon: 'check-circle',
           color: _colors["default"].bgWhite
         };
 
       case 'error':
         return {
-          icon: 'warningSolid',
+          icon: 'x-circle',
           color: _colors["default"].bgWhite
         };
 
       case 'info':
         return {
-          icon: 'infoSolid',
+          icon: 'info-circle',
           color: _colors["default"].bgWhite
         };
 
       case 'warning':
         return {
-          icon: 'warningSolid',
+          icon: 'alert',
           color: _colors["default"].grey900
         };
     }

package/build/index.js

@@ -82,6 +82,8 @@ var _Toaster = _interopRequireDefault(require("./Toaster"));
 
 var _functions = require("./Toaster/functions");
 
+var _Fab = _interopRequireDefault(require("./Fab"));
+
 var _NavTab = _interopRequireDefault(require("./NavTab"));
 
 var _NavItem = _interopRequireDefault(require("./NavItem"));
@@ -192,5 +194,6 @@ module.exports = {
   spacing: _spacing["default"],
   WindowSize: _WindowSize["default"],
   tokens: tokens,
-  AtomicProvider: _Provider["default"]
+  AtomicProvider: _Provider["default"],
+  Fab: _Fab["default"]
 };

package/build/plugin/babel.js

@@ -38,7 +38,7 @@ function importModule(path) {
     } else if (importName === 'Nav' || importName === 'Menu') {
       return importDeclaration(specifier, "@occmundial/occ-atomic/build/Header/".concat(importName));
     } else if (importName === 'AtomicProvider') {
-      return importDeclaration(specifier, '@occmundial/occ-atomic/build/Provider');
+      return importDeclaration(types.importDefaultSpecifier(types.identifier('AtomicProvider')), '@occmundial/occ-atomic/build/Provider');
     } else if (subatomic.includes(importName)) {
       return importDeclaration(types.importDefaultSpecifier(types.identifier(importName)), "@occmundial/occ-atomic/build/subatomic/".concat(importName));
     }

package/build/subatomic/icons/occDart.js

@@ -7,7 +7,7 @@ exports.occDartBlue = exports.occDartWhite = exports.occDartGrey = exports.occDa
 
 var _colors = _interopRequireDefault(require("../colors"));
 
-var _tokens = require("../../tokens");
+var _colors2 = _interopRequireDefault(require("../../tokens/colors.json"));
 
 var _iconSizes = _interopRequireDefault(require("../iconSizes"));
 
@@ -19,7 +19,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 brand = _tokens.colors.icon.brand;
+var brand = _colors2["default"].icon.brand;
 var ink = _colors["default"].ink,
     inkLight = _colors["default"].inkLight,
     white = _colors["default"].white;

package/build/subatomic/icons/occHorizontal.js

@@ -7,7 +7,7 @@ exports.occHorizontalBlue = exports.occHorizontalWhite = exports.occHorizontalGr
 
 var _colors = _interopRequireDefault(require("../colors"));
 
-var _tokens = require("../../tokens");
+var _colors2 = _interopRequireDefault(require("../../tokens/colors.json"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 brand = _tokens.colors.icon.brand;
+var brand = _colors2["default"].icon.brand;
 var ink = _colors["default"].ink,
     inkLight = _colors["default"].inkLight,
     white = _colors["default"].white;

package/build/subatomic/icons/occLogo.js

@@ -7,7 +7,7 @@ exports.occLogoBlue = exports.occLogoWhite = exports.occLogoGrey = exports.occLo
 
 var _colors = _interopRequireDefault(require("../colors"));
 
-var _tokens = require("../../tokens");
+var _colors2 = _interopRequireDefault(require("../../tokens/colors.json"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 brand = _tokens.colors.icon.brand;
+var brand = _colors2["default"].icon.brand;
 var ink = _colors["default"].ink,
     inkLight = _colors["default"].inkLight,
     white = _colors["default"].white;

package/build/subatomic/icons/occVertical.js

@@ -7,7 +7,7 @@ exports.occVerticalBlue = exports.occVerticalWhite = exports.occVerticalGrey = e
 
 var _colors = _interopRequireDefault(require("../colors"));
 
-var _tokens = require("../../tokens");
+var _colors2 = _interopRequireDefault(require("../../tokens/colors.json"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -17,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 brand = _tokens.colors.icon.brand;
+var brand = _colors2["default"].icon.brand;
 var ink = _colors["default"].ink,
     inkLight = _colors["default"].inkLight,
     white = _colors["default"].white;

package/build/subatomic/mappedIcons.js

@@ -22,7 +22,6 @@ var oldToNewIcon = {
   cart: 'cart',
   cartSolid: 'cart',
   cash: 'cash-coin',
-  check: 'check-circle',
   checkSolid: 'check-circle',
   company: 'building',
   companySolid: 'building',
@@ -115,8 +114,8 @@ var oldToNewIcon = {
   moreOptions: 'three-dots-vertical',
   money: 'coin',
   go: 'arrow-right-circle',
-  arrowDown: 'arrow-down-o',
-  arrowDownFilled: 'arrow-down-o',
+  arrowDown: 'chevron-down',
+  arrowDownFilled: 'chevron-down',
   label: 'tag',
   unlock: 'unlock',
   bill: 'cash',

package/build/tokens/colors.json

@@ -257,7 +257,7 @@
     "selected": {
       "bg": {
         "default": "#0059CD",
-        "hover": "#0047A5"
+        "hover": "#083CAE"
       }
     },
     "bg": {
@@ -279,7 +279,7 @@
     "selected": {
       "bg": {
         "default": "#0059CD",
-        "hover": "#0047A5",
+        "hover": "#083CAE",
         "disabled": "#8DA5DA"
       },
       "border": {
@@ -310,7 +310,7 @@
     "selected": {
       "bg": {
         "default": "#0059CD",
-        "hover": "#0047A5",
+        "hover": "#083CAE",
         "disabled": "hsl(221 91.2% 35.7% / 0.1)"
       },
       "border": {
@@ -342,7 +342,7 @@
       "border": "#d7f6e3"
     },
     "info": {
-      "bg": "#f7faff",
+      "bg": "#e3efff",
       "border": "#e3efff"
     },
     "neutral": {
@@ -354,7 +354,7 @@
     "track": {
       "bg": {
         "default": "#0059CD",
-        "hover": "#0047A5",
+        "hover": "#083CAE",
         "disabled": "#8DA5DA"
       }
     },
@@ -379,7 +379,7 @@
     "selected": {
       "bg": {
         "default": "#0059CD",
-        "hover": "#0047A5",
+        "hover": "#083CAE",
         "disabled": "#8DA5DA"
       },
       "border": {
@@ -401,7 +401,7 @@
       "border": "#fff1d3"
     },
     "info": {
-      "bg": "#f7faff",
+      "bg": "#e3efff",
       "border": "#e3efff"
     },
     "featured": {
@@ -439,6 +439,30 @@
       }
     }
   },
+  "nav": {
+    "bg": {
+      "inverse": "#083CAE",
+      "default": "#fff"
+    }
+  },
+  "pill": {
+    "selected": {
+      "bg": {
+        "default": "#0059CD",
+        "hover": "#083CAE",
+        "active": "#06308A",
+        "disabled": "#8DA5DA"
+      }
+    },
+    "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)"
+      }
+    }
+  },
   "bg": {
     "action": {
       "primary": {
@@ -469,11 +493,13 @@
       },
       "brand": {
         "default": "#0059CD",
-        "hover": "#0047A5",
+        "hover": "#083CAE",
+        "active": "#06308A",
         "disabled": "#8DA5DA",
         "subtle": {
           "default": "#E9EEF8",
-          "hover": "#CAD5EE"
+          "hover": "#CAD5EE",
+          "active": "#ABBDE4"
         }
       },
       "ghost": {
@@ -490,7 +516,7 @@
     "warning": "#fff8e9",
     "error": "#fce8e8",
     "success": "#ebfbf1",
-    "info": "#f7faff",
+    "info": "#e3efff",
     "overlay": "rgba(0,0,0,0.8)",
     "neutral": "#000"
   },
@@ -515,7 +541,8 @@
   },
   "border": {
     "inverse": {
-      "default": "#fff",
+      "bold": "#fff",
+      "default": "rgba(255,255,255,0.5)",
       "subtle": "rgba(255,255,255,0.2)"
     },
     "default": {

package/catalog-info.yaml

@@ -0,0 +1,13 @@
+apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  name: occ-atomic
+  annotations:
+    github.com/project-slug: occmundial/occ-atomic
+    design-tokens.occdeep.io/platform: tailwind
+    design-tokens.occdeep.io/path: lib/tokens
+    design-tokens.occdeep.io/branch: beta
+spec:
+  type: service
+  lifecycle: production
+  owner: ui-team

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "2.0.0-beta.9",
+  "version": "3.0.0-beta.1",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",