@carbon/ibm-products 2.54.0-canary.41 → 2.54.0-canary.43

package/es/components/EmptyStates/assets/ErrorIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/es/components/EmptyStates/assets/NoDataIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/es/components/EmptyStates/assets/NoTagsIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -6,11 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React__default, { useId } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../../settings.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -22,7 +21,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4();
+  var svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",

package/es/components/FullPageError/FullPageError.js

@@ -16,6 +16,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
+var _span;
 var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -42,20 +43,17 @@ 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"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
       })
     },
     404: {
       svg: /*#__PURE__*/React__default.createElement(Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
       })
     },
     custom: {
       svg: /*#__PURE__*/React__default.createElement(ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
       })
     }
   };
@@ -76,7 +74,9 @@ var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     className: "".concat(blockClass, "__title")
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(blockClass, "__label")
-  }, "\u21B3 ", label), /*#__PURE__*/React__default.createElement("span", null, title)), /*#__PURE__*/React__default.createElement("p", {
+  }, _span || (_span = /*#__PURE__*/React__default.createElement("span", {
+    "aria-hidden": "true"
+  }, "\u21B3 ")), label), /*#__PURE__*/React__default.createElement("span", null, title)), /*#__PURE__*/React__default.createElement("p", {
     className: "".concat(blockClass, "__description")
   }, description), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__body")

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/EmptyStates/assets/ErrorIllustration.js

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -26,7 +25,7 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/NoDataIllustration.js

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
 var _excluded = ["theme", "size", "alt"];
@@ -26,7 +25,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/NoTagsIllustration.js

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -26,7 +25,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",

package/lib/components/EmptyStates/assets/NotFoundIllustration.js

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
 var _excluded = ["theme", "size", "alt"];
@@ -26,7 +25,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/NotificationsIllustration.js

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -26,7 +25,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,

package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -14,7 +14,6 @@ var React = require('react');
 var index = require('../../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../../settings.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
 var _excluded = ["theme", "size", "alt"];
@@ -26,7 +25,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     size = _ref.size,
     alt = _ref.alt,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = uuidv4.default();
+  var svgId = React.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",

package/lib/components/FullPageError/FullPageError.js

@@ -18,6 +18,7 @@ var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
+var _span;
 var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -44,20 +45,17 @@ exports.FullPageError = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var errorData = {
     403: {
       svg: /*#__PURE__*/React.createElement(Error403SVG.Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
       })
     },
     404: {
       svg: /*#__PURE__*/React.createElement(Error404SVG.Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
       })
     },
     custom: {
       svg: /*#__PURE__*/React.createElement(ErrorGenericSVG.ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
-        title: title
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
       })
     }
   };
@@ -78,7 +76,9 @@ exports.FullPageError = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__title")
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__label")
-  }, "\u21B3 ", label), /*#__PURE__*/React.createElement("span", null, title)), /*#__PURE__*/React.createElement("p", {
+  }, _span || (_span = /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true"
+  }, "\u21B3 ")), label), /*#__PURE__*/React.createElement("span", null, title)), /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__description")
   }, description), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")

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

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

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

@@ -12,14 +12,13 @@ var index = require('../../../_virtual/index.js');
 
 var _g, _defs;
 var Error403SVG = function Error403SVG(_ref) {
-  var className = _ref.className,
-    title = _ref.title;
+  var className = _ref.className;
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 750 570",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": title
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg"
   }, _g || (_g = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_0_2401)"
   }, /*#__PURE__*/React.createElement("path", {
@@ -712,8 +711,7 @@ var Error403SVG = function Error403SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error403SVG.propTypes = {
-  className: index.propTypesExports.string,
-  title: index.propTypesExports.string
+  className: index.propTypesExports.string
 };
 
 exports.Error403SVG = Error403SVG;

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

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

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

@@ -12,14 +12,13 @@ var index = require('../../../_virtual/index.js');
 
 var _g, _defs;
 var Error404SVG = function Error404SVG(_ref) {
-  var className = _ref.className,
-    title = _ref.title;
+  var className = _ref.className;
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 751 549",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": title
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg"
   }, _g || (_g = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_0_2285)"
   }, /*#__PURE__*/React.createElement("path", {
@@ -621,8 +620,7 @@ var Error404SVG = function Error404SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error404SVG.propTypes = {
-  className: index.propTypesExports.string,
-  title: index.propTypesExports.string
+  className: index.propTypesExports.string
 };
 
 exports.Error404SVG = Error404SVG;

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

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

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

@@ -12,14 +12,13 @@ var index = require('../../../_virtual/index.js');
 
 var _g, _defs;
 var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
-  var className = _ref.className,
-    title = _ref.title;
+  var className = _ref.className;
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 750 506",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": title
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg"
   }, _g || (_g = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_203_144)"
   }, /*#__PURE__*/React.createElement("path", {
@@ -712,8 +711,7 @@ var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 ErrorGenericSVG.propTypes = {
-  className: index.propTypesExports.string,
-  title: index.propTypesExports.string
+  className: index.propTypesExports.string
 };
 
 exports.ErrorGenericSVG = ErrorGenericSVG;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.54.0-canary.41+9f31fc33e",
+  "version": "2.54.0-canary.43+3f45528cd",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "9f31fc33efd601a5ef50baebb998bafd6d568fe8"
+  "gitHead": "3f45528cd037c0232c2699c18d8bf63a5da8891b"
 }