@carbon/ibm-products 2.43.2-canary.15 → 2.43.2-canary.152

package/lib/components/InlineTip/InlineTip.js

@@ -10,16 +10,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
+var icons = require('@carbon/react/icons');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
+var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
 var cx = require('classnames');
 var utils = require('./utils.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
-var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/InlineTip/InlineTipButton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface InlineTipButtonProps {
+export interface InlineTipButtonProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -21,4 +21,3 @@ interface InlineTipButtonProps {
 export declare let InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/lib/components/InlineTip/InlineTipButton.js

@@ -11,9 +11,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var react = require('@carbon/react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
-var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 

package/lib/components/InlineTip/InlineTipLink.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-interface InlineTipLinkProps extends PropsWithChildren {
+export interface InlineTipLinkProps extends PropsWithChildren {
     /**
      * Provide the contents of the InlineTipLink.
      */
@@ -19,4 +19,3 @@ interface InlineTipLinkProps extends PropsWithChildren {
  * This is a standard Carbon link, styled specifically for use inside InlineTip.
  */
 export declare let InlineTipLink: React.ForwardRefExoticComponent<InlineTipLinkProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/InlineTip/InlineTipLink.js

@@ -11,10 +11,10 @@ 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 cx = require('classnames');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 

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

@@ -1,3 +1,12 @@
-export { InlineTip } from "./InlineTip";
-export { InlineTipButton } from "./InlineTipButton";
-export { InlineTipLink } from "./InlineTipLink";
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * 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 { InlineTip } from './InlineTip';
+export { InlineTipButton } from './InlineTipButton';
+export { InlineTipLink } from './InlineTipLink';
+export type { InlineTipProps } from './InlineTip';
+export type { InlineTipButtonProps } from './InlineTipButton';
+export type { InlineTipLinkProps } from './InlineTipLink';

package/lib/components/InterstitialScreen/InterstitialScreen.d.ts

@@ -17,7 +17,7 @@ type Media = {
     render?: never;
     filePaths?: string[];
 });
-interface InterstitialScreenProps extends PropsWithChildren {
+export interface InterstitialScreenProps extends PropsWithChildren {
     /**
      * Provide the contents of the InterstitialScreen.
      */

package/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -10,16 +10,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
+var icons = require('@carbon/react/icons');
+var Carousel = require('../Carousel/Carousel.js');
+require('../Carousel/CarouselItem.js');
 var index = require('../../node_modules/prop-types/index.js');
+var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
+var lodash = require('lodash');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var lodash = require('lodash');
-var icons = require('@carbon/react/icons');
-var react = require('@carbon/react');
-var Carousel = require('../Carousel/Carousel.js');
-var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1,8 @@
-export { InterstitialScreen } from "./InterstitialScreen";
+/**
+ * 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 { InterstitialScreen } from './InterstitialScreen';
+export type { InterstitialScreenProps } from './InterstitialScreen';

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-interface InterstitialScreenViewProps extends PropsWithChildren {
+export interface InterstitialScreenViewProps extends PropsWithChildren {
     /**
      * Provide the contents of the InterstitialScreenView.
      */
@@ -23,4 +23,3 @@ interface InterstitialScreenViewProps extends PropsWithChildren {
  * 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/index.d.ts

@@ -1 +1,8 @@
-export { InterstitialScreenView } from "./InterstitialScreenView";
+/**
+ * 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 { InterstitialScreenView } from './InterstitialScreenView';
+export type { InterstitialScreenViewProps } from './InterstitialScreenView';

package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-interface InterstitialScreenViewModuleProps {
+export interface InterstitialScreenViewModuleProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -23,4 +23,3 @@ interface InterstitialScreenViewModuleProps {
  * View module to help in building interstitial screen views.
  */
 export declare let InterstitialScreenViewModule: React.ForwardRefExoticComponent<InterstitialScreenViewModuleProps & React.RefAttributes<HTMLElement>>;
-export {};

package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js

@@ -10,8 +10,8 @@
 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 React = require('react');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

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

@@ -1 +1,8 @@
-export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
+/**
+ * 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 { InterstitialScreenViewModule } from './InterstitialScreenViewModule';
+export type { InterstitialScreenViewModuleProps } from './InterstitialScreenViewModule';

package/lib/components/MultiAddSelect/MultiAddSelect.d.ts

@@ -28,7 +28,7 @@ type ItemType = {
     sortBy: string[];
     filterBy: string[];
 };
-interface MultiAddSelectProps {
+export interface MultiAddSelectProps {
     /**
      * optional class name
      */

package/lib/components/MultiAddSelect/MultiAddSelect.js

@@ -11,10 +11,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var AddSelect = require('../AddSelect/AddSelect.js');
 var index = require('../../node_modules/prop-types/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var AddSelect = require('../AddSelect/AddSelect.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

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

package/lib/components/Nav/NavItem.js

@@ -41,7 +41,7 @@ var defaults = {
 /**
  * Navigation item component.
  */
-var NavItem = function NavItem(_ref) {
+exports.NavItem = function NavItem(_ref) {
   var _ref$activeHref = _ref.activeHref,
     activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
@@ -60,11 +60,20 @@ var NavItem = function NavItem(_ref) {
     _ref$tabIndex = _ref.tabIndex,
     tabIndex = _ref$tabIndex === void 0 ? defaults.tabIndex : _ref$tabIndex,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    hrefHasDifferentHost = _useState2[0],
+    setHrefHasDifferentHost = _useState2[1];
+  React.useEffect(function () {
+    if ((href === null || href === void 0 ? void 0 : href.indexOf(window.location.host)) === -1) {
+      setHrefHasDifferentHost(true);
+    }
+  }, [href]);
   var internalId = React.useRef(uuidv4["default"]());
   var instanceId = "".concat(blockClass, "__").concat(internalId.current);
   var navItemId = id || instanceId;
   var isAbsoluteLink = new RegExp('^([a-z]+://|//)', 'i');
-  var externalLink = isAbsoluteLink.test(href) && href.indexOf(window.location.host) === -1;
+  var externalLink = isAbsoluteLink.test(href) && hrefHasDifferentHost;
   var linkClassName = "".concat(blockClass, "__link");
   var handleDisabled = function handleDisabled(action) {
     var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -98,12 +107,12 @@ var NavItem = function NavItem(_ref) {
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-NavItem.displayName = componentName;
+exports.NavItem.displayName = componentName;
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-NavItem.propTypes = {
+exports.NavItem.propTypes = {
   /**
    * Hypertext reference for active page.
    */
@@ -153,8 +162,10 @@ NavItem.propTypes = {
    */
   tabIndex: index["default"].number
 };
-var NavItem$1 = NavItem;
 
-exports.NavItem = NavItem;
+// Return a placeholder if not released and not enabled by feature flag
+exports.NavItem = settings.pkg.checkComponentEnabled(exports.NavItem, componentName);
+var NavItem = exports.NavItem;
+
 exports.blockClass = blockClass;
-exports["default"] = NavItem$1;
+exports["default"] = NavItem;

package/lib/components/Nav/NavList.js

@@ -39,7 +39,7 @@ var defaults = {
   icon: '',
   navigationItemTitle: ''
 };
-var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$activeHref = _ref.activeHref,
     activeHref = _ref$activeHref === void 0 ? defaults.activeHref : _ref$activeHref,
     _ref$children = _ref.children,
@@ -147,7 +147,7 @@ var NavList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
     role: "menu"
   }, newChildren));
 });
-NavList.propTypes = {
+exports.NavList.propTypes = {
   /** @type {string} Hypertext reference for active page. */
   activeHref: index.propTypesExports.string,
   /** @type {Node} Child elements. */
@@ -171,9 +171,11 @@ NavList.propTypes = {
   /** @type {string} Label of the list. */
   title: index.propTypesExports.string
 };
-NavList.displayName = componentName;
-var NavList$1 = NavList;
+exports.NavList.displayName = componentName;
+
+// Return a placeholder if not released and not enabled by feature flag
+exports.NavList = settings.pkg.checkComponentEnabled(exports.NavList, componentName);
+var NavList = exports.NavList;
 
-exports.NavList = NavList;
 exports.blockClass = blockClass;
-exports["default"] = NavList$1;
+exports["default"] = NavList;

package/lib/components/NonLinearReading/NonLinearReading.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { ReactNode } from 'react';
 type Theme = 'light' | 'dark';
-interface NonLinearReadingProps {
+export interface NonLinearReadingProps {
     /**
      * The keyword of the component appears as a pill.
      */

package/lib/components/NonLinearReading/NonLinearReading.js

@@ -11,12 +11,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var icons = require('@carbon/react/icons');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
-var icons = require('@carbon/react/icons');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

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

package/lib/components/NotificationsPanel/NotificationsPanel.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React from 'react';
 import { Link } from '@carbon/react';
+import React from 'react';
 interface Link {
     url: string;
     text: string;
@@ -21,7 +21,7 @@ interface Data {
     unread?: boolean;
     onNotificationClick?: () => void;
 }
-interface NotificationsPanelProps {
+export interface NotificationsPanelProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */

package/lib/components/NotificationsPanel/NotificationsPanel.js

@@ -10,16 +10,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
+var icons = require('@carbon/react/icons');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var utils = require('./utils.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
+var utils = require('./utils.js');
 var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
-var react = require('@carbon/react');
-var icons = require('@carbon/react/icons');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
 var NotificationsEmptyState = require('../EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js');

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

@@ -1 +1,8 @@
-export { NotificationsPanel } from "./NotificationsPanel";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * 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 { NotificationsPanel } from './NotificationsPanel';
+export type { NotificationsPanelProps } from './NotificationsPanel';

package/lib/components/OptionsTile/OptionsTile.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface OptionsTileProps {
+export interface OptionsTileProps {
     /**
      * Provide content to render as expandable OptionsTile. If no children
      * are present, the OptionsTile will render as its variant.
@@ -53,7 +53,7 @@ interface OptionsTileProps {
     /**
      * Define the size of the OptionsTile.
      */
-    size: 'lg' | 'xl';
+    size?: 'lg' | 'xl';
     /**
      * Optionally provide a text summarizing the current state of the content.
      */
@@ -76,4 +76,3 @@ interface OptionsTileProps {
     warnText?: string;
 }
 export declare let OptionsTile: React.ForwardRefExoticComponent<OptionsTileProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/OptionsTile/OptionsTile.js

@@ -10,15 +10,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var carbonMotion = require('@carbon/motion');
+var icons = require('@carbon/react/icons');
+var react = require('@carbon/react');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var icons = require('@carbon/react/icons');
-var carbonMotion = require('@carbon/motion');
+var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var useControllableState = require('../../global/js/hooks/useControllableState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -41,9 +42,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var carbonMotion__namespace = /*#__PURE__*/_interopNamespace(carbonMotion);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var carbonMotion__namespace = /*#__PURE__*/_interopNamespace(carbonMotion);
 
 var _Locked;
 var _excluded = ["children", "className", "enabled", "invalid", "invalidText", "locked", "lockedText", "onChange", "onToggle", "open", "size", "summary", "title", "titleId", "warn", "warnText"];
@@ -99,9 +100,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
   var isInvalid = invalid;
   var isWarn = !isInvalid && warn;
   var isLocked = !isInvalid && !isWarn && locked;
-  var reducedMotion = window && window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : {
-    matches: true
-  };
+  var shouldReduceMotion = usePrefersReducedMotion["default"]();
   if (open !== prevIsOpen) {
     if (isOpen && !open) {
       collapse();
@@ -111,7 +110,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     setPrevIsOpen(open);
   }
   function expand() {
-    if (detailsRef.current && contentRef.current && !reducedMotion.matches) {
+    if (detailsRef.current && contentRef.current && !shouldReduceMotion) {
       setIsOpen(true);
       detailsRef.current.open = true;
       var _getComputedStyle = getComputedStyle(contentRef.current),
@@ -140,7 +139,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     }
   }
   function collapse() {
-    if (contentRef.current && !reducedMotion.matches) {
+    if (contentRef.current && !shouldReduceMotion) {
       setClosing(true);
       var _getComputedStyle2 = getComputedStyle(contentRef.current),
         paddingTop = _getComputedStyle2.paddingTop,
@@ -192,6 +191,12 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     var Icon = null;
     var text = summary;
     var summaryClasses = ["".concat(blockClass, "__summary")];
+    if (closing) {
+      summaryClasses.push("".concat(blockClass, "__summary--closing"));
+    }
+    if (isOpen) {
+      summaryClasses.push("".concat(blockClass, "__summary--open"));
+    }
     if (invalid) {
       Icon = icons.WarningFilled;
       text = invalidText;
@@ -255,7 +260,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     onClick: toggle
   }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
     size: 16,
-    className: "".concat(blockClass, "__chevron")
+    className: cx__default["default"]("".concat(blockClass, "__chevron"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__chevron--open"), isOpen), "".concat(blockClass, "__chevron--closing"), closing))
   }), renderTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef
@@ -327,7 +332,6 @@ exports.OptionsTile.propTypes = {
   /**
    * Define the size of the OptionsTile.
    */
-  /**@ts-ignore*/
   size: index["default"].oneOf(['lg', 'xl']),
   /**
    * Optionally provide a text summarizing the current state of the content.

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

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

package/lib/components/PageHeader/PageHeader.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { PropsWithChildren, ReactNode } from 'react';
 import { Tag } from '@carbon/react';
 import { ButtonProps, PopoverAlignment, TagProps } from '@carbon/type';
+import React, { PropsWithChildren, ReactNode } from 'react';
 interface ActionBarItem extends ButtonProps {
     iconDescription: string;
     onClick: () => void;
@@ -284,7 +284,7 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      */
     hasBackgroundAlways?: boolean;
 }
-type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
+export type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
 export declare let PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {
     /**

package/lib/components/PageHeader/PageHeader.js

@@ -10,19 +10,19 @@
 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 TagSet = require('../TagSet/TagSet.js');
 var layout = require('@carbon/layout');
-var cx = require('classnames');
-var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-var react = require('@carbon/react');
-var devtools = require('../../global/js/utils/devtools.js');
+var PageHeaderUtils = require('./PageHeaderUtils.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
-var settings = require('../../settings.js');
-var TagSet = require('../TagSet/TagSet.js');
 var icons = require('@carbon/react/icons');
-var PageHeaderUtils = require('./PageHeaderUtils.js');
 var PageHeaderTitle = require('./PageHeaderTitle.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 var useWindowScroll = require('../../global/js/hooks/useWindowScroll.js');
 var useWindowResize = require('../../global/js/hooks/useWindowResize.js');
 var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js');
@@ -36,6 +36,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
 var componentName = 'PageHeader';
+settings.pkg._silenceWarnings(true);
 settings.pkg.component.ActionBar = true;
 
 // Default values for props

package/lib/components/PageHeader/PageHeaderUtils.js

@@ -81,7 +81,7 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
 
     // The header offset calculation is either going to work out at 0 if we have no gap between scrolling container
     // top and the measuring ref top, or the difference between.
-    update.headerOffset = offsetMeasuringTop === 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
+    update.headerOffset = offsetMeasuringTop !== 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
 
     /* istanbul ignore next */
     update.breadcrumbRowHeight = breadcrumbRowEl ? breadcrumbRowEl.clientHeight : 0;

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

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

package/lib/components/ProductiveCard/ProductiveCard.d.ts

@@ -16,7 +16,7 @@ type overflowAction = {
 };
 type PlacementType = 'top' | 'bottom';
 type ClickZoneType = 'one' | 'two' | 'three';
-interface ProductiveCardProps extends PropsWithChildren {
+export interface ProductiveCardProps extends PropsWithChildren {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */
@@ -110,6 +110,10 @@ interface ProductiveCardProps extends PropsWithChildren {
      * Determines title size
      */
     titleSize?: 'default' | 'large';
+    /**
+     * Tooltip icon description
+     */
+    iconDescription?: string;
 }
 export declare let ProductiveCard: React.ForwardRefExoticComponent<ProductiveCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};