@carbon/ibm-products 2.43.2-canary.30 → 2.43.2-canary.301

package/lib/components/Saving/Saving.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var cx = require('classnames');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
-var index = require('../../node_modules/prop-types/index.js');
+var React = require('react');
+var index = require('../../_virtual/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _ErrorFilled;
 var _excluded = ["secondaryButtonText", "className", "defaultIconDescription", "defaultText", "failIconDescription", "failText", "inProgressIconDescription", "inProgressText", "onRequestCancel", "onRequestSave", "status", "successIconDescription", "successText", "type"];
 var componentName = 'Saving';
@@ -48,7 +41,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       text: defaultText,
       iconDescription: defaultIconDescription,
       icon: function icon(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.Save, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.Save, _rollupPluginBabelHelpers.extends({
           size: 16
         }, props));
       }
@@ -57,7 +50,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     text: inProgressText,
     iconDescription: inProgressIconDescription,
     icon: function icon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.InlineLoading, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     }
@@ -65,7 +58,7 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     text: successText,
     iconDescription: successIconDescription,
     icon: function icon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.CheckmarkOutline, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     }
@@ -73,31 +66,31 @@ exports.Saving = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     text: failText,
     iconDescription: failIconDescription,
     icon: function icon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.ErrorOutline, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.ErrorOutline, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     }
   });
   var blockClass = "".concat(settings.pkg.prefix, "--saving");
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
-    className: cx__default["default"](blockClass, className)
-  }, devtools.getDevtoolsProps(componentName)), type === 'auto' ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx(blockClass, className)
+  }, devtools.getDevtoolsProps(componentName)), type === 'auto' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__message")
-  }, status === 'fail' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, status === 'fail' && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__error-icon")
-  }, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, {
+  }, _ErrorFilled || (_ErrorFilled = /*#__PURE__*/React.createElement(icons.ErrorFilled, {
     size: 16
-  }))), /*#__PURE__*/React__default["default"].createElement("p", {
+  }))), /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__text")
-  }, (_statusObj$status = statusObj[status]) === null || _statusObj$status === void 0 ? void 0 : _statusObj$status.text)) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (_statusObj$status = statusObj[status]) === null || _statusObj$status === void 0 ? void 0 : _statusObj$status.text)) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__buttons")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, /*#__PURE__*/React.createElement(react.Button, {
     onClick: onRequestCancel,
     kind: "secondary",
     disabled: status !== 'in-progress',
     type: "button"
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     onClick: onRequestSave,
     kind: "primary",
     renderIcon: (_statusObj$status2 = statusObj[status]) === null || _statusObj$status2 === void 0 ? void 0 : _statusObj$status2.icon,
@@ -111,58 +104,58 @@ exports.Saving.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Description for default state icon (manual).
    */
-  defaultIconDescription: index["default"].string,
+  defaultIconDescription: index.default.string,
   /**
    * Default text for the save button (manual). Per design guidelines you probably don't want to display this in the auto mode.
    */
-  defaultText: index["default"].string,
+  defaultText: index.default.string,
   /**
    * Description for fail state icon (manual).
    */
-  failIconDescription: index["default"].string,
+  failIconDescription: index.default.string,
   /**
    * Text for failure state.
    */
-  failText: index["default"].string,
+  failText: index.default.string,
   /**
    * Description for in progress state icon (manual).
    */
-  inProgressIconDescription: index["default"].string,
+  inProgressIconDescription: index.default.string,
   /**
    * Text for in progress state.
    */
-  inProgressText: index["default"].string,
+  inProgressText: index.default.string,
   /**
    * Function handler for cancel button (manual).
    */
-  onRequestCancel: index["default"].func,
+  onRequestCancel: index.default.func,
   /**
    * Function handler for save button (manual).
    */
-  onRequestSave: index["default"].func,
+  onRequestSave: index.default.func,
   /**
    * Text for the secondary or cancel button (manual).
    */
-  secondaryButtonText: index["default"].string,
+  secondaryButtonText: index.default.string,
   /**
    * The status of the save. default being the untouched default state -> in-progress being a save has been initiated -> fail or success being the outcome.
    */
-  status: index["default"].oneOf(['default', 'in-progress', 'success', 'fail']).isRequired,
+  status: index.default.oneOf(['default', 'in-progress', 'success', 'fail']).isRequired,
   /**
    * Description for success state icon (manual).
    */
-  successIconDescription: index["default"].string,
+  successIconDescription: index.default.string,
   /**
    * Text for success state
    */
-  successText: index["default"].string,
+  successText: index.default.string,
   /**
    * Designates the style of the save component. Manual uses a set of buttons and auto just displays a string. See usage guidelines for additional information.
    */
-  type: index["default"].oneOf(['manual', 'auto']).isRequired
+  type: index.default.oneOf(['manual', 'auto']).isRequired
 };
 exports.Saving.displayName = componentName;

package/lib/components/Saving/index.d.ts

@@ -1 +1,2 @@
-export { Saving } from "./Saving";
+export { Saving } from './Saving';
+export type { SavingProps } from './Saving';

package/lib/components/ScrollGradient/ScrollGradient.js

@@ -7,22 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var lodash = require('lodash');
 var constants = require('./constants.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "color", "onScroll", "scrollElementClassName", "getScrollElementRef", "hideStartGradient"];
 var blockClass = "".concat(settings.pkg.prefix, "--scroll-gradient");
 var componentName = 'ScrollGradient';
@@ -38,7 +31,7 @@ var defaults = {
 /**
  * TODO: A description of the component.
  */
-exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.ScrollGradient = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$color = _ref.color,
@@ -59,8 +52,8 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     horizontalPosition = _useState4[0],
     setHorizontalPosition = _useState4[1];
-  var scrollContainer = React.useRef();
-  var contentChildrenContainer = React.useRef();
+  var scrollContainer = React.useRef(undefined);
+  var contentChildrenContainer = React.useRef(undefined);
   var updateScrollState = lodash.throttle(function () {
     var updatedVerticalVal = constants.getScrollState(scrollContainer.current, constants.ScrollDirection.Y);
     var updatedHorizontalVal = constants.getScrollState(scrollContainer.current, constants.ScrollDirection.X);
@@ -83,19 +76,19 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     yScrollable = _useIsOverflow.yScrollable;
   var gradientRight = yScrollable && scrollContainer.current && contentChildrenContainer.current ? scrollContainer.current.offsetWidth - contentChildrenContainer.current.offsetWidth : 0;
   var gradientBottom = xScrollable && scrollContainer.current && contentChildrenContainer.current ? scrollContainer.current.offsetHeight - contentChildrenContainer.current.offsetHeight : 0;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "--x-").concat(horizontalPosition.toLowerCase()), "".concat(blockClass, "--y-").concat(verticalPosition.toLowerCase()), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--x-scrollable"), xScrollable), "".concat(blockClass, "--y-scrollable"), yScrollable), className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "--x-").concat(horizontalPosition.toLowerCase()), "".concat(blockClass, "--y-").concat(verticalPosition.toLowerCase()), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--x-scrollable"), xScrollable), "".concat(blockClass, "--y-scrollable"), yScrollable), className),
     ref: ref,
     role: "presentation"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
     onScroll: scrollHandler,
     ref: setRefs,
-    className: cx__default["default"]("".concat(blockClass, "__content"), scrollElementClassName),
+    className: cx("".concat(blockClass, "__content"), scrollElementClassName),
     tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: contentChildrenContainer,
     className: "".concat(blockClass, "__content-children")
-  }, children)), !hideStartGradient && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children)), !hideStartGradient && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__start-vertical"),
     style: {
       right: gradientRight,
@@ -103,7 +96,7 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     },
     role: "presentation",
     "aria-hidden": true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__start-horizontal"),
     style: {
       backgroundImage: "linear-gradient(-90deg, transparent, ".concat(color, " 90%)"),
@@ -111,7 +104,7 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     },
     role: "presentation",
     "aria-hidden": true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__end-vertical"),
     style: {
       right: gradientRight,
@@ -120,7 +113,7 @@ exports.ScrollGradient = /*#__PURE__*/React__default["default"].forwardRef(funct
     },
     role: "presentation",
     "aria-hidden": true
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__end-horizontal"),
     style: {
       right: gradientRight,
@@ -146,19 +139,19 @@ exports.ScrollGradient.propTypes = {
   /**
    * Provide the contents of the ScrollGradient.
    */
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]),
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /** @type {string} Fade out color. Any valid CSS color value works */
-  color: index["default"].string,
+  color: index.default.string,
   /** @type {(element: HTMLElement) => {}} Optional function to get reference to scrollable DOM element */
-  getScrollElementRef: index["default"].func,
+  getScrollElementRef: index.default.func,
   /** @type {boolean} Set to true if you want to hide gradient on the start side (top or left) of scrollable element. */
-  hideStartGradient: index["default"].bool,
+  hideStartGradient: index.default.bool,
   /** @type {Function} Optional scroll handler */
-  onScroll: index["default"].func,
+  onScroll: index.default.func,
   /** @type {string} Optional classname for scroll element. */
-  scrollElementClassName: index["default"].string
+  scrollElementClassName: index.default.string
 };

package/lib/components/ScrollGradient/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 

package/lib/components/SearchBar/SearchBar.d.ts

@@ -7,7 +7,7 @@
 import React, { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
 type Scopes = string[] | object[];
-interface SearchBarProps extends PropsWithChildren {
+export interface SearchBarProps extends PropsWithChildren {
     /** @type {string} Optional additional class name. */
     className?: string;
     /** @type {string} The label text for the search text input. */
@@ -17,7 +17,7 @@ interface SearchBarProps extends PropsWithChildren {
      */
     hideScopesLabel?: boolean;
     /** @type {string} The label text for the search text input. */
-    labelText?: string;
+    labelText: string;
     /** @type {Function} Function handler for when the user changes their query search. */
     onChange?: (event: any) => void;
     /** @type {Function} Function handler for when the user submits a search. */

package/lib/components/SearchBar/SearchBar.js

@@ -7,20 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "clearButtonLabelText", "hideScopesLabel", "labelText", "onChange", "onSubmit", "placeholderText", "scopes", "scopesTypeLabel", "scopeToString", "selectedScopes", "sortItems", "submitLabel", "translateWithId", "value"];
 
@@ -38,7 +31,7 @@ var defaults = {
   selectedScopes: [],
   hideScopesLabel: true
 };
-exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.SearchBar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     clearButtonLabelText = _ref.clearButtonLabelText,
     _ref$hideScopesLabel = _ref.hideScopesLabel,
@@ -130,27 +123,27 @@ exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (
     sortItems: sortItems,
     translateWithId: translateWithId
   };
-  return /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("form", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hide-scopes-label"), hideScopesLabel)),
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hide-scopes-label"), hideScopesLabel)),
     onSubmit: handleSubmit
-  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, _rollupPluginBabelHelpers["extends"]({}, multiSelectProps, {
+  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React.createElement(react.MultiSelect, _rollupPluginBabelHelpers.extends({}, multiSelectProps, {
     id: "".concat(blockClass, "__multi-select"),
     name: "search-scopes",
     className: "".concat(blockClass, "__scopes"),
     onChange: handleSearchScopeChange,
     size: "lg"
-  })) : null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  })) : null, /*#__PURE__*/React.createElement(react.Search, {
     className: "".concat(blockClass, "__input"),
     closeButtonLabelText: clearButtonLabelText,
-    labelText: labelText || '',
+    labelText: labelText,
     name: "search-input",
     onChange: handleInputChange,
     placeholder: placeholderText,
     value: text,
     size: "lg"
-  }), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), /*#__PURE__*/React.createElement(react.Button, {
     name: "search-submit",
     kind: "primary",
     type: "submit",
@@ -173,7 +166,7 @@ var conditionalScopePropValidator = function conditionalScopePropValidator(props
   for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
     rest[_key - 3] = arguments[_key];
   }
-  return index["default"].string.apply(index["default"], [props, propName, componentName].concat(rest));
+  return index.default.string.apply(index.default, [props, propName, componentName].concat(rest));
 };
 var deprecatedProps = {
   /**
@@ -181,7 +174,7 @@ var deprecatedProps = {
    *
    * Provide accessible label text for the scopes MultiSelect.
    */
-  titleText: index["default"].string
+  titleText: index.default.string
 };
 
 // The types and DocGen commentary for the component props,
@@ -189,48 +182,48 @@ var deprecatedProps = {
 // See https://www.npmjs.com/package/prop-types#usage.
 exports.SearchBar.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /** @type {string} Optional additional class name. */
-  className: index["default"].string,
+  className: index.default.string,
   /** @type {string} The label text for the search text input. */
-  clearButtonLabelText: index["default"].string.isRequired,
+  clearButtonLabelText: index.default.string.isRequired,
   /**
    * Whether or not the scopes MultiSelect label is visually hidden.
    */
-  hideScopesLabel: index["default"].bool,
+  hideScopesLabel: index.default.bool,
   /** @type {string} The label text for the search text input. */
-  labelText: index["default"].string,
+  labelText: index.default.string.isRequired,
   /** @type {Function} Function handler for when the user changes their query search. */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /** @type {Function} Function handler for when the user submits a search. */
-  onSubmit: index["default"].func,
+  onSubmit: index.default.func,
   /** @type {string} Placeholder text to be displayed in the search input. */
-  placeholderText: index["default"].string.isRequired,
+  placeholderText: index.default.string.isRequired,
   /** @type {Function} Function to get the text for each scope to display in dropdown. */
-  scopeToString: index["default"].func,
+  scopeToString: index.default.func,
   /** @type {Array<any>} Array of allowed search scopes. */
   /**@ts-ignore */
-  scopes: index["default"].arrayOf(index["default"].oneOfType([index["default"].string, index["default"].object])),
+  scopes: index.default.arrayOf(index.default.oneOfType([index.default.string, index.default.object])),
   /** @type {string} The name text for the search scope type. */
   // eslint-disable-next-line react/require-default-props
   scopesTypeLabel: conditionalScopePropValidator,
   /** @type {Array<any> Array of initially selected search scopes. */
   /**@ts-ignore */
-  selectedScopes: index["default"].arrayOf(index["default"].oneOfType([index["default"].string, index["default"].object])),
+  selectedScopes: index.default.arrayOf(index.default.oneOfType([index.default.string, index.default.object])),
   /**
    * Optional custom sorting algorithm for an array of scope items.
    * By default, scope items are sorted in ascending alphabetical order,
    * with "selected" items moved to the start of the scope items array.
    */
-  sortItems: index["default"].func,
+  sortItems: index.default.func,
   // eslint-disable-line react/require-default-props
 
   /** @type {string} The label text for the search submit button. */
-  submitLabel: index["default"].string.isRequired,
+  submitLabel: index.default.string.isRequired,
   /** @type {func} Callback function for translating MultiSelect's child ListBoxMenuIcon SVG title. */
-  translateWithId: index["default"].func,
+  translateWithId: index.default.func,
   // eslint-disable-line react/require-default-props
 
   /** @type {string} Search query value. */
-  value: index["default"].string
+  value: index.default.string
 }, deprecatedProps);
 
 exports.deprecatedProps = deprecatedProps;

package/lib/components/SearchBar/index.d.ts

@@ -1 +1,8 @@
-export { SearchBar } from "./SearchBar";
+/**
+ * Copyright IBM Corp. 2024, 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 { SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';

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

@@ -110,9 +110,14 @@ type SidePanelBaseProps = {
      */
     slideIn?: boolean;
     /**
+     * @deprecated please use the `aiLabel` prop
      *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
      */
     slug?: ReactNode;
+    /**
+     * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+     */
+    aiLabel?: ReactNode;
     /**
      * Sets the subtitle text
      */
@@ -143,7 +148,7 @@ type SidePanelSlideInProps = {
      */
     selectorPageContent: string;
 };
-type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
+export type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
 /**
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
  */