@carbon/ibm-products 2.33.0 → 2.35.0

package/lib/components/StatusIcon/StatusIcon.js

@@ -35,298 +35,300 @@ _Status icons_ are an important method of communicating severity level
 information to users. The shapes and colors, communicate severity that enable
 users to quickly assess and identify status and respond accordingly.
  */
-exports.StatusIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+
+exports.StatusIcon = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var _icons$kind;
-  var kind = _ref.kind,
-    theme = _ref.theme,
-    size = _ref.size,
-    className = _ref.className,
-    iconDescription = _ref.iconDescription,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var kind = _ref2.kind,
+    theme = _ref2.theme,
+    size = _ref2.size,
+    className = _ref2.className,
+    iconDescription = _ref2.iconDescription,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
+  var forwardedRef = ref;
   var icons$1 = {
     fatal: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Misuse, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Misuse, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Misuse, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Misuse, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     critical: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     'major-warning': {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltInvertedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltInvertedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltInvertedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltInvertedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     'minor-warning': {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.WarningAltFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     undefined: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UndefinedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UndefinedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UndefinedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UndefinedFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     unknown: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UnknownFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UnknownFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UnknownFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.UnknownFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     normal: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     info: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InformationSquareFilled, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InformationSquareFilled, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InformationSquareFilled, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InformationSquareFilled, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     'in-progress': {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InProgress, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InProgress, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InProgress, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.InProgress, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     running: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     pending: {
-      sm: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Pending, _rollupPluginBabelHelpers["extends"]({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      md: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Pending, _rollupPluginBabelHelpers["extends"]({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Pending, _rollupPluginBabelHelpers["extends"]({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/React.forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/React.forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Pending, _rollupPluginBabelHelpers["extends"]({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     }

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts

@@ -1,5 +1,26 @@
 /**
- * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
  */
-export const SteppedAnimatedMedia: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+interface SteppedAnimatedMediaProps {
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
+    /**
+     * The file path(s) to json formatted Lottie animation files.
+     */
+    filePaths: string[] | undefined;
+    /**
+     * Which animation step from the filePaths array to play.
+     */
+    playStep?: number;
+}
+/**
+ * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
+ */
+export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -37,7 +37,6 @@ var componentName = 'SteppedAnimatedMedia';
 var defaults = {
   playStep: 0
 };
-
 /**
  * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
  */
@@ -52,8 +51,9 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(fun
     jsonData = _useState2[0],
     setJsonData = _useState2[1];
   var animRef = React.useRef();
-  var backupRef = React.useRef();
+  var backupRef = React.useRef(null);
   var localRef = ref !== null && ref !== void 0 ? ref : backupRef;
+  var localRefValue = localRef.current;
   // load animation source
   React.useEffect(function () {
     var isJsonFile = function isJsonFile(filePath) {
@@ -100,11 +100,11 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(fun
   React.useEffect(function () {
     var _window;
     var prefersReducedMotion = (_window = window) !== null && _window !== void 0 && _window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
-    if (localRef.current) {
+    if (localRefValue) {
       var _animRef$current, _animRef$current2, _animRef$current3;
       (_animRef$current = animRef.current) === null || _animRef$current === void 0 || _animRef$current.destroy();
       animRef.current = lottie__default["default"].loadAnimation({
-        container: localRef.current,
+        container: localRefValue,
         renderer: 'svg',
         animationData: jsonData[clamp__default["default"](playStep, 0, jsonData.length - 1)],
         loop: false,
@@ -119,7 +119,7 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(fun
       var _animRef$current4;
       return (_animRef$current4 = animRef.current) === null || _animRef$current4 === void 0 ? void 0 : _animRef$current4.destroy();
     };
-  }, [jsonData, localRef, playStep]);
+  }, [jsonData, localRefValue, playStep]);
   if (!jsonData) {
     return null;
   }
@@ -138,6 +138,7 @@ SteppedAnimatedMedia.propTypes = {
   /**
    * The file path(s) to json formatted Lottie animation files.
    */
+  /**@ts-ignore*/
   filePaths: index["default"].arrayOf(index["default"].string).isRequired,
   /**
    * Which animation step from the filePaths array to play.

package/lib/components/TagOverflow/TagOverflow.d.ts

@@ -0,0 +1,5 @@
+/**
+ * TODO: A description of the component.
+ */
+export let TagOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';