@carbon/ibm-products 2.43.2-canary.31 → 2.43.2-canary.317

package/es/components/UserAvatar/UserAvatar.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
@@ -26,42 +26,23 @@ var componentName = 'UserAvatar';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-// Default values can be included here and then assigned to the prop params,
-// e.g. prop = defaults.prop,
-// This gathers default values together neatly and ensures non-primitive
-// values are initialized early to avoid react making unnecessary re-renders.
-// Note that default values are not required for props that are 'required',
-// nor for props where the component can apply undefined values reasonably.
-// Default values should be provided when the component needs to make a choice
-// or assumption when a prop is not supplied.
-
-// Default values for props
-// const defaults = {
-//   /* TODO: add defaults for relevant props if needed */
-// };
-
 /**
  * TODO: A description of the component.
  */
 
-var defaults = {
-  size: 'md',
-  tooltipAlignment: 'bottom',
-  backgroundColor: 'order-1-cyan'
-};
 var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? defaults.backgroundColor : _ref$backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? 'order-1-cyan' : _ref$backgroundColor,
     className = _ref.className,
     image = _ref.image,
     imageDescription = _ref.imageDescription,
     name = _ref.name,
     RenderIcon = _ref.renderIcon,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? defaults.size : _ref$size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
     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 = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
   var iconSize = {
@@ -72,7 +53,7 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   };
   var formatInitials = function formatInitials() {
     var _ref2;
-    var parts = name.split(' ');
+    var parts = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
     var firstChar = parts[0].charAt(0).toUpperCase();
     var secondChar = parts[0].charAt(1).toUpperCase();
     if (parts.length === 1) {
@@ -142,7 +123,8 @@ UserAvatar.displayName = componentName;
 // See https://www.npmjs.com/package/prop-types#usage.
 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: PropTypes.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']),
   /**
@@ -152,10 +134,12 @@ UserAvatar.propTypes = {
   /**
    * When passing the image prop, supply a full path to the image to be displayed.
    */
+  /**@ts-ignore */
   image: PropTypes.string,
   /**
    * When passing the image prop use the imageDescription prop to describe the image for screen reader.
    */
+  /**@ts-ignore */
   imageDescription: PropTypes.string.isRequired.if(function (_ref3) {
     var image = _ref3.image;
     return !!image;
@@ -167,7 +151,8 @@ UserAvatar.propTypes = {
   /**
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  /**@ts-ignore */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),
   /**
    * Set the size of the avatar circle
    */

package/es/components/UserProfileImage/UserProfileImage.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React from 'react';
-import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 import '../../global/js/utils/props-helper';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
 import { IconButton } from '@carbon/react';
+import React from 'react';
 type imageProps = {
     /**
      * When passing the image prop, supply a full path to the image to be displayed.
@@ -25,7 +25,7 @@ type imageProps = {
 type UserProfileImageBaseProps = {
     /**
      * The background color passed should match one of the background colors in the library documentation:
-     * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
+     * https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
      */
     backgroundColor?: string;
     /**
@@ -61,7 +61,7 @@ type UserProfileImageBaseProps = {
      */
     tooltipText?: string;
 };
-type UserProfileImageProps = UserProfileImageBaseProps & imageProps;
+export type UserProfileImageProps = UserProfileImageBaseProps & imageProps;
 /**
  * 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.
  */

package/es/components/UserProfileImage/UserProfileImage.js

@@ -6,17 +6,18 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../global/js/utils/props-helper.js';
+import { User, Group } from '@carbon/react/icons';
+import { usePrefix, Tooltip } from '@carbon/react';
+import PropTypes from '../../_virtual/index.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
-import { User, Group } from '@carbon/react/icons';
-import { usePrefix, Tooltip } from '@carbon/react';
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
 var _excluded = ["backgroundColor", "className", "kind", "icon", "initials", "image", "imageDescription", "size", "theme", "tooltipText", "tooltipAlignment"];
+
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--user-profile-image");
 var componentName = 'UserProfileImage';
@@ -135,7 +136,7 @@ UserProfileImage.displayName = componentName;
 UserProfileImage.propTypes = {
   /**
    * The background color passed should match one of the background colors in the library documentation:
-   * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
+   * https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
    */
   backgroundColor: PropTypes.oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
   /**

package/es/components/UserProfileImage/index.d.ts

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

package/es/components/WebTerminal/WebTerminal.d.ts

@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { PropsWithChildren, ReactNode } from 'react';
 import { OverflowMenuItem } from '@carbon/react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 interface Action {
     renderIcon: () => void;
     onClick: () => void;
     iconDescription: string;
 }
-interface WebTerminalProps extends PropsWithChildren {
+export interface WebTerminalProps extends PropsWithChildren {
     /**
      * Provide your own terminal component as children to show up in the web terminal
      */
-    children: ReactNode | ReactNode[];
+    children: ReactNode;
     /**
      * An array of actions to be displayed in the web terminal header bar
      */
@@ -32,7 +32,7 @@ interface WebTerminalProps extends PropsWithChildren {
     /**
      * 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
      */
-    documentationLinks?: readonly OverflowMenuItem[];
+    documentationLinks?: readonly (typeof OverflowMenuItem)[];
     /**
      * Description for the documentation link overflow menu tooltip
      */

package/es/components/WebTerminal/WebTerminal.js

@@ -5,16 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { OverflowMenuItem, OverflowMenu, Button, Theme } from '@carbon/react';
+import { Help, Close } from '@carbon/react/icons';
 import React__default, { useState, useMemo, useEffect } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import { pkg } from '../../settings.js';
-import { Help, Close } from '@carbon/react/icons';
-import { OverflowMenu, OverflowMenuItem, Button, Theme } from '@carbon/react';
+import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { moderate02 } from '@carbon/motion';
+import { pkg } from '../../settings.js';
+import usePrefersReducedMotion from '../../global/js/hooks/usePrefersReducedMotion.js';
 import { useWebTerminal } from './hooks/index.js';
-import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 
 var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen", "webTerminalAriaLabel"];
 
@@ -56,10 +57,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     shouldRender = _useState2[0],
     setRender = _useState2[1];
-  var _ref2 = window && window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : {
-      matches: true
-    },
-    prefersReducedMotion = _ref2.matches;
+  var shouldReduceMotion = usePrefersReducedMotion();
   var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(moderate02);
   var showDocumentationLinks = useMemo(function () {
     return documentationLinks.length > 0;
@@ -92,7 +90,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       If the user prefers reduced motion, we have to manually set render to false
       because onAnimationEnd will never be called.
     */
-    if (prefersReducedMotion) {
+    if (shouldReduceMotion) {
       setRender(false);
     }
     closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
@@ -101,7 +99,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     ref: ref,
     className: cx([blockClass, className, _defineProperty(_defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
     style: {
-      animation: !prefersReducedMotion ? webTerminalAnimationName : ''
+      animation: !shouldReduceMotion ? webTerminalAnimationName : ''
     },
     onAnimationEnd: onAnimationEnd
   }), /*#__PURE__*/React__default.createElement("header", {
@@ -119,15 +117,15 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     "aria-label": documentationLinksIconDescription,
     menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
     size: "lg"
-  }, documentationLinks.map(function (_ref4, i) {
-    var rest = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+  }, documentationLinks.map(function (_ref3, i) {
+    var rest = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
     return /*#__PURE__*/React__default.createElement(OverflowMenuItem, _extends({
       key: i
     }, rest));
-  })), actions.map(function (_ref5) {
-    var renderIcon = _ref5.renderIcon,
-      onClick = _ref5.onClick,
-      iconDescription = _ref5.iconDescription;
+  })), actions.map(function (_ref4) {
+    var renderIcon = _ref4.renderIcon,
+      onClick = _ref4.onClick,
+      iconDescription = _ref4.iconDescription;
     return /*#__PURE__*/React__default.createElement(Button, {
       key: iconDescription,
       hasIconOnly: true,

package/es/components/WebTerminal/WebTerminalContentWrapper.d.ts

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface WebTerminalContentWrapperProps {
+export interface WebTerminalContentWrapperProps {
     /**
      * Pass in content as children.
      */
-    children: ReactNode | ReactNode[];
+    children: ReactNode;
 }
 export declare let WebTerminalContentWrapper: React.ForwardRefExoticComponent<WebTerminalContentWrapperProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/WebTerminal/WebTerminalContentWrapper.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { useWebTerminal } from './hooks/index.js';

package/es/components/WebTerminal/hooks/index.js

@@ -7,7 +7,7 @@
 
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useCallback, useContext, createContext } from 'react';
-import PropTypes from '../../../node_modules/prop-types/index.js';
+import PropTypes from '../../../_virtual/index.js';
 import { pkg } from '../../../settings.js';
 
 var WebTerminalContext = /*#__PURE__*/createContext({});

package/es/components/WebTerminal/index.d.ts

@@ -1,3 +1,11 @@
-export { WebTerminal } from "./WebTerminal";
-export { WebTerminalContentWrapper } from "./WebTerminalContentWrapper";
-export { useWebTerminal, WebTerminalProvider } from "./hooks";
+/**
+ * Copyright IBM Corp. 2020, 2022
+ *
+ * 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 { WebTerminal } from './WebTerminal';
+export { WebTerminalContentWrapper } from './WebTerminalContentWrapper';
+export { useWebTerminal, WebTerminalProvider } from './hooks';
+export type { WebTerminalProps } from './WebTerminal';
+export type { WebTerminalContentWrapperProps } from './WebTerminalContentWrapper';

package/es/components/_Canary/Canary.d.ts

@@ -2,11 +2,12 @@ export function Canary({ className, componentName, ...rest }: {
     [x: string]: any;
     className: any;
     componentName: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace Canary {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
         let componentName: PropTypes.Validator<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/_Canary/Canary.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import pkg from '../../global/js/package-settings.js';
 import { CodeSnippet } from '@carbon/react';

package/es/components/index.d.ts

@@ -1,72 +1,73 @@
-export { AboutModal } from "./AboutModal";
-export { APIKeyModal } from "./APIKeyModal";
-export { Cascade } from "./Cascade";
-export { CreateModal } from "./CreateModal";
-export { CreateSidePanel } from "./CreateSidePanel";
-export { CreateTearsheetNarrow } from "./CreateTearsheetNarrow";
-export { ExportModal } from "./ExportModal";
-export { ExpressiveCard } from "./ExpressiveCard";
-export { ImportModal } from "./ImportModal";
-export { MultiAddSelect } from "./MultiAddSelect";
-export { NotificationsPanel } from "./NotificationsPanel";
-export { PageHeader } from "./PageHeader";
-export { ProductiveCard } from "./ProductiveCard";
-export { RemoveModal } from "./RemoveModal";
-export { Saving } from "./Saving";
-export { SidePanel } from "./SidePanel";
-export { SingleAddSelect } from "./SingleAddSelect";
-export { StatusIcon } from "./StatusIcon";
-export { TagSet } from "./TagSet";
-export { UserProfileImage } from "./UserProfileImage";
-export { EditSidePanel } from "./EditSidePanel";
-export { OptionsTile } from "./OptionsTile";
-export { EditInPlace } from "./EditInPlace";
-export { DataSpreadsheet } from "./DataSpreadsheet";
-export { EditTearsheetNarrow } from "./EditTearsheetNarrow";
-export { EditFullPage } from "./EditFullPage";
-export { EditUpdateCards } from "./EditUpdateCards";
-export { Checklist } from "./Checklist";
-export { Coachmark } from "./Coachmark";
-export { CoachmarkBeacon } from "./CoachmarkBeacon";
-export { CoachmarkButton } from "./CoachmarkButton";
-export { CoachmarkFixed } from "./CoachmarkFixed";
-export { CoachmarkOverlayElement } from "./CoachmarkOverlayElement";
-export { CoachmarkOverlayElements } from "./CoachmarkOverlayElements";
-export { CoachmarkStack } from "./CoachmarkStack";
-export { NonLinearReading } from "./NonLinearReading";
-export { BigNumbers } from "./BigNumbers";
-export { TruncatedList } from "./TruncatedList";
-export { InterstitialScreen } from "./InterstitialScreen";
-export { InterstitialScreenView } from "./InterstitialScreenView";
-export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
-export { DelimitedList } from "./DelimitedList";
-export { Decorator } from "./Decorator";
-export { DecoratorLink } from "./DecoratorLink";
-export { DecoratorSingleButton } from "./DecoratorSingleButton";
-export { DecoratorDualButton } from "./DecoratorDualButton";
-export { FullPageError } from "./FullPageError";
-export { SearchBar } from "./SearchBar";
-export { Nav } from "./Nav";
-export { StringFormatter } from "./StringFormatter";
-export { UserAvatar } from "./UserAvatar";
-export { ScrollGradient } from "./ScrollGradient";
-export { TagOverflow } from "./TagOverflow";
-export { ActionBar } from "./ActionBar";
-export { ConditionBuilder } from "./ConditionBuilder";
-export { GetStartedCard } from "./GetStartedCard";
-export { ComboButton, ComboButtonItem } from "./ComboButton";
-export { CreateFullPage, CreateFullPageStep } from "./CreateFullPage";
-export { CreateTearsheet, CreateTearsheetStep, CreateTearsheetDivider } from "./CreateTearsheet";
-export { EmptyState, EmptyStateV2, ErrorEmptyState, NoDataEmptyState, NoTagsEmptyState, NotFoundEmptyState, NotificationsEmptyState, UnauthorizedEmptyState } from "./EmptyStates";
-export { HTTPError403, HTTPError404, HTTPErrorOther } from "./HTTPErrors";
-export { Tearsheet, TearsheetNarrow } from "./Tearsheet";
-export { Toolbar, ToolbarButton, ToolbarGroup } from "./Toolbar";
-export { WebTerminal, WebTerminalContentWrapper, useWebTerminal, WebTerminalProvider } from "./WebTerminal";
-export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnCenterAlign, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit, useFiltering, getAutoSizedColumnWidth, useFilterContext, useEditableCell } from "./Datagrid";
-export { EditTearsheet, EditTearsheetForm } from "./EditTearsheet";
-export { Guidebanner, GuidebannerElement, GuidebannerElementButton, GuidebannerElementLink } from "./Guidebanner";
-export { InlineTip, InlineTipButton, InlineTipLink } from "./InlineTip";
-export { DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow } from "./DescriptionList";
-export { StatusIndicator, StatusIndicatorStep } from "./StatusIndicator";
-export { FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel, FilterPanelSearch } from "./FilterPanel";
-export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from "./FeatureFlags";
+import '../feature-flags';
+export * from './AboutModal';
+export * from './APIKeyModal';
+export * from './Cascade';
+export * from './ComboButton';
+export * from './CreateFullPage';
+export * from './CreateModal';
+export * from './CreateSidePanel';
+export * from './CreateTearsheet';
+export * from './CreateTearsheetNarrow';
+export * from './EmptyStates';
+export * from './ExportModal';
+export * from './ExpressiveCard';
+export * from './HTTPErrors';
+export * from './ImportModal';
+export * from './MultiAddSelect';
+export * from './NotificationsPanel';
+export * from './PageHeader';
+export * from './ProductiveCard';
+export * from './RemoveModal';
+export * from './Saving';
+export * from './SidePanel';
+export * from './SingleAddSelect';
+export * from './StatusIcon';
+export * from './TagSet';
+export * from './Tearsheet';
+export * from './Toolbar';
+export * from './UserProfileImage';
+export * from './WebTerminal';
+export * from './EditSidePanel';
+export * from './OptionsTile';
+export * from './EditInPlace';
+export * from './DataSpreadsheet';
+export * from './Datagrid';
+export * from './EditTearsheet';
+export * from './EditTearsheetNarrow';
+export * from './EditFullPage';
+export * from './EditUpdateCards';
+export * from './Checklist';
+export { Coachmark } from './Coachmark';
+export * from './CoachmarkBeacon';
+export * from './CoachmarkButton';
+export * from './CoachmarkFixed';
+export * from './CoachmarkOverlayElement';
+export * from './CoachmarkOverlayElements';
+export * from './CoachmarkStack';
+export * from './Guidebanner';
+export * from './InlineTip';
+export * from './NonLinearReading';
+export * from './BigNumbers';
+export * from './TruncatedList';
+export * from './InterstitialScreen';
+export * from './InterstitialScreenView';
+export * from './InterstitialScreenViewModule';
+export * from './DelimitedList';
+export * from './Decorator';
+export * from './DecoratorLink';
+export * from './DecoratorSingleButton';
+export * from './DecoratorDualButton';
+export * from './DescriptionList';
+export * from './FullPageError';
+export * from './SearchBar';
+export * from './Nav';
+export * from './StringFormatter';
+export * from './UserAvatar';
+export * from './ScrollGradient';
+export * from './StatusIndicator';
+export * from './TagOverflow';
+export { ActionBar } from './ActionBar';
+export * from './FilterPanel';
+export * from './ConditionBuilder';
+export * from './GetStartedCard';
+export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, } from './FeatureFlags';

package/es/global/js/hooks/useCreateComponentStepChange.d.ts

@@ -1,4 +1,4 @@
-export function useCreateComponentStepChange({ firstIncludedStep, lastIncludedStep, stepData, onPrevious, onNext, isSubmitDisabled, setCurrentStep, setIsSubmitting, setLoadingPrevious, loadingPrevious, onClose, onRequestSubmit, componentName, currentStep, backButtonText, cancelButtonText, submitButtonText, nextButtonText, isSubmitting, componentBlockClass, setCreateComponentActions, setModalIsOpen, }: {
+export function useCreateComponentStepChange({ firstIncludedStep, lastIncludedStep, stepData, onPrevious, onNext, isSubmitDisabled, setCurrentStep, setIsSubmitting, setLoadingPrevious, loadingPrevious, onClose, onRequestSubmit, componentName, currentStep, backButtonText, cancelButtonText, submitButtonText, nextButtonText, isSubmitting, componentBlockClass, setCreateComponentActions, setModalIsOpen, experimentalSecondarySubmit, experimentalSecondarySubmitText, }: {
     firstIncludedStep: any;
     lastIncludedStep: any;
     stepData: any;
@@ -21,4 +21,6 @@ export function useCreateComponentStepChange({ firstIncludedStep, lastIncludedSt
     componentBlockClass: any;
     setCreateComponentActions: any;
     setModalIsOpen: any;
+    experimentalSecondarySubmit: any;
+    experimentalSecondarySubmitText: any;
 }): void;

package/es/global/js/hooks/useCreateComponentStepChange.js

@@ -32,7 +32,9 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
     isSubmitting = _ref.isSubmitting,
     componentBlockClass = _ref.componentBlockClass,
     setCreateComponentActions = _ref.setCreateComponentActions,
-    setModalIsOpen = _ref.setModalIsOpen;
+    setModalIsOpen = _ref.setModalIsOpen,
+    experimentalSecondarySubmit = _ref.experimentalSecondarySubmit,
+    experimentalSecondarySubmitText = _ref.experimentalSecondarySubmitText;
   var continueToNextStep = useCallback(function () {
     setIsSubmitting(false);
     setCurrentStep(function (prev) {
@@ -212,6 +214,11 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
         return _ref5.apply(this, arguments);
       };
     }();
+    var handleExperimentalSecondarySubmit = function handleExperimentalSecondarySubmit() {
+      if (typeof (experimentalSecondarySubmit === null || experimentalSecondarySubmit === void 0 ? void 0 : experimentalSecondarySubmit.onClick) === 'function') {
+        experimentalSecondarySubmit.onClick();
+      }
+    };
     if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
       var buttons = [];
       if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1) {
@@ -232,6 +239,15 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
         } : onUnmount,
         kind: 'ghost'
       });
+      if (experimentalSecondarySubmitText && !(experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && experimentalSecondarySubmit.hideSecondarySubmit)) {
+        buttons.push({
+          key: 'create-action-button-experimentalSecondarySubmit',
+          label: experimentalSecondarySubmitText,
+          onClick: handleExperimentalSecondarySubmit,
+          kind: 'secondary',
+          disabled: experimentalSecondarySubmit === null || experimentalSecondarySubmit === void 0 ? void 0 : experimentalSecondarySubmit.disabled
+        });
+      }
       buttons.push({
         key: 'create-action-button-submit',
         label: currentStep < lastIncludedStep ? nextButtonText : submitButtonText,
@@ -243,7 +259,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       });
       setCreateComponentActions(buttons);
     }
-  }, [firstIncludedStep, lastIncludedStep, stepData, onNext, isSubmitDisabled, backButtonText, cancelButtonText, currentStep, onClose, nextButtonText, submitButtonText, onRequestSubmit, isSubmitting, componentBlockClass, componentName, continueToNextStep, setCurrentStep, setCreateComponentActions, setIsSubmitting, setModalIsOpen, moveToPreviousStep, onPrevious, setLoadingPrevious, loadingPrevious]);
+  }, [firstIncludedStep, lastIncludedStep, stepData, onNext, isSubmitDisabled, backButtonText, cancelButtonText, currentStep, onClose, nextButtonText, submitButtonText, onRequestSubmit, isSubmitting, componentBlockClass, componentName, continueToNextStep, setCurrentStep, setCreateComponentActions, setIsSubmitting, setModalIsOpen, moveToPreviousStep, onPrevious, setLoadingPrevious, loadingPrevious, experimentalSecondarySubmit, experimentalSecondarySubmitText]);
 };
 
 export { useCreateComponentStepChange };

package/es/global/js/hooks/useFocus.d.ts

@@ -1,13 +1,14 @@
+export function getSpecificElement(parentEl: any, elementId: any): any;
 export function useFocus(modalRef: any, selectorPrimaryFocus: any): {
     firstElement: any;
     lastElement: any;
     allElements: any;
     specifiedElement: any;
-    keyDownListener: (event: any) => void;
+    keyDownListener: (event: any) => Promise<void>;
     getFocusable: () => {
         first: any;
         last: any;
         all: any;
-        specifiedElement: any;
+        specified: any;
     };
 };