@carbon/ibm-products 2.53.0 → 2.54.0-canary.0

package/es/components/UserAvatar/UserAvatar.d.ts

@@ -41,7 +41,7 @@ type UserAvatarBaseProps = {
     /**
      * Provide a custom icon to use if you need to use an icon other than the default one
      */
-    renderIcon?: React.ElementType;
+    renderIcon?: React.ElementType | string;
     /**
      * Set the size of the avatar circle
      */

package/es/components/UserAvatar/UserAvatar.js

@@ -123,7 +123,8 @@ UserAvatar.displayName = componentName;
 // See https://www.npmjs.com/package/prop-types#usage.
 UserAvatar.propTypes = {
   /**
-   * Provide the background color need to be set for UserAvatar.
+   * Provide the background color need to be set for UserAvatar. Background color will be set based on lighter or darker theme.
+   * For example: if you select order-5-purple, it will take $purple-60 for lighter theme and $purple-50 for darker theme.
    */
   backgroundColor: PropTypes.oneOf(['order-1-cyan', 'order-2-gray', 'order-3-green', 'order-4-magenta', 'order-5-purple', 'order-6-teal', 'order-7-cyan', 'order-8-gray', 'order-9-green', 'order-10-magenta', 'order-11-purple', 'order-12-teal']),
   /**
@@ -151,7 +152,7 @@ UserAvatar.propTypes = {
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
   /**@ts-ignore */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),
   /**
    * Set the size of the avatar circle
    */

package/es/components/UserProfileImage/UserProfileImage.d.ts

@@ -6,8 +6,8 @@
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
 import '../../global/js/utils/props-helper';
+import { PopoverAlignment } from '@carbon/react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-import { IconButton } from '@carbon/react';
 import React from 'react';
 type imageProps = {
     /**
@@ -55,7 +55,7 @@ type UserProfileImageBaseProps = {
     /**
      * Specify how the trigger should align with the tooltip
      */
-    tooltipAlignment?: React.ComponentProps<typeof IconButton>['align'];
+    tooltipAlignment?: PopoverAlignment;
     /**
      * Pass in the display name to have it shown on hover
      */

package/es/components/UserProfileImage/UserProfileImage.js

@@ -24,10 +24,6 @@ var componentName = 'UserProfileImage';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-// Default values for props
-var defaults = {
-  tooltipAlignment: 'bottom'
-};
 /**
  * The user profile avatar allows for an image of the user to be displayed by passing in the image prop. By default the component will display a user icon on a blue background.
  */
@@ -44,7 +40,7 @@ var UserProfileImage = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     theme = _ref.theme,
     tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
-    tooltipAlignment = _ref$tooltipAlignment === void 0 ? defaults.tooltipAlignment : _ref$tooltipAlignment,
+    tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
     rest = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
   var icons = {

package/es/components/WebTerminal/WebTerminal.d.ts

@@ -8,7 +8,7 @@
 import { OverflowMenuItem } from '@carbon/react';
 import React, { PropsWithChildren, ReactNode } from 'react';
 interface Action {
-    renderIcon: () => void;
+    renderIcon?: React.ElementType;
     onClick: () => void;
     iconDescription: string;
 }

package/es/components/WebTerminal/WebTerminal.js

@@ -190,6 +190,7 @@ WebTerminal.propTypes = {
   /**
    * Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
    */
+  /**@ts-ignore */
   documentationLinks: PropTypes.arrayOf(PropTypes.shape(_objectSpread2({}, OverflowMenuItem.propTypes))),
   /**
    * Description for the documentation link overflow menu tooltip