carbon-react 110.4.1 → 110.5.0

package/esm/components/search/search.component.js

@@ -30,6 +30,10 @@ const Search = ({
   "aria-label": ariaLabel = "search",
   inputRef,
   tabIndex,
+  error,
+  warning,
+  info,
+  tooltipPosition,
   ...rest
 }) => {
   const isControlled = value !== undefined;
@@ -159,7 +163,11 @@ const Search = ({
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     inputRef: assignInput,
-    tabIndex: tabIndex
+    tabIndex: tabIndex,
+    error: error,
+    warning: warning,
+    info: info,
+    tooltipPosition: tooltipPosition
   }), searchButton && /*#__PURE__*/React.createElement(StyledSearchButton, null, Boolean(isFocused || (!isControlled ? searchValue.length : value.length)) && /*#__PURE__*/React.createElement(Button, _extends({
     tabIndex: iconTabIndex,
     size: "medium",
@@ -238,6 +246,24 @@ Search.propTypes = {
   }),
 
   /** Input tabindex */
-  tabIndex: PropTypes.number
+  tabIndex: PropTypes.number,
+
+  /** Indicate that error has occurred
+  Pass string to display icon, tooltip and red border
+  Pass true boolean to only display red border */
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+
+  /** Indicate that warning has occurred
+  Pass string to display icon, tooltip and orange border
+  Pass true boolean to only display orange border */
+  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+
+  /** Indicate additional information
+  Pass string to display icon, tooltip and blue border
+  Pass true boolean to only display blue border */
+  info: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+
+  /** Overrides the default tooltip position */
+  tooltipPosition: PropTypes.oneOf(["top", "bottom", "left", "right"])
 };
 export default Search;

package/esm/components/search/search.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
 
-export interface SearchProps extends MarginProps {
+export interface SearchProps extends ValidationProps, MarginProps {
   /** Prop to specify the aria-label of the search component */
   "aria-label"?: string;
   /** Prop for `uncontrolled` use */
@@ -42,6 +42,8 @@ export interface SearchProps extends MarginProps {
   inputRef?: React.RefObject<HTMLInputElement>;
   /** Input tabindex */
   tabIndex?: number;
+  /** Overrides the default tooltip position */
+  tooltipPosition?: "top" | "bottom" | "left" | "right";
 }
 
 declare function Search(props: SearchProps): JSX.Element;

package/lib/components/search/search.component.js

@@ -53,6 +53,10 @@ const Search = ({
   "aria-label": ariaLabel = "search",
   inputRef,
   tabIndex,
+  error,
+  warning,
+  info,
+  tooltipPosition,
   ...rest
 }) => {
   const isControlled = value !== undefined;
@@ -182,7 +186,11 @@ const Search = ({
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     inputRef: assignInput,
-    tabIndex: tabIndex
+    tabIndex: tabIndex,
+    error: error,
+    warning: warning,
+    info: info,
+    tooltipPosition: tooltipPosition
   }), searchButton && /*#__PURE__*/_react.default.createElement(_search.StyledSearchButton, null, Boolean(isFocused || (!isControlled ? searchValue.length : value.length)) && /*#__PURE__*/_react.default.createElement(_button.default, _extends({
     tabIndex: iconTabIndex,
     size: "medium",
@@ -261,7 +269,25 @@ Search.propTypes = {
   }),
 
   /** Input tabindex */
-  tabIndex: _propTypes.default.number
+  tabIndex: _propTypes.default.number,
+
+  /** Indicate that error has occurred
+  Pass string to display icon, tooltip and red border
+  Pass true boolean to only display red border */
+  error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
+  /** Indicate that warning has occurred
+  Pass string to display icon, tooltip and orange border
+  Pass true boolean to only display orange border */
+  warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
+  /** Indicate additional information
+  Pass string to display icon, tooltip and blue border
+  Pass true boolean to only display blue border */
+  info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
+  /** Overrides the default tooltip position */
+  tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
 };
 var _default = Search;
 exports.default = _default;

package/lib/components/search/search.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
 
-export interface SearchProps extends MarginProps {
+export interface SearchProps extends ValidationProps, MarginProps {
   /** Prop to specify the aria-label of the search component */
   "aria-label"?: string;
   /** Prop for `uncontrolled` use */
@@ -42,6 +42,8 @@ export interface SearchProps extends MarginProps {
   inputRef?: React.RefObject<HTMLInputElement>;
   /** Input tabindex */
   tabIndex?: number;
+  /** Overrides the default tooltip position */
+  tooltipPosition?: "top" | "bottom" | "left" | "right";
 }
 
 declare function Search(props: SearchProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "110.4.1",
+  "version": "110.5.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {