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

package/lib/components/TooltipTrigger/TooltipTrigger.d.ts

@@ -1,16 +1,18 @@
-export function TooltipTrigger({ children, className, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-}): React.JSX.Element;
-export namespace TooltipTrigger {
-    export { componentName as displayName };
-    export namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let className: PropTypes.Requireable<string>;
-    }
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { PropsWithChildren } from 'react';
+export interface TooltipTriggerProps extends PropsWithChildren {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
 }
-import React from 'react';
-declare const componentName: "TooltipTrigger";
-import PropTypes from 'prop-types';
-export {};
+/**
+ * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
+ * no blanked button.
+ */
+export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/TooltipTrigger/TooltipTrigger.js

@@ -25,7 +25,7 @@ var componentName = 'TooltipTrigger';
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-exports.TooltipTrigger = function TooltipTrigger(_ref) {
+exports.TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -37,7 +37,7 @@ exports.TooltipTrigger = function TooltipTrigger(_ref) {
     className // Apply any supplied class names to the main HTML element.
     )
   }), children);
-};
+});
 
 // Return a placeholder if not released and not enabled by feature flag.
 exports.TooltipTrigger = settings.pkg.checkComponentEnabled(exports.TooltipTrigger, componentName);

package/lib/components/TruncatedList/TruncatedList.d.ts

@@ -41,7 +41,7 @@ export interface TruncatedListProps extends PropsWithChildren {
     /**
      * Callback function for building the label when the list is collapsed.
      */
-    viewMoreLabel?: (value: any) => void;
+    viewMoreLabel?: (value: any) => ReactNode;
 }
 /**
  * The `TruncatedList` allows consumers to control how many items are

package/lib/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/lib/components/UserAvatar/UserAvatar.js

@@ -125,7 +125,8 @@ exports.UserAvatar.displayName = componentName;
 // See https://www.npmjs.com/package/prop-types#usage.
 exports.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: index.default.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']),
   /**
@@ -153,7 +154,7 @@ exports.UserAvatar.propTypes = {
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
   /**@ts-ignore */
-  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object, index.default.string]),
   /**
    * Set the size of the avatar circle
    */

package/lib/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/lib/components/UserProfileImage/UserProfileImage.js

@@ -26,10 +26,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.
  */
@@ -46,7 +42,7 @@ exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
   var icons$1 = {

package/lib/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/lib/components/WebTerminal/WebTerminal.js

@@ -192,6 +192,7 @@ exports.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: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
   /**
    * Description for the documentation link overflow menu tooltip