@occmundial/occ-atomic 2.0.0-beta.18 → 2.0.0-beta.19

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [2.0.0-beta.19](https://github.com/occmundial/occ-atomic/compare/v2.0.0-beta.18...v2.0.0-beta.19) (2024-05-27)
+
+
+### Features
+
+* Update Autocomplete styles ([fa449be](https://github.com/occmundial/occ-atomic/commit/fa449be2322c75857e6350ee9dee596cd441b033))
+
 # [2.0.0-beta.18](https://github.com/occmundial/occ-atomic/compare/v2.0.0-beta.17...v2.0.0-beta.18) (2024-05-21)
 
 

package/build/Autocomplete/Autocomplete.js

@@ -243,7 +243,8 @@ Autocomplete.propTypes = {
     className: _propTypes["default"].string,
     inputClassName: _propTypes["default"].string,
     disabled: _propTypes["default"].bool,
-    testId: _propTypes["default"].string
+    testId: _propTypes["default"].string,
+    disableAutoComplete: _propTypes["default"].bool
   }).isRequired,
 
   /** Object with the props for the Droplist component. Check their descriptions in the Droplist docs. */
@@ -279,9 +280,6 @@ Autocomplete.propTypes = {
   /** Function to call on mouse down (Droplist item). */
   onMouseDown: _propTypes["default"].func,
   onRef: _propTypes["default"].func,
-
-  /**  Disables native autoComplete on browsers. */
-  disableAutoComplete: _propTypes["default"].bool,
   id: _propTypes["default"].string,
   className: _propTypes["default"].string,
   style: _propTypes["default"].object,
@@ -292,7 +290,6 @@ Autocomplete.propTypes = {
 Autocomplete.defaultProps = {
   textfieldProps: {},
   droplistProps: {},
-  disableAutoComplete: false,
   showInitialData: false
 };
 var _default = Autocomplete;

package/build/Autocomplete/styles.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _idx = _interopRequireDefault(require("idx"));
 
-var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = {
@@ -20,10 +18,12 @@ var _default = {
     zIndex: 2,
     top: function top(props) {
       return (0, _idx["default"])(props, function (_) {
-        return _.textfieldProps.label;
+        return _.textfieldProps.assistiveText;
       }) || (0, _idx["default"])(props, function (_) {
-        return _.textfieldProps.lockHeight;
-      }) ? _spacing["default"].xLarge : 40;
+        return _.textfieldProps.counter;
+      }) && (0, _idx["default"])(props, function (_) {
+        return _.textfieldProps.maxLength;
+      }) ? 'calc(100% - 21px)' : 'calc(100% + 8px)';
     },
     left: 0,
     width: '100%'

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/package.json

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