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

package/es/components/AddSelect/AddSelect.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { Filter, Item, Theme } from './types';
 export interface AddSelectProps {
     className?: string;
@@ -36,7 +36,7 @@ export interface AddSelectProps {
     /**
      * portal target for the all tags modal
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     searchResultsTitle?: string;
     sortByLabel?: string;
     title: string;

package/es/components/AddSelect/AddSelect.js

@@ -107,6 +107,7 @@ AddSelect.propTypes = {
   /**
    * portal target for the all tags modal
    */
+  /**@ts-ignore */
   portalTarget: PropTypes.node,
   searchResultsTitle: PropTypes.string,
   sortByLabel: PropTypes.string,

package/es/components/AddSelect/AddSelectBody.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { Item, Theme } from './types';
 export interface AddSelectBodyProps {
     className?: string;
@@ -35,7 +35,7 @@ export interface AddSelectBodyProps {
     onSubmit?: (selection: any) => void;
     onSubmitButtonText?: string;
     open?: boolean;
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     searchResultsTitle?: string;
     sortByLabel?: string;
     title?: string;

package/es/components/AddSelect/AddSelectBody.js

@@ -361,6 +361,7 @@ AddSelectBody.propTypes = {
   onSubmit: PropTypes.func,
   onSubmitButtonText: PropTypes.string,
   open: PropTypes.bool,
+  /**@ts-ignore */
   portalTarget: PropTypes.node,
   searchResultsTitle: PropTypes.string,
   sortByLabel: PropTypes.string,

package/es/components/Tearsheet/Tearsheet.d.ts

@@ -107,7 +107,7 @@ export interface TearsheetProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/es/components/Tearsheet/TearsheetNarrow.d.ts

@@ -63,7 +63,7 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/es/components/Tearsheet/TearsheetShell.d.ts

@@ -84,7 +84,7 @@ interface TearsheetShellProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/es/components/TooltipTrigger/TooltipTrigger.d.ts

@@ -15,4 +15,4 @@ export interface TooltipTriggerProps extends PropsWithChildren {
  * 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>>;
+export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/es/components/TooltipTrigger/TooltipTrigger.js

@@ -23,12 +23,13 @@ var componentName = 'TooltipTrigger';
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-var TooltipTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref) {
+var TooltipTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("button", _extends({
-    type: "button"
+    type: "button",
+    ref: ref
   }, rest, {
     className: cx(blockClass,
     // Apply the block class to the main HTML element

package/es/components/UserAvatar/UserAvatar.js

@@ -96,9 +96,7 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         // switched classes dependant on props or state
         // example: [`${blockClass}__here-if-small`]: size === 'sm',
       }),
-      ref: ref,
-      role: "img",
-      "aria-hidden": "true"
+      ref: ref
     }, getDevtoolsProps(componentName)), getItem());
   };
   if (tooltipText) {

package/lib/components/AddSelect/AddSelect.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { Filter, Item, Theme } from './types';
 export interface AddSelectProps {
     className?: string;
@@ -36,7 +36,7 @@ export interface AddSelectProps {
     /**
      * portal target for the all tags modal
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     searchResultsTitle?: string;
     sortByLabel?: string;
     title: string;

package/lib/components/AddSelect/AddSelect.js

@@ -109,6 +109,7 @@ AddSelect.propTypes = {
   /**
    * portal target for the all tags modal
    */
+  /**@ts-ignore */
   portalTarget: index.default.node,
   searchResultsTitle: index.default.string,
   sortByLabel: index.default.string,

package/lib/components/AddSelect/AddSelectBody.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { Item, Theme } from './types';
 export interface AddSelectBodyProps {
     className?: string;
@@ -35,7 +35,7 @@ export interface AddSelectBodyProps {
     onSubmit?: (selection: any) => void;
     onSubmitButtonText?: string;
     open?: boolean;
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     searchResultsTitle?: string;
     sortByLabel?: string;
     title?: string;

package/lib/components/AddSelect/AddSelectBody.js

@@ -363,6 +363,7 @@ AddSelectBody.propTypes = {
   onSubmit: index.default.func,
   onSubmitButtonText: index.default.string,
   open: index.default.bool,
+  /**@ts-ignore */
   portalTarget: index.default.node,
   searchResultsTitle: index.default.string,
   sortByLabel: index.default.string,

package/lib/components/Tearsheet/Tearsheet.d.ts

@@ -107,7 +107,7 @@ export interface TearsheetProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/lib/components/Tearsheet/TearsheetNarrow.d.ts

@@ -63,7 +63,7 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

package/lib/components/Tearsheet/TearsheetShell.d.ts

@@ -84,7 +84,7 @@ interface TearsheetShellProps extends PropsWithChildren {
     /**
      * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
      */
-    portalTarget?: ReactNode;
+    portalTarget?: HTMLElement;
     /**
      * Specify a CSS selector that matches the DOM element that should be
      * focused when the Modal opens.

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

@@ -15,4 +15,4 @@ export interface TooltipTriggerProps extends PropsWithChildren {
  * 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>>;
+export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/TooltipTrigger/TooltipTrigger.js

@@ -25,12 +25,13 @@ var componentName = 'TooltipTrigger';
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-exports.TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref) {
+exports.TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
-    type: "button"
+    type: "button",
+    ref: ref
   }, rest, {
     className: cx(blockClass,
     // Apply the block class to the main HTML element

package/lib/components/UserAvatar/UserAvatar.js

@@ -98,9 +98,7 @@ exports.UserAvatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         // switched classes dependant on props or state
         // example: [`${blockClass}__here-if-small`]: size === 'sm',
       }),
-      ref: ref,
-      role: "img",
-      "aria-hidden": "true"
+      ref: ref
     }, devtools.getDevtoolsProps(componentName)), getItem());
   };
   if (tooltipText) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.54.0-canary.0+4a92770d9",
+  "version": "2.54.0-canary.4+a11d0364a",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "4a92770d9179f6b59bfe18e53c998fdb51bd794a"
+  "gitHead": "a11d0364a5beaa3d018db559656c3d7806e1b484"
 }