@carbon/ibm-products 2.43.2-canary.25 → 2.43.2-canary.252

package/es/components/FullPageError/FullPageError.js

@@ -6,24 +6,21 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Grid, Column } from '@carbon/react';
 import React__default from 'react';
+import { Error403SVG } from './assets/Error403SVG.js';
+import { Error404SVG } from './assets/Error404SVG.js';
+import { ErrorGenericSVG } from './assets/ErrorGenericSVG.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { ErrorGenericSVG } from './assets/ErrorGenericSVG.js';
-import { Error404SVG } from './assets/Error404SVG.js';
-import { Error403SVG } from './assets/Error403SVG.js';
-import { Grid, Column } from '@carbon/react';
 
 var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--full-page-error");
 var componentName = 'FullPageError';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
 // Default values for props
 var defaults = {
   kind: 'custom'
@@ -45,17 +42,20 @@ var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   var errorData = {
     403: {
       svg: /*#__PURE__*/React__default.createElement(Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403"),
+        title: title
       })
     },
     404: {
       svg: /*#__PURE__*/React__default.createElement(Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
+        title: title
       })
     },
     custom: {
       svg: /*#__PURE__*/React__default.createElement(ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
+        title: title
       })
     }
   };

package/es/components/FullPageError/assets/Error403SVG.d.ts

@@ -1,9 +1,11 @@
-export function Error403SVG({ className }: {
+export function Error403SVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace Error403SVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';

package/es/components/FullPageError/assets/Error403SVG.js

@@ -10,12 +10,14 @@ import { p as propTypesExports } from '../../../node_modules/prop-types/index.js
 
 var _g, _defs;
 var Error403SVG = function Error403SVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 750 570",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": title
   }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
     clipPath: "url(#clip0_0_2401)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -708,7 +710,8 @@ var Error403SVG = function Error403SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error403SVG.propTypes = {
-  className: propTypesExports.string
+  className: propTypesExports.string,
+  title: propTypesExports.string
 };
 
 export { Error403SVG };

package/es/components/FullPageError/assets/Error404SVG.d.ts

@@ -1,9 +1,11 @@
-export function Error404SVG({ className }: {
+export function Error404SVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace Error404SVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';

package/es/components/FullPageError/assets/Error404SVG.js

@@ -10,12 +10,14 @@ import { p as propTypesExports } from '../../../node_modules/prop-types/index.js
 
 var _g, _defs;
 var Error404SVG = function Error404SVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 751 549",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": title
   }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
     clipPath: "url(#clip0_0_2285)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -617,7 +619,8 @@ var Error404SVG = function Error404SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error404SVG.propTypes = {
-  className: propTypesExports.string
+  className: propTypesExports.string,
+  title: propTypesExports.string
 };
 
 export { Error404SVG };

package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts

@@ -1,9 +1,11 @@
-export function ErrorGenericSVG({ className }: {
+export function ErrorGenericSVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace ErrorGenericSVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';

package/es/components/FullPageError/assets/ErrorGenericSVG.js

@@ -10,12 +10,14 @@ import { p as propTypesExports } from '../../../node_modules/prop-types/index.js
 
 var _g, _defs;
 var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 750 506",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": title
   }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
     clipPath: "url(#clip0_203_144)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -708,7 +710,8 @@ var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 ErrorGenericSVG.propTypes = {
-  className: propTypesExports.string
+  className: propTypesExports.string,
+  title: propTypesExports.string
 };
 
 export { ErrorGenericSVG };

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

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

package/es/components/GetStartedCard/GetStartedCard.d.ts

@@ -1,5 +1,63 @@
+/**
+ * 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.
+ */
+import React, { PropsWithChildren, ReactNode } from 'react';
+type MetaData = {
+    id?: string;
+    icon?: () => ReactNode;
+    iconDescription?: string;
+};
+export interface GetStartedCardProps extends PropsWithChildren {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Optional if the card should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Provides the action icon that's displayed at the footer of the card
+     */
+    footerActionIcon: React.ElementType;
+    /**
+     * Optional label for the top of the card
+     */
+    label?: ReactNode;
+    /**
+     * Optional media content like an image to be placed in the card
+     */
+    media?: ReactNode;
+    /**
+     * Icons that are displayed on the card showing the time and skill needed
+     */
+    metadata: readonly MetaData[];
+    /**
+     * Provides the callback for a clickable card
+     */
+    onClick?: () => void;
+    /**
+     * Provides the icon that's displayed at the top of the card
+     */
+    pictogram?: () => ReactNode;
+    /**
+     * Provides number for card for tasks in a sequential order
+     */
+    sequence?: number;
+    /**
+     * Provides the status that's displayed at the top of the card
+     */
+    status?: 'complete' | 'incomplete';
+    /**
+     * Title that's displayed at the top of the card
+     */
+    title?: ReactNode;
+}
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-export let GetStartedCard: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let GetStartedCard: React.ForwardRefExoticComponent<GetStartedCardProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/GetStartedCard/GetStartedCard.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
@@ -13,16 +13,14 @@ import { pkg } from '../../settings.js';
 import { Card } from '../Card/Card.js';
 
 var componentName = 'GetStartedCard';
-
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React__default.createElement(Card, _extends({
-    getStarted: true,
-    ref: ref
-  }, rest, getDevtoolsProps(componentName)));
+var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(Card, _extends({}, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    getStarted: true
+  }), getDevtoolsProps(componentName)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -40,11 +38,12 @@ GetStartedCard.propTypes = {
   /**
    * Provides the action icon that's displayed at the footer of the card
    */
+  /**@ts-ignore */
   footerActionIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Optional label for the top of the card
    */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
@@ -52,6 +51,7 @@ GetStartedCard.propTypes = {
   /**
    * Icons that are displayed on the card showing the time and skill needed
    */
+  /**@ts-ignore */
   metadata: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string,
     icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
@@ -64,6 +64,7 @@ GetStartedCard.propTypes = {
   /**
    * Provides the icon that's displayed at the top of the card
    */
+  /**@ts-ignore */
   pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Provides number for card for tasks in a sequential order
@@ -76,7 +77,7 @@ GetStartedCard.propTypes = {
   /**
    * Title that's displayed at the top of the card
    */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node])
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
 };
 
 export { GetStartedCard };

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

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

package/es/components/Guidebanner/Guidebanner.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface GuidebannerProps {
+export interface GuidebannerProps {
     /**
      * Provide the contents of the Guidebanner.
      * One or more GuidebannerElement components are required.
@@ -63,4 +63,3 @@ interface GuidebannerProps {
  * to introduce foundational concepts related to the page's content.
  */
 export declare let Guidebanner: React.ForwardRefExoticComponent<GuidebannerProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/Guidebanner/Guidebanner.js

@@ -6,16 +6,17 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Button, IconButton } from '@carbon/react';
+import { Idea, CaretLeft, CaretRight, Close } from '@carbon/react/icons';
 import React__default, { useRef, useState } from 'react';
+import { blue90, purple70 } from '../../node_modules/@carbon/colors/es/index.js';
+import { Carousel } from '../Carousel/Carousel.js';
+import '../Carousel/CarouselItem.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { blue90, purple70 } from '../../node_modules/@carbon/colors/es/index.js';
-import { Idea, CaretLeft, CaretRight, Close } from '@carbon/react/icons';
-import { Button, IconButton } from '@carbon/react';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
-import { Carousel } from '../Carousel/Carousel.js';
 
 var _CaretLeft, _CaretRight, _Close;
 var _excluded = ["children", "className", "collapsible", "onClose", "withLeftGutter", "closeIconDescription", "collapseButtonLabel", "expandButtonLabel", "nextIconDescription", "previousIconDescription", "title"];

package/es/components/Guidebanner/GuidebannerElement.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface GuidebannerElementProps {
+export interface GuidebannerElementProps {
     /**
      * An optional button can be rendered below the description.
      * This can be a link, button, Coachmark button, etc.
@@ -29,4 +29,3 @@ interface GuidebannerElementProps {
  * and acts as a container for a CarouselItem.
  */
 export declare let GuidebannerElement: React.ForwardRefExoticComponent<GuidebannerElementProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/Guidebanner/GuidebannerElementButton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface GuidebannerElementButtonProps {
+export interface GuidebannerElementButtonProps {
     /**
      * Provide the contents of the GuidebannerElementLink.
      */
@@ -27,5 +27,4 @@ interface GuidebannerElementButtonProps {
 /**
  * One of two buttons styled specifically for the GuidebannerElement.
  */
-export declare let GuidebannerElementButton: React.ForwardRefExoticComponent<GuidebannerElementButtonProps & React.RefAttributes<Button>>;
-export {};
+export declare let GuidebannerElementButton: React.ForwardRefExoticComponent<GuidebannerElementButtonProps & React.RefAttributes<any>>;

package/es/components/Guidebanner/GuidebannerElementButton.js

@@ -7,10 +7,10 @@
 
 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 cx from 'classnames';
 import { Button } from '@carbon/react';
 import { Crossroads } from '@carbon/react/icons';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 

package/es/components/Guidebanner/GuidebannerElementLink.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface GuidebannerElementLinkProps {
+export interface GuidebannerElementLinkProps {
     /**
      * Provide the contents of the GuidebannerElementLink.
      */
@@ -18,5 +18,4 @@ interface GuidebannerElementLinkProps {
 /**
  * A link styled specifically for the GuidebannerElement.
  */
-export declare let GuidebannerElementLink: React.ForwardRefExoticComponent<GuidebannerElementLinkProps & React.RefAttributes<Link>>;
-export {};
+export declare let GuidebannerElementLink: React.ForwardRefExoticComponent<GuidebannerElementLinkProps & React.RefAttributes<any>>;

package/es/components/Guidebanner/GuidebannerElementLink.js

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

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

@@ -1,4 +1,14 @@
-export { Guidebanner } from "./Guidebanner";
-export { GuidebannerElement } from "./GuidebannerElement";
-export { GuidebannerElementButton } from "./GuidebannerElementButton";
-export { GuidebannerElementLink } from "./GuidebannerElementLink";
+/**
+ * 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 { Guidebanner } from './Guidebanner';
+export { GuidebannerElement } from './GuidebannerElement';
+export { GuidebannerElementButton } from './GuidebannerElementButton';
+export { GuidebannerElementLink } from './GuidebannerElementLink';
+export type { GuidebannerProps } from './Guidebanner';
+export type { GuidebannerElementProps } from './GuidebannerElement';
+export type { GuidebannerElementButtonProps } from './GuidebannerElementButton';
+export type { GuidebannerElementLinkProps } from './GuidebannerElementLink';

package/es/components/HTTPErrors/HTTPError403/HTTPError403.js

@@ -40,10 +40,17 @@ var HTTPError403 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     title: title,
     links: links
   }), /*#__PURE__*/React__default.createElement(HTTPErrorSvg403, {
-    className: "".concat(blockClass, "__image")
+    className: "".concat(blockClass, "__image"),
+    title: title
   }));
 });
 
+/**@ts-ignore*/
+HTTPError403.deprecated = {
+  level: 'warn',
+  details: "Please replace ".concat(componentName, " with FullPageError")
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 HTTPError403 = pkg.checkComponentEnabled(HTTPError403, componentName);
 

package/es/components/HTTPErrors/HTTPError404/HTTPError404.js

@@ -40,10 +40,17 @@ var HTTPError404 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     title: title,
     links: links
   }), /*#__PURE__*/React__default.createElement(HTTPErrorSvg404, {
-    className: "".concat(blockClass, "__image")
+    className: "".concat(blockClass, "__image"),
+    title: title
   }));
 });
 
+/**@ts-ignore*/
+HTTPError404.deprecated = {
+  level: 'warn',
+  details: "Please replace ".concat(componentName, " with FullPageError")
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 HTTPError404 = pkg.checkComponentEnabled(HTTPError404, componentName);
 

package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js

@@ -40,10 +40,17 @@ var HTTPErrorOther = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     title: title,
     links: links
   }), /*#__PURE__*/React__default.createElement(HTTPErrorSvgOther, {
+    title: title,
     className: "".concat(blockClass, "__image")
   }));
 });
 
+/**@ts-ignore*/
+HTTPErrorOther.deprecated = {
+  level: 'warn',
+  details: "Please replace ".concat(componentName, " with FullPageError")
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 HTTPErrorOther = pkg.checkComponentEnabled(HTTPErrorOther, componentName);
 

package/es/components/HTTPErrors/assets/HTTPErrorSvg403.d.ts

@@ -1,9 +1,11 @@
-export function HTTPErrorSvg403({ className }: {
+export function HTTPErrorSvg403({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace HTTPErrorSvg403 {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';