@carbon/ibm-products 2.42.1-canary.3 → 2.42.1-canary.7

package/es/components/Carousel/Carousel.d.ts

@@ -47,7 +47,7 @@ export interface CarouselProps {
     [key: string]: any;
 }
 /**
- * The Carousel acts as a scaffold for other Novice to Pro content.
+ * The Carousel acts as a scaffold for other Onboarding content.
  *
  * This component is not intended for general use.
  *

package/es/components/Carousel/Carousel.js

@@ -26,7 +26,7 @@ var defaults = {
 };
 
 /**
- * The Carousel acts as a scaffold for other Novice to Pro content.
+ * The Carousel acts as a scaffold for other Onboarding content.
  *
  * This component is not intended for general use.
  *

package/es/components/Coachmark/CoachmarkDragbar.d.ts

@@ -38,7 +38,7 @@ interface CoachmarkDragbarProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkDragbar: React.ForwardRefExoticComponent<Omit<CoachmarkDragbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export {};

package/es/components/Coachmark/CoachmarkDragbar.js

@@ -33,7 +33,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 var CoachmarkDragbar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var a11yKeyboardHandler = _ref.a11yKeyboardHandler,

package/es/components/Coachmark/CoachmarkHeader.d.ts

@@ -25,7 +25,7 @@ interface CoachmarkHeaderProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkHeader: React.ForwardRefExoticComponent<CoachmarkHeaderProps & React.RefAttributes<HTMLElement>>;
 export {};

package/es/components/Coachmark/CoachmarkHeader.js

@@ -28,7 +28,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 var CoachmarkHeader = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,

package/es/components/Coachmark/CoachmarkOverlay.d.ts

@@ -40,7 +40,7 @@ interface CoachmarkOverlayProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkOverlay: React.ForwardRefExoticComponent<Omit<CoachmarkOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/Coachmark/CoachmarkOverlay.js

@@ -32,7 +32,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/es/components/Coachmark/CoachmarkTagline.d.ts

@@ -25,7 +25,7 @@ interface CoachmarkTaglineProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkTagline: React.ForwardRefExoticComponent<CoachmarkTaglineProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/Coachmark/CoachmarkTagline.js

@@ -28,7 +28,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 var CoachmarkTagline = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,

package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts

@@ -1,6 +1,6 @@
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export let CoachmarkStackHome: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/es/components/CoachmarkStack/CoachmarkStackHome.js

@@ -30,7 +30,7 @@ var componentName = 'CoachmarkStackHome';
 
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _document$querySelect;
@@ -58,7 +58,7 @@ var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, 100);
   }, [isOpen]);
   if (!navLinkLabels) {
-    return pconsole.warn("".concat(componentName, " is a Novice to Pro internal component and is not intended for general use."));
+    return pconsole.warn("".concat(componentName, " is an Onboarding internal component and is not intended for general use."));
   }
   var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
   return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {

package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -445,7 +445,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
       "data-inline-type": type,
       onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
       onKeyDown: !nonEditCell ? handleKeyDown : null,
-      className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue)), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
+      className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
     }, !nonEditCell && !disabledCell && renderRegularCell(), (!inEditMode || disabledCell) && /*#__PURE__*/React__default.createElement(InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),

package/es/components/InterstitialScreenView/InterstitialScreenView.d.ts

@@ -20,7 +20,7 @@ interface InterstitialScreenViewProps extends PropsWithChildren {
     stepTitle: string;
 }
 /**
- * A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
+ * An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
  */
 export declare let InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/InterstitialScreenView/InterstitialScreenView.js

@@ -21,7 +21,7 @@ var _excluded = ["children", "className", "stepTitle"];
 var blockClass = "".concat(pkg.prefix, "--interstitial-screen-view");
 var componentName = 'InterstitialScreenView';
 /**
- * A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
+ * An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
  */
 var InterstitialScreenView = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/es/components/SidePanel/SidePanel.d.ts

@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
     /**
      * Sets the action toolbar buttons
      */
-    actionToolbarButtons?: ButtonProps[];
+    actionToolbarButtons?: ButtonProps<any>[];
     /**
      * The primary actions to be shown in the side panel. Each action is
      * specified as an object that will render expressive Buttons. Any Button
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps[];
+    actions?: ButtonProps<any>[];
     /**
      * Determines if the title will animate on scroll
      */

package/es/components/SidePanel/SidePanel.js

@@ -323,12 +323,12 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
           if (primeFocusEl) {
             primeFocusEl === null || primeFocusEl === void 0 || primeFocusEl.focus();
           }
-        } else {
+        } else if (!slideIn) {
           firstElement === null || firstElement === void 0 || firstElement.focus();
         }
       }, 0);
     }
-  }, [animationComplete, firstElement, open, selectorPrimaryFocus]);
+  }, [animationComplete, firstElement, open, selectorPrimaryFocus, slideIn]);
   var primaryActionContainerClassNames = cx(["".concat(blockClass, "__actions-container"), _defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
   var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
   var renderTitle = function renderTitle() {
@@ -448,7 +448,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       placement: placement,
       shouldReduceMotion: shouldReduceMotion
     },
-    onKeyDown: keyDownListener
+    onKeyDown: slideIn ? undefined : keyDownListener
   }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default.createElement(MotionActionSet, {
     actions: actions !== null && actions !== void 0 ? actions : [],
     className: primaryActionContainerClassNames,
@@ -471,6 +471,7 @@ SidePanel.propTypes = {
   /**
    * Sets the action toolbar buttons
    */
+  /**@ts-ignore */
   actionToolbarButtons: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
     leading: PropTypes.bool,
@@ -504,6 +505,7 @@ SidePanel.propTypes = {
     label: PropTypes.string,
     loading: PropTypes.bool,
     // we duplicate this Button prop to improve the DocGen here
+    /**@ts-ignore */
     onClick: Button.propTypes.onClick
   })))]),
   /**

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts

@@ -20,7 +20,7 @@ interface SteppedAnimatedMediaProps {
     playStep?: number;
 }
 /**
- * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
+ * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
  */
 export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -27,7 +27,7 @@ var defaults = {
   playStep: 0
 };
 /**
- * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
+ * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
  */
 var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/es/global/js/package-settings.js

@@ -98,7 +98,7 @@ var defaults = {
     GetStartedCard: false,
     /* new component flags here - comment used by generate CLI */
 
-    // Novice to pro components not yet reviewed and released:
+    // Onboarding components not yet reviewed and released:
     Coachmark: false,
     CoachmarkBeacon: false,
     CoachmarkButton: false,
@@ -118,7 +118,7 @@ var defaults = {
     UserAvatar: false,
     /* new component flags here - comment used by generate CLI */
 
-    // Novice to pro components not yet reviewed and released:
+    // Onboarding components not yet reviewed and released:
     EmptyStateV2: false,
     Guidebanner: false,
     GuidebannerElement: false,

package/lib/components/Carousel/Carousel.d.ts

@@ -47,7 +47,7 @@ export interface CarouselProps {
     [key: string]: any;
 }
 /**
- * The Carousel acts as a scaffold for other Novice to Pro content.
+ * The Carousel acts as a scaffold for other Onboarding content.
  *
  * This component is not intended for general use.
  *

package/lib/components/Carousel/Carousel.js

@@ -35,7 +35,7 @@ var defaults = {
 };
 
 /**
- * The Carousel acts as a scaffold for other Novice to Pro content.
+ * The Carousel acts as a scaffold for other Onboarding content.
  *
  * This component is not intended for general use.
  *

package/lib/components/Coachmark/CoachmarkDragbar.d.ts

@@ -38,7 +38,7 @@ interface CoachmarkDragbarProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkDragbar: React.ForwardRefExoticComponent<Omit<CoachmarkDragbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export {};

package/lib/components/Coachmark/CoachmarkDragbar.js

@@ -42,7 +42,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 exports.CoachmarkDragbar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var a11yKeyboardHandler = _ref.a11yKeyboardHandler,

package/lib/components/Coachmark/CoachmarkHeader.d.ts

@@ -25,7 +25,7 @@ interface CoachmarkHeaderProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkHeader: React.ForwardRefExoticComponent<CoachmarkHeaderProps & React.RefAttributes<HTMLElement>>;
 export {};

package/lib/components/Coachmark/CoachmarkHeader.js

@@ -37,7 +37,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 exports.CoachmarkHeader = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,

package/lib/components/Coachmark/CoachmarkOverlay.d.ts

@@ -40,7 +40,7 @@ interface CoachmarkOverlayProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkOverlay: React.ForwardRefExoticComponent<Omit<CoachmarkOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/Coachmark/CoachmarkOverlay.js

@@ -41,7 +41,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/lib/components/Coachmark/CoachmarkTagline.d.ts

@@ -25,7 +25,7 @@ interface CoachmarkTaglineProps {
 }
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export declare let CoachmarkTagline: React.ForwardRefExoticComponent<CoachmarkTaglineProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/Coachmark/CoachmarkTagline.js

@@ -37,7 +37,7 @@ var defaults = {
 };
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 exports.CoachmarkTagline = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$closeIconDescrip = _ref.closeIconDescription,

package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts

@@ -1,6 +1,6 @@
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 export let CoachmarkStackHome: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/lib/components/CoachmarkStack/CoachmarkStackHome.js

@@ -39,7 +39,7 @@ var componentName = 'CoachmarkStackHome';
 
 /**
  * DO NOT USE. This component is for the exclusive use
- * of other Novice to Pro components.
+ * of other Onboarding components.
  */
 exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _document$querySelect;
@@ -67,7 +67,7 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     }, 100);
   }, [isOpen]);
   if (!navLinkLabels) {
-    return pconsole["default"].warn("".concat(componentName, " is a Novice to Pro internal component and is not intended for general use."));
+    return pconsole["default"].warn("".concat(componentName, " is an Onboarding internal component and is not intended for general use."));
   }
   var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -454,7 +454,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
       "data-inline-type": type,
       onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
       onKeyDown: !nonEditCell ? handleKeyDown : null,
-      className: cx__default["default"]("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue)), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
+      className: cx__default["default"]("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
     }, !nonEditCell && !disabledCell && renderRegularCell(), (!inEditMode || disabledCell) && /*#__PURE__*/React__default["default"].createElement(InlineEditButton.InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),

package/lib/components/InterstitialScreenView/InterstitialScreenView.d.ts

@@ -20,7 +20,7 @@ interface InterstitialScreenViewProps extends PropsWithChildren {
     stepTitle: string;
 }
 /**
- * A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
+ * An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
  */
 export declare let InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/InterstitialScreenView/InterstitialScreenView.js

@@ -30,7 +30,7 @@ var _excluded = ["children", "className", "stepTitle"];
 var blockClass = "".concat(settings.pkg.prefix, "--interstitial-screen-view");
 var componentName = 'InterstitialScreenView';
 /**
- * A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
+ * An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
  */
 exports.InterstitialScreenView = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/lib/components/SidePanel/SidePanel.d.ts

@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
     /**
      * Sets the action toolbar buttons
      */
-    actionToolbarButtons?: ButtonProps[];
+    actionToolbarButtons?: ButtonProps<any>[];
     /**
      * The primary actions to be shown in the side panel. Each action is
      * specified as an object that will render expressive Buttons. Any Button
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps[];
+    actions?: ButtonProps<any>[];
     /**
      * Determines if the title will animate on scroll
      */

package/lib/components/SidePanel/SidePanel.js

@@ -332,12 +332,12 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
           if (primeFocusEl) {
             primeFocusEl === null || primeFocusEl === void 0 || primeFocusEl.focus();
           }
-        } else {
+        } else if (!slideIn) {
           firstElement === null || firstElement === void 0 || firstElement.focus();
         }
       }, 0);
     }
-  }, [animationComplete, firstElement, open, selectorPrimaryFocus]);
+  }, [animationComplete, firstElement, open, selectorPrimaryFocus, slideIn]);
   var primaryActionContainerClassNames = cx__default["default"](["".concat(blockClass, "__actions-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
   var mainPanelClassNames = cx__default["default"]([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
   var renderTitle = function renderTitle() {
@@ -457,7 +457,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       placement: placement,
       shouldReduceMotion: shouldReduceMotion
     },
-    onKeyDown: keyDownListener
+    onKeyDown: slideIn ? undefined : keyDownListener
   }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
     actions: actions !== null && actions !== void 0 ? actions : [],
     className: primaryActionContainerClassNames,
@@ -480,6 +480,7 @@ exports.SidePanel.propTypes = {
   /**
    * Sets the action toolbar buttons
    */
+  /**@ts-ignore */
   actionToolbarButtons: index["default"].arrayOf(index["default"].shape({
     label: index["default"].string,
     leading: index["default"].bool,
@@ -513,6 +514,7 @@ exports.SidePanel.propTypes = {
     label: index["default"].string,
     loading: index["default"].bool,
     // we duplicate this Button prop to improve the DocGen here
+    /**@ts-ignore */
     onClick: react.Button.propTypes.onClick
   })))]),
   /**

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

@@ -20,7 +20,7 @@ interface SteppedAnimatedMediaProps {
     playStep?: number;
 }
 /**
- * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
+ * The SteppedAnimatedMedia is an Onboarding 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

@@ -38,7 +38,7 @@ var defaults = {
   playStep: 0
 };
 /**
- * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
+ * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
  */
 var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/lib/global/js/package-settings.js

@@ -102,7 +102,7 @@ var defaults = {
     GetStartedCard: false,
     /* new component flags here - comment used by generate CLI */
 
-    // Novice to pro components not yet reviewed and released:
+    // Onboarding components not yet reviewed and released:
     Coachmark: false,
     CoachmarkBeacon: false,
     CoachmarkButton: false,
@@ -122,7 +122,7 @@ var defaults = {
     UserAvatar: false,
     /* new component flags here - comment used by generate CLI */
 
-    // Novice to pro components not yet reviewed and released:
+    // Onboarding components not yet reviewed and released:
     EmptyStateV2: false,
     Guidebanner: false,
     GuidebannerElement: false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.42.1-canary.3+dc4a98a67",
+  "version": "2.42.1-canary.7+793b7d211",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -121,5 +121,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "dc4a98a67feda8a1f00d989a426f26efbc34aaf1"
+  "gitHead": "793b7d211624906e2dea5e39fa5995572b3c1628"
 }

package/scss/components/NonLinearReading/_non-linear-reading.scss

@@ -104,7 +104,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--non-linear-reading;
   padding: $spacing-03 $spacing-04;
   border-left: to-rem(1.25px) solid $text-primary;
   margin: $spacing-02 0;
-  // Novice to pro does not always use Carbon defaults/tokens
+  // Onboarding does not always use Carbon defaults/tokens
   // stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
   animation: fade 600ms;