carbon-addons-iot-react 4.1.21 → 4.1.22

package/umd/carbon-addons-iot-react.js

@@ -14948,7 +14948,7 @@
 
   var _excluded$$ = ["header", "error", "sendingData", "children", "footer", "open", "className", "type", "onClose", "isFetchingData", "isFullScreen", "isLarge", "onSubmit", "iconDescription", "onClearError", "submitFailed", "invalid", "passiveModal", "testID", "testId", "selectorPrimaryFocus"];
   var iotPrefix$2q = settings.iotPrefix,
-    prefix$F = settings.prefix;
+    prefix$G = settings.prefix;
   var ComposedModalPropTypes = {
     /** Header Props
      * label: goes on top of the dialog
@@ -15112,8 +15112,8 @@
     React$1.useLayoutEffect(function () {
       if (modalRef.current && modalBodyRef.current) {
         var _modalRef$current$que, _modalRef$current$que2, _modalRef$current$que3, _modalRef$current$que4;
-        var headerHeight = (_modalRef$current$que = (_modalRef$current$que2 = modalRef.current.querySelector(".".concat(prefix$F, "--modal-header"))) === null || _modalRef$current$que2 === void 0 || (_modalRef$current$que2 = _modalRef$current$que2.getBoundingClientRect()) === null || _modalRef$current$que2 === void 0 ? void 0 : _modalRef$current$que2.height) !== null && _modalRef$current$que !== void 0 ? _modalRef$current$que : 0;
-        var footerHeight = (_modalRef$current$que3 = (_modalRef$current$que4 = modalRef.current.querySelector(".".concat(prefix$F, "--modal-footer"))) === null || _modalRef$current$que4 === void 0 || (_modalRef$current$que4 = _modalRef$current$que4.getBoundingClientRect()) === null || _modalRef$current$que4 === void 0 ? void 0 : _modalRef$current$que4.height) !== null && _modalRef$current$que3 !== void 0 ? _modalRef$current$que3 : 0;
+        var headerHeight = (_modalRef$current$que = (_modalRef$current$que2 = modalRef.current.querySelector(".".concat(prefix$G, "--modal-header"))) === null || _modalRef$current$que2 === void 0 || (_modalRef$current$que2 = _modalRef$current$que2.getBoundingClientRect()) === null || _modalRef$current$que2 === void 0 ? void 0 : _modalRef$current$que2.height) !== null && _modalRef$current$que !== void 0 ? _modalRef$current$que : 0;
+        var footerHeight = (_modalRef$current$que3 = (_modalRef$current$que4 = modalRef.current.querySelector(".".concat(prefix$G, "--modal-footer"))) === null || _modalRef$current$que4 === void 0 || (_modalRef$current$que4 = _modalRef$current$que4.getBoundingClientRect()) === null || _modalRef$current$que4 === void 0 ? void 0 : _modalRef$current$que4.height) !== null && _modalRef$current$que3 !== void 0 ? _modalRef$current$que3 : 0;
         setModalExtrasHeight(Math.floor(headerHeight + footerHeight));
       }
     }, [modalSize.height, modalBodySize.height]);
@@ -15142,7 +15142,7 @@
       buttonOnClick: onClose,
       iconDescription: iconDescription
     }, helpText ? /*#__PURE__*/React$1.createElement("p", {
-      className: "".concat(prefix$F, "--modal-content__text")
+      className: "".concat(prefix$G, "--modal-content__text")
     }, helpText) : null), children ? /*#__PURE__*/React$1.createElement(react.ModalBody, {
       ref: modalBodyRef,
       className: classnames(_defineProperty$c({}, "".concat(iotPrefix$2q, "--composed-modal__body--small-margin-bottom"), error)),
@@ -195508,7 +195508,7 @@ ${formatRule(Codicon.menuSubmenu)}
   function ownKeys$25(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$25(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$25(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$2o = settings.iotPrefix,
-    prefix$E = settings.prefix;
+    prefix$F = settings.prefix;
   var propTypes$2m = _objectSpread$23(_objectSpread$23({}, ComposedModal$1.propTypes), {}, {
     // eslint-disable-line react/forbid-foreign-prop-types
     /*
@@ -195595,7 +195595,7 @@ ${formatRule(Codicon.menuSubmenu)}
     };
     return /*#__PURE__*/React$1.createElement(ComposedModal$1, _extends$3({
       "data-testid": "".concat(testId, "--card-code-editor-modal"),
-      selectorPrimaryFocus: ".".concat(prefix$E, "--modal-header"),
+      selectorPrimaryFocus: ".".concat(prefix$F, "--modal-header"),
       className: classnames("".concat(iotPrefix$2o, "--editor"), _defineProperty$c({}, "".concat(iotPrefix$2o, "--editor__expanded"), isExpanded)),
       isLarge: true,
       header: {
@@ -197314,7 +197314,7 @@ ${formatRule(Codicon.menuSubmenu)}
   };
 
   var iotPrefix$2m = settings.iotPrefix,
-    prefix$D = settings.prefix;
+    prefix$E = settings.prefix;
 
   /**
    * Use this function to traverse the tree structure of a set of table rows using Depth-first search (DFS)
@@ -197394,7 +197394,7 @@ ${formatRule(Codicon.menuSubmenu)}
     }, typeof action.renderIcon === 'string' ? renderBundledIconUsingName(action.renderIcon, action.labelText) : /*#__PURE__*/React$1.createElement(action.renderIcon, {
       description: action.labelText
     }), /*#__PURE__*/React$1.createElement("div", {
-      className: "".concat(prefix$D, "--overflow-menu-options__option-content")
+      className: "".concat(prefix$E, "--overflow-menu-options__option-content")
     }, action.labelText)) : action.labelText;
   };
 
@@ -201271,7 +201271,7 @@ ${formatRule(Codicon.menuSubmenu)}
     }
     return i18nProp.replace('{n}', filterCount);
   };
-  var prefix$C = settings.prefix,
+  var prefix$D = settings.prefix,
     iotPrefix$2k = settings.iotPrefix;
   /* eslint-disable-next-line react/prop-types */
   var DefaultWrapper = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
@@ -201363,7 +201363,7 @@ ${formatRule(Codicon.menuSubmenu)}
       className: "".concat(iotPrefix$2k, "--filtertags-overflow-menu"),
       renderIcon: function renderIcon() {
         return /*#__PURE__*/React$1.createElement("div", {
-          className: "".concat(prefix$C, "--tag")
+          className: "".concat(prefix$D, "--tag")
         }, getFilterTagsOverflowText(overflowItems.length, filterTagsOverflowMenuText));
       },
       menuOptionsClass: "".concat(iotPrefix$2k, "--filtertags-overflow-items"),
@@ -201591,7 +201591,7 @@ ${formatRule(Codicon.menuSubmenu)}
   }
 
   var iotPrefix$2j = settings.iotPrefix,
-    prefix$B = settings.prefix;
+    prefix$C = settings.prefix;
   var SimplePaginationPropTypes = {
     /** current page number */
     page: PropTypes.number.isRequired,
@@ -201655,7 +201655,7 @@ ${formatRule(Codicon.menuSubmenu)}
       return onPage(page - 1);
     };
     return /*#__PURE__*/React$1.createElement("div", {
-      className: "".concat(iotPrefix$2j, "-simple-pagination-container ").concat(prefix$B, "--pagination--").concat(size),
+      className: "".concat(iotPrefix$2j, "-simple-pagination-container ").concat(prefix$C, "--pagination--").concat(size),
       "data-testid": testID || testId
     }, totalItems ? /*#__PURE__*/React$1.createElement("span", {
       className: "".concat(iotPrefix$2j, "-simple-pagination-page-label"),
@@ -201666,7 +201666,7 @@ ${formatRule(Codicon.menuSubmenu)}
       className: "".concat(iotPrefix$2j, "-simple-pagination-page-label"),
       maxpage: maxPage
     }, pageText ? "".concat(pageText, " ").concat(page) : pageOfPagesText(page, maxPage)), maxPage > 1 ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
-      className: hasPrev ? "".concat(prefix$B, "--pagination__button ").concat(prefix$B, "--pagination__button--backward ").concat(iotPrefix$2j, "-addons-simple-pagination-button") : "".concat(prefix$B, "--pagination__button ").concat(prefix$B, "--pagination__button--backward ").concat(iotPrefix$2j, "-addons-simple-pagination-button-disabled"),
+      className: hasPrev ? "".concat(prefix$C, "--pagination__button ").concat(prefix$C, "--pagination__button--backward ").concat(iotPrefix$2j, "-addons-simple-pagination-button") : "".concat(prefix$C, "--pagination__button ").concat(prefix$C, "--pagination__button--backward ").concat(iotPrefix$2j, "-addons-simple-pagination-button-disabled"),
       role: "button",
       tabIndex: hasPrev ? 0 : -1,
       onClick: hasPrev ? handlePrev : undefined,
@@ -201679,7 +201679,7 @@ ${formatRule(Codicon.menuSubmenu)}
       "aria-label": prevPageText,
       className: hasPrev ? "".concat(iotPrefix$2j, "-simple-pagination-caret") : "".concat(iotPrefix$2j, "-simple-pagination-caret-disabled")
     })), /*#__PURE__*/React$1.createElement("div", {
-      className: hasNext ? "".concat(prefix$B, "--pagination__button ").concat(prefix$B, "--pagination__button--forward ").concat(iotPrefix$2j, "-addons-simple-pagination-button") : "".concat(prefix$B, "--pagination__button ").concat(prefix$B, "--pagination__button--forward ").concat(iotPrefix$2j, "-addons-simple-pagination-button-disabled"),
+      className: hasNext ? "".concat(prefix$C, "--pagination__button ").concat(prefix$C, "--pagination__button--forward ").concat(iotPrefix$2j, "-addons-simple-pagination-button") : "".concat(prefix$C, "--pagination__button ").concat(prefix$C, "--pagination__button--forward ").concat(iotPrefix$2j, "-addons-simple-pagination-button-disabled"),
       role: "button",
       tabIndex: hasNext ? 0 : -1,
       onClick: hasNext ? handleNext : undefined,
@@ -210300,7 +210300,7 @@ ${formatRule(Codicon.menuSubmenu)}
 
   var _excluded$W = ["onClick", "testId", "className", "description", "isActive", "tooltipAlignment", "tooltipPosition", "langDir"];
   var iotPrefix$2d = settings.iotPrefix,
-    prefix$A = settings.prefix;
+    prefix$B = settings.prefix;
   var propTypes$2h = {
     onClick: PropTypes.func.isRequired,
     testId: PropTypes.string.isRequired,
@@ -210344,7 +210344,7 @@ ${formatRule(Codicon.menuSubmenu)}
       ref: function ref(node) {
         /* istanbul ignore else */
         if (node) {
-          var tooltip = node.querySelector(".".concat(prefix$A, "--assistive-text"));
+          var tooltip = node.querySelector(".".concat(prefix$B, "--assistive-text"));
           if (!tooltip) {
             return;
           }
@@ -210361,7 +210361,7 @@ ${formatRule(Codicon.menuSubmenu)}
           }
         }
       },
-      className: classnames("".concat(prefix$A, "--btn--icon-only"), "".concat(iotPrefix$2d, "--tooltip-svg-wrapper"), className, _defineProperty$c({}, "".concat(iotPrefix$2d, "--table-toolbar-button-active"), isActive)),
+      className: classnames("".concat(prefix$B, "--btn--icon-only"), "".concat(iotPrefix$2d, "--tooltip-svg-wrapper"), className, _defineProperty$c({}, "".concat(iotPrefix$2d, "--table-toolbar-button-active"), isActive)),
       kind: "icon-selection",
       onClick: onClick,
       iconDescription: description,
@@ -210499,7 +210499,7 @@ ${formatRule(Codicon.menuSubmenu)}
   function _callSuper$5(t, o, e) { return o = _getPrototypeOf$2(o), _possibleConstructorReturn$2(t, _isNativeReflectConstruct$6() ? Reflect.construct(o, e || [], _getPrototypeOf$2(t).constructor) : o.apply(t, e)); }
   function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function _isNativeReflectConstruct() { return !!t; })(); }
   var iotPrefix$2c = settings.iotPrefix,
-    prefix$z = settings.prefix;
+    prefix$A = settings.prefix;
   var getFilterForState = function getFilterForState(filters, col) {
     var appliedFilter = filters.find(function (i) {
       return i.columnId === col.id;
@@ -210526,7 +210526,7 @@ ${formatRule(Codicon.menuSubmenu)}
       });
       _defineProperty$c(_this, "updateDropdownHeight", function () {
         if (_this.rowRef.current) {
-          var tableContainer = _this.rowRef.current.closest(".".concat(prefix$z, "--data-table-content"));
+          var tableContainer = _this.rowRef.current.closest(".".concat(prefix$A, "--data-table-content"));
           var tableHead = _this.rowRef.current.closest("thead");
           if (tableContainer) {
             var _tableContainer$getBo = tableContainer.getBoundingClientRect(),
@@ -210807,7 +210807,7 @@ ${formatRule(Codicon.menuSubmenu)}
           // eslint-disable-line react/destructuring-assignment
           React$1.createElement("div", {
             role: "button",
-            className: classnames("".concat(prefix$z, "--list-box__selection"), _defineProperty$c({}, "".concat(iotPrefix$2c, "--clear-filters-button--disabled"), isDisabled)),
+            className: classnames("".concat(prefix$A, "--list-box__selection"), _defineProperty$c({}, "".concat(iotPrefix$2c, "--clear-filters-button--disabled"), isDisabled)),
             tabIndex: isDisabled ? '-1' : '0',
             onMouseDown: function onMouseDown(event) {
               return event.preventDefault();
@@ -211452,7 +211452,7 @@ ${formatRule(Codicon.menuSubmenu)}
     DESC: 'DESC',
     ASC: 'ASC'
   };
-  var prefix$y = settings.prefix,
+  var prefix$z = settings.prefix,
     iotPrefix$2b = settings.iotPrefix;
   var translationKeys = {
     iconDescription: 'carbon.table.header.icon.description'
@@ -211511,7 +211511,7 @@ ${formatRule(Codicon.menuSubmenu)}
       });
     }
     var rowSpan = (rowSpanProp !== null && rowSpanProp !== void 0 ? rowSpanProp : spanGroupRow) ? '2' : undefined;
-    var headerClassNames = classnames(headerClassName, _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$2b, "--table-header--span-group-row"), spanGroupRow), "".concat(prefix$y, "--table-sort__header--ai-label ").concat(prefix$y, "--table-sort__header--decorator"), colHasAILabel));
+    var headerClassNames = classnames(headerClassName, _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$2b, "--table-header--span-group-row"), spanGroupRow), "".concat(prefix$z, "--table-sort__header--ai-label ").concat(prefix$z, "--table-sort__header--decorator"), colHasAILabel));
     if (!isSortable) {
       return (
         /*#__PURE__*/
@@ -211525,13 +211525,13 @@ ${formatRule(Codicon.menuSubmenu)}
           ref: ref,
           style: thStyle
         }), /*#__PURE__*/React$1.createElement("div", {
-          className: "".concat(prefix$y, "--table-header-label-container")
+          className: "".concat(prefix$z, "--table-header-label-container")
         }, !hasTooltip ? /*#__PURE__*/React$1.createElement("span", {
-          className: "".concat(prefix$y, "--table-header-label")
+          className: "".concat(prefix$z, "--table-header-label")
         }, children) : children, colHasAILabel ? normalizedDecorator : ''))
       );
     }
-    var className = classnames(headerClassName, _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(prefix$y, "--table-sort"), true), "".concat(prefix$y, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), "".concat(prefix$y, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC));
+    var className = classnames(headerClassName, _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(prefix$z, "--table-sort"), true), "".concat(prefix$z, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), "".concat(prefix$z, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC));
     var ariaSort = !isSortHeader ? 'none' : sortDirections[sortDirection];
     var ButtonTag = hasMultiSort || hasOverflow ? "a" : "button";
     var buttonProps = hasMultiSort || hasOverflow ? _objectSpread$1T({
@@ -211554,9 +211554,9 @@ ${formatRule(Codicon.menuSubmenu)}
       style: thStyle,
       "data-testid": testId
     }, /*#__PURE__*/React$1.createElement(ButtonTag, buttonProps, !hasTooltip ? /*#__PURE__*/React$1.createElement("span", {
-      className: "".concat(prefix$y, "--table-header-label")
+      className: "".concat(prefix$z, "--table-header-label")
     }, children, " ") : children, sortDirection === sortStates.ASC ? /*#__PURE__*/React$1.createElement(iconsReact.ArrowUp, {
-      className: "".concat(prefix$y, "--table-sort__icon"),
+      className: "".concat(prefix$z, "--table-sort__icon"),
       "aria-label": t('carbon.table.header.icon.description', {
         header: children,
         sortDirection: sortDirection,
@@ -211564,7 +211564,7 @@ ${formatRule(Codicon.menuSubmenu)}
         sortStates: sortStates
       })
     }) : null, sortDirection === sortStates.DESC ? /*#__PURE__*/React$1.createElement(iconsReact.ArrowDown, {
-      className: "".concat(prefix$y, "--table-sort__icon"),
+      className: "".concat(prefix$z, "--table-sort__icon"),
       "aria-label": t('carbon.table.header.icon.description', {
         header: children,
         sortDirection: sortDirection,
@@ -211572,7 +211572,7 @@ ${formatRule(Codicon.menuSubmenu)}
         sortStates: sortStates
       })
     }) : null, /*#__PURE__*/React$1.createElement(iconsReact.ArrowsVertical, {
-      className: "".concat(prefix$y, "--table-sort__icon-unsorted"),
+      className: "".concat(prefix$z, "--table-sort__icon-unsorted"),
       "aria-label": t('carbon.table.header.icon.description', {
         header: children,
         sortDirection: sortDirection,
@@ -215578,7 +215578,7 @@ ${formatRule(Codicon.menuSubmenu)}
   function ownKeys$1P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$26 = settings.iotPrefix,
-    prefix$x = settings.prefix;
+    prefix$y = settings.prefix;
   var itemToString = function itemToString(key) {
     return function (item) {
       var _item$key;
@@ -215797,7 +215797,7 @@ ${formatRule(Codicon.menuSubmenu)}
       },
       buttonProps: {
         size: 'lg',
-        className: classnames("".concat(prefix$x, "--btn--icon-only"), "".concat(iotPrefix$26, "--tooltip-svg-wrapper"), "".concat(iotPrefix$26, "--table-toolbar__advanced-filters-button"), _defineProperty$c({}, "".concat(iotPrefix$26, "--table-toolbar-button-active"), advancedFilterFlyoutOpen)),
+        className: classnames("".concat(prefix$y, "--btn--icon-only"), "".concat(iotPrefix$26, "--tooltip-svg-wrapper"), "".concat(iotPrefix$26, "--table-toolbar__advanced-filters-button"), _defineProperty$c({}, "".concat(iotPrefix$26, "--table-toolbar-button-active"), advancedFilterFlyoutOpen)),
         onClick: onToggleAdvancedFilter,
         tooltipPosition: 'bottom'
       },
@@ -215938,7 +215938,7 @@ ${formatRule(Codicon.menuSubmenu)}
           defaultValue: filterState === null || filterState === void 0 || (_filterState$simple2 = filterState.simple) === null || _filterState$simple2 === void 0 ? void 0 : _filterState$simple2[column.id]
         }), filterState !== null && filterState !== void 0 && (_filterState$simple3 = filterState.simple) !== null && _filterState$simple3 !== void 0 && _filterState$simple3[column.id] ? /*#__PURE__*/React$1.createElement("div", {
           role: "button",
-          className: classnames("".concat(prefix$x, "--list-box__selection"), _defineProperty$c({}, "".concat(iotPrefix$26, "--clear-filters-button--disabled"), isDisabled)),
+          className: classnames("".concat(prefix$y, "--list-box__selection"), _defineProperty$c({}, "".concat(iotPrefix$26, "--clear-filters-button--disabled"), isDisabled)),
           tabIndex: isDisabled ? '-1' : '0',
           onClick: function onClick(event) {
             if (!isDisabled) {
@@ -218703,7 +218703,7 @@ ${formatRule(Codicon.menuSubmenu)}
   var RowActionsCell$1 = RowActionsCell;
 
   var _excluded$P = ["ariaLabel", "className", "children", "isExpanded", "onExpand", "expandIconDescription", "isSelected", "expandHeaderId", "rowId", "langDir"];
-  var prefix$w = settings.prefix,
+  var prefix$x = settings.prefix,
     iotPrefix$20 = settings.iotPrefix;
   var propTypes$26 = {
     /**
@@ -218763,20 +218763,20 @@ ${formatRule(Codicon.menuSubmenu)}
       rowId = _ref.rowId,
       langDir = _ref.langDir,
       rest = _objectWithoutProperties$3(_ref, _excluded$P);
-    var className = classnames(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(prefix$w, "--parent-row"), true), "".concat(prefix$w, "--expandable-row"), isExpanded), "".concat(prefix$w, "--data-table--selected"), isSelected), rowClassName);
+    var className = classnames(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(prefix$x, "--parent-row"), true), "".concat(prefix$x, "--expandable-row"), isExpanded), "".concat(prefix$x, "--data-table--selected"), isSelected), rowClassName);
     var previousValue = isExpanded ? 'collapsed' : undefined;
     return /*#__PURE__*/React$1.createElement("tr", _extends$3({}, rest, {
       className: className,
       "data-parent-row": true,
       "data-testid": "expand-row-".concat(rowId)
     }), /*#__PURE__*/React$1.createElement(react.TableCell, {
-      className: "".concat(prefix$w, "--table-expand"),
+      className: "".concat(prefix$x, "--table-expand"),
       "data-previous-value": previousValue,
       headers: expandHeaderId
     }, /*#__PURE__*/React$1.createElement(Button$2, {
       "aria-label": ariaLabel,
       testId: "expand-icon-button-".concat(rowId),
-      className: classnames("".concat(prefix$w, "--table-expand__button"), "".concat(iotPrefix$20, "--table-expand__button"), "".concat(iotPrefix$20, "--tooltip-svg-wrapper"), _defineProperty$c({}, "".concat(iotPrefix$20, "--table-expand__button--close"), isExpanded)),
+      className: classnames("".concat(prefix$x, "--table-expand__button"), "".concat(iotPrefix$20, "--table-expand__button"), "".concat(iotPrefix$20, "--tooltip-svg-wrapper"), _defineProperty$c({}, "".concat(iotPrefix$20, "--table-expand__button--close"), isExpanded)),
       onClick: onExpand,
       iconDescription: expandIconDescription,
       renderIcon: iconsReact.ChevronRight,
@@ -218951,7 +218951,7 @@ ${formatRule(Codicon.menuSubmenu)}
     }
   };
 
-  var prefix$v = settings.prefix,
+  var prefix$w = settings.prefix,
     iotPrefix$1_ = settings.iotPrefix;
   var propTypes$24 = {
     /** What column ordering is currently applied to the table */
@@ -219169,7 +219169,7 @@ ${formatRule(Codicon.menuSubmenu)}
     // if this a single hierarchy (i.e. only 1 level of nested children), do NOT show the gray offset
     var nestingOffset = hasRowNesting !== null && hasRowNesting !== void 0 && hasRowNesting.hasSingleNestedHierarchy ? 0 : hasRowSelection === 'single' ? nestingLevelPixels - singleSelectionIndicatorWidth : nestingLevelPixels;
     var rowSelectionCell = hasRowSelection === 'multi' ? /*#__PURE__*/React$1.createElement(react.TableCell, {
-      className: "".concat(prefix$v, "--checkbox-table-cell"),
+      className: "".concat(prefix$w, "--checkbox-table-cell"),
       key: "".concat(id, "-row-selection-cell"),
       onChange: isSelectable !== false ? function () {
         return onRowSelected(id, !isSelected);
@@ -219190,7 +219190,7 @@ ${formatRule(Codicon.menuSubmenu)}
       checked: isSelected,
       disabled: isSelectable === false
     }))) : hasRowSelection === 'single' && useRadioButtonSingleSelect ? /*#__PURE__*/React$1.createElement(react.TableCell, {
-      className: "".concat(prefix$v, "--radiobutton-table-cell"),
+      className: "".concat(prefix$w, "--radiobutton-table-cell"),
       key: "".concat(id, "-row-selection-cell"),
       onClick: function onClick(e) {
         return e.stopPropagation();
@@ -220158,7 +220158,7 @@ ${formatRule(Codicon.menuSubmenu)}
   var SkeletonRow$1 = SkeletonRow;
 
   var iotPrefix$1Z = settings.iotPrefix,
-    prefix$u = settings.prefix;
+    prefix$v = settings.prefix;
   var propTypes$22 = {
     /** The unique row id */
     id: PropTypes.string.isRequired,
@@ -220238,7 +220238,7 @@ ${formatRule(Codicon.menuSubmenu)}
         '--row-nesting-offset': "".concat(nestingOffset, "px")
       }
     }, (hasRowExpansion || hasRowNesting) && /*#__PURE__*/React$1.createElement(react.TableCell, {
-      className: "".concat(prefix$u, "--table-expand")
+      className: "".concat(prefix$v, "--table-expand")
     }), /*#__PURE__*/React$1.createElement(react.TableCell, {
       key: "".concat(tableId, "-").concat(id, "-row-load-more-cell"),
       colSpan: totalColumns,
@@ -221455,7 +221455,7 @@ ${formatRule(Codicon.menuSubmenu)}
     }
   };
 
-  var prefix$t = settings.prefix,
+  var prefix$u = settings.prefix,
     iotPrefix$1W = settings.iotPrefix;
 
   /**
@@ -221745,8 +221745,8 @@ ${formatRule(Codicon.menuSubmenu)}
        */
       function handleOverflowLiEnter(e) {
         var node = e.currentTarget;
-        var hyperLink = node.querySelector(".".concat(prefix$t, "--overflow-menu-options__btn"));
-        hyperLink.classList.add("".concat(prefix$t, "--breadcrumbmenu--on--row--dropping"));
+        var hyperLink = node.querySelector(".".concat(prefix$u, "--overflow-menu-options__btn"));
+        hyperLink.classList.add("".concat(prefix$u, "--breadcrumbmenu--on--row--dropping"));
         activeDropRowIdRef.current = node;
       }
 
@@ -221759,8 +221759,8 @@ ${formatRule(Codicon.menuSubmenu)}
         if (activeDropRowIdRef.current === node) {
           activeDropRowIdRef.current = null;
         }
-        var hyperLink = node.querySelector(".".concat(prefix$t, "--overflow-menu-options__btn"));
-        if (hyperLink) hyperLink.classList.remove("".concat(prefix$t, "--breadcrumbmenu--on--row--dropping"));
+        var hyperLink = node.querySelector(".".concat(prefix$u, "--overflow-menu-options__btn"));
+        if (hyperLink) hyperLink.classList.remove("".concat(prefix$u, "--breadcrumbmenu--on--row--dropping"));
       }
 
       /**
@@ -221778,8 +221778,8 @@ ${formatRule(Codicon.menuSubmenu)}
         var node = e.currentTarget;
         // To have breadcrumb leaf node as disabled by specfying isCurrentPage prop which adds the below class
         // and for the same page drop shouldn't be allowed hence the below condition
-        if (!node.classList.contains("".concat(prefix$t, "--breadcrumb-item--current"))) {
-          var link = node.querySelector(".".concat(prefix$t, "--link"));
+        if (!node.classList.contains("".concat(prefix$u, "--breadcrumb-item--current"))) {
+          var link = node.querySelector(".".concat(prefix$u, "--link"));
           var linkRect = link.getBoundingClientRect();
           // There is another way to have breadcrumb leaf node as disabled by not setting the href,
           // in any case it should be a enabled hyperlink to consider as drop target
@@ -221800,7 +221800,7 @@ ${formatRule(Codicon.menuSubmenu)}
               Object.assign(overlayRef.current.style, style);
               overlayRef.current.classList.add("".concat(iotPrefix$1W, "--breadcrumb-drop-node-overlay"));
             }
-            link.classList.add("".concat(prefix$t, "--row--on--link--dropping"));
+            link.classList.add("".concat(prefix$u, "--row--on--link--dropping"));
             activeDropRowIdRef.current = node;
           }
         }
@@ -221815,8 +221815,8 @@ ${formatRule(Codicon.menuSubmenu)}
         /* istanbul ignore else */
         if (activeDropRowIdRef.current === node) {
           activeDropRowIdRef.current = null;
-          var link = node.querySelector(".".concat(prefix$t, "--link"));
-          link.classList.remove("".concat(prefix$t, "--row--on--link--dropping"));
+          var link = node.querySelector(".".concat(prefix$u, "--link"));
+          link.classList.remove("".concat(prefix$u, "--row--on--link--dropping"));
           /* istanbul ignore else */
           if (overlayRef.current) {
             overlayRef.current.classList.remove("".concat(iotPrefix$1W, "--breadcrumb-drop-node-overlay"));
@@ -221832,7 +221832,7 @@ ${formatRule(Codicon.menuSubmenu)}
         var items = document.body.querySelectorAll(".breadcrumb--overflow-items");
         /* istanbul ignore else */
         if (items && items.length > 0) {
-          var listItems = items[0].querySelectorAll(".".concat(prefix$t, "--overflow-menu-options__option"));
+          var listItems = items[0].querySelectorAll(".".concat(prefix$u, "--overflow-menu-options__option"));
           listItems.forEach(function (li) {
             li.addEventListener('mouseenter', handleOverflowLiEnter);
             li.addEventListener('mouseleave', handleOverflowLiLeave);
@@ -221847,7 +221847,7 @@ ${formatRule(Codicon.menuSubmenu)}
         var items = document.body.querySelectorAll(".breadcrumb--overflow-items");
         /* istanbul ignore else */
         if (items && items.length > 0) {
-          var listItems = items[0].querySelectorAll(".".concat(prefix$t, "--overflow-menu-options__option"));
+          var listItems = items[0].querySelectorAll(".".concat(prefix$u, "--overflow-menu-options__option"));
           listItems.forEach(function (li) {
             li.removeEventListener('mouseenter', handleOverflowLiEnter);
             li.removeEventListener('mouseleave', handleOverflowLiLeave);
@@ -221860,7 +221860,7 @@ ${formatRule(Codicon.menuSubmenu)}
        */
       function addBreadcrumbEventListners() {
         // Nodes which are visible are selected using common class name
-        var elements = document.querySelectorAll(".".concat(prefix$t, "--breadcrumb-item"));
+        var elements = document.querySelectorAll(".".concat(prefix$u, "--breadcrumb-item"));
         elements.forEach(function (element) {
           element.addEventListener('mouseenter', handleEnterNode);
           element.addEventListener('mouseleave', handleLeaveNode);
@@ -221878,7 +221878,7 @@ ${formatRule(Codicon.menuSubmenu)}
        * Removes all the event listeners attached to breadcrumb nodes
        */
       function removeBreadcrumbEventListeners() {
-        var elements = document.querySelectorAll(".".concat(prefix$t, "--breadcrumb-item"));
+        var elements = document.querySelectorAll(".".concat(prefix$u, "--breadcrumb-item"));
         elements.forEach(function (element) {
           element.removeEventListener('mouseenter', handleEnterNode);
           element.removeEventListener('mouseleave', handleLeaveNode);
@@ -221928,7 +221928,7 @@ ${formatRule(Codicon.menuSubmenu)}
           removeBreadcrumbEventListeners();
           // removes style override of hyperlink on drop which was added on drag start
           // istanbul ignore else
-          if (activeDropRowIdRef.current && activeDropRowIdRef.current.children) activeDropRowIdRef.current.children[0].classList.remove("".concat(prefix$t, "--row--on--link--dropping"));
+          if (activeDropRowIdRef.current && activeDropRowIdRef.current.children) activeDropRowIdRef.current.children[0].classList.remove("".concat(prefix$u, "--row--on--link--dropping"));
         }
         window.removeEventListener('blur', cancel);
         document.body.classList.remove("".concat(iotPrefix$1W, "--is-dragging"));
@@ -221975,7 +221975,7 @@ ${formatRule(Codicon.menuSubmenu)}
 
       // The table can scroll in it container. In that case, the row overlay should not span the
       // entire row width, only as wide as the container.
-      var scrollContainer = rowEl.closest(".".concat(prefix$t, "--data-table-content"));
+      var scrollContainer = rowEl.closest(".".concat(prefix$u, "--data-table-content"));
       var contentRect = scrollContainer.getBoundingClientRect();
       var rowRect = rowEl.getBoundingClientRect();
       var style = {
@@ -223895,7 +223895,7 @@ ${formatRule(Codicon.menuSubmenu)}
   function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1S = settings.iotPrefix,
-    prefix$s = settings.prefix;
+    prefix$t = settings.prefix;
   var propTypes$1Y = {
     columns: TableColumnsPropTypes.isRequired,
     ordering: PropTypes.arrayOf(PropTypes.shape({
@@ -224138,7 +224138,7 @@ ${formatRule(Codicon.menuSubmenu)}
       });
     }, []);
     return /*#__PURE__*/React$1.createElement(ComposedModal$1, {
-      selectorPrimaryFocus: ".".concat(prefix$s, "--modal-header"),
+      selectorPrimaryFocus: ".".concat(prefix$t, "--modal-header"),
       testId: testId,
       className: "".concat(iotPrefix$1S, "--table-multi-sort-modal"),
       header: {
@@ -226532,7 +226532,7 @@ ${formatRule(Codicon.menuSubmenu)}
   };
   var Table$1 = Table;
 
-  var prefix$r = settings.prefix,
+  var prefix$s = settings.prefix,
     iotPrefix$1P = settings.iotPrefix;
   var propTypes$1V = {
     /** Disables the form elements when true */
@@ -226629,7 +226629,7 @@ ${formatRule(Codicon.menuSubmenu)}
       ,
       children: viewDescription
     }, overrides === null || overrides === void 0 || (_overrides$viewDescri2 = overrides.viewDescriptionContainer) === null || _overrides$viewDescri2 === void 0 ? void 0 : _overrides$viewDescri2.props)), /*#__PURE__*/React$1.createElement("fieldset", {
-      className: "".concat(prefix$r, "--fieldset")
+      className: "".concat(prefix$s, "--fieldset")
     }, /*#__PURE__*/React$1.createElement(MyDefaultCheckbox, _extends$3({
       name: "isDefault",
       "data-testid": "".concat(testID, "-default-checkbox"),
@@ -236824,7 +236824,7 @@ ${formatRule(Codicon.menuSubmenu)}
 
   function _callSuper$2(t, o, e) { return o = _getPrototypeOf$2(o), _possibleConstructorReturn$2(t, _isNativeReflectConstruct$3() ? Reflect.construct(o, e || [], _getPrototypeOf$2(t).constructor) : o.apply(t, e)); }
   function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function _isNativeReflectConstruct() { return !!t; })(); }
-  var prefix$q = settings.prefix,
+  var prefix$r = settings.prefix,
     iotPrefix$1y = settings.iotPrefix;
   var ResourceList = /*#__PURE__*/function (_Component) {
     function ResourceList(props) {
@@ -236841,12 +236841,12 @@ ${formatRule(Codicon.menuSubmenu)}
           extraContent = _this$props.extraContent,
           testId = _this$props.testId;
         var checkboxCell = /*#__PURE__*/React$1.createElement("div", {
-          className: "".concat(prefix$q, "--structured-list-td"),
+          className: "".concat(prefix$r, "--structured-list-td"),
           style: {
             verticalAlign: 'middle'
           }
         }, /*#__PURE__*/React$1.createElement("svg", {
-          className: "".concat(prefix$q, "--structured-list-svg"),
+          className: "".concat(prefix$r, "--structured-list-svg"),
           width: "16",
           height: "16",
           viewBox: "0 0 16 16"
@@ -236857,7 +236857,7 @@ ${formatRule(Codicon.menuSubmenu)}
         var CustomActionContent = function CustomActionContent(_ref) {
           var rowId = _ref.rowId;
           return /*#__PURE__*/React$1.createElement("div", {
-            className: "".concat(prefix$q, "--structured-list-td ").concat(prefix$q, "--structured-list-content--nowrap"),
+            className: "".concat(prefix$r, "--structured-list-td ").concat(prefix$r, "--structured-list-content--nowrap"),
             role: "presentation"
           }, /*#__PURE__*/React$1.createElement(Button$2, {
             kind: "ghost",
@@ -236879,7 +236879,7 @@ ${formatRule(Codicon.menuSubmenu)}
             React$1.createElement("label", {
               key: id,
               "aria-label": title,
-              className: "".concat(activeItem ? "".concat(prefix$q, "--structured-list-row--selected") : '', " ").concat(prefix$q, "--structured-list-row"),
+              className: "".concat(activeItem ? "".concat(prefix$r, "--structured-list-row--selected") : '', " ").concat(prefix$r, "--structured-list-row"),
               tabIndex: customAction ? -1 : idx,
               onClick: onRowClick ? function () {
                 return onRowClick(id);
@@ -236889,20 +236889,20 @@ ${formatRule(Codicon.menuSubmenu)}
               }) : undefined,
               "data-testid": "".concat(testId, "-row-").concat(id)
             }, extraContent ? /*#__PURE__*/React$1.createElement("div", {
-              className: "".concat(prefix$q, "--structured-list-td")
+              className: "".concat(prefix$r, "--structured-list-td")
             }, extraContent[idx]) : undefined, design === 'inline' ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
-              className: "".concat(prefix$q, "--structured-list-td")
+              className: "".concat(prefix$r, "--structured-list-td")
             }, /*#__PURE__*/React$1.createElement("strong", null, title), /*#__PURE__*/React$1.createElement("div", {
-              className: "".concat(iotPrefix$1y, "--resource-list__inline-div ").concat(prefix$q, "--structured-list-td")
+              className: "".concat(iotPrefix$1y, "--resource-list__inline-div ").concat(prefix$r, "--structured-list-td")
             }, description))) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
-              className: "".concat(prefix$q, "--structured-list-td ").concat(prefix$q, "--structured-list-content--nowrap")
+              className: "".concat(prefix$r, "--structured-list-td ").concat(prefix$r, "--structured-list-content--nowrap")
             }, /*#__PURE__*/React$1.createElement("strong", null, title)), /*#__PURE__*/React$1.createElement("div", {
-              className: "".concat(prefix$q, "--structured-list-td")
+              className: "".concat(prefix$r, "--structured-list-td")
             }, description)), customAction ? /*#__PURE__*/React$1.createElement(CustomActionContent, {
               rowId: id
             }) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("input", {
               tabIndex: -1,
-              className: "".concat(prefix$q, "--structured-list-input"),
+              className: "".concat(prefix$r, "--structured-list-input"),
               value: title,
               type: "radio",
               title: title,
@@ -236913,9 +236913,9 @@ ${formatRule(Codicon.menuSubmenu)}
         });
         return /*#__PURE__*/React$1.createElement("section", {
           "data-testid": testId,
-          className: ["".concat(iotPrefix$1y, "--resource-list"), "".concat(prefix$q, "--structured-list"), "".concat(prefix$q, "--structured-list--border"), "".concat(prefix$q, "--structured-list--selection")].join(' ')
+          className: ["".concat(iotPrefix$1y, "--resource-list"), "".concat(prefix$r, "--structured-list"), "".concat(prefix$r, "--structured-list--border"), "".concat(prefix$r, "--structured-list--selection")].join(' ')
         }, /*#__PURE__*/React$1.createElement("div", {
-          className: "".concat(prefix$q, "--structured-list-tbody")
+          className: "".concat(prefix$r, "--structured-list-tbody")
         }, listContent));
       });
       _this.state = {};
@@ -237093,7 +237093,7 @@ ${formatRule(Codicon.menuSubmenu)}
   function _callSuper$1(t, o, e) { return o = _getPrototypeOf$2(o), _possibleConstructorReturn$2(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf$2(t).constructor) : o.apply(t, e)); }
   function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
   var iotPrefix$1x = settings.iotPrefix,
-    prefix$p = settings.prefix;
+    prefix$q = settings.prefix;
   var FILE_TYPES = {
     TEXT: 'TEXT',
     BINARY: 'BINARY'
@@ -237325,20 +237325,20 @@ ${formatRule(Codicon.menuSubmenu)}
           className: "".concat(iotPrefix$1x, "--file-drop__link-button")
         }, buttonLabel)), /*#__PURE__*/React$1.createElement("div", null, description));
         var fileNameElements = /*#__PURE__*/React$1.createElement("div", {
-          className: "".concat(prefix$p, "--file-container")
+          className: "".concat(prefix$q, "--file-container")
         }, _this.state.files.length === 0 ? null : _this.state.files.map(function (_ref2, index) {
           var name = _ref2.name,
             uploadState = _ref2.uploadState;
           return /*#__PURE__*/React$1.createElement("span", {
             key: "".concat(name, "-").concat(index),
-            className: "".concat(prefix$p, "--file__selected-file ").concat(iotPrefix$1x, "--file-drop__selected-file"),
+            className: "".concat(prefix$q, "--file__selected-file ").concat(iotPrefix$1x, "--file-drop__selected-file"),
             ref: function ref(node) {
               _this.nodes[index] = node;
             }
           }, /*#__PURE__*/React$1.createElement("p", {
-            className: "".concat(prefix$p, "--file-filename")
+            className: "".concat(prefix$q, "--file-filename")
           }, name), /*#__PURE__*/React$1.createElement("span", {
-            className: "".concat(prefix$p, "--file__state-container")
+            className: "".concat(prefix$q, "--file__state-container")
           }, /*#__PURE__*/React$1.createElement(react.Filename, {
             "data-testid": "".concat(testId, "-file-").concat(name),
             status: uploadState,
@@ -237359,7 +237359,7 @@ ${formatRule(Codicon.menuSubmenu)}
           className: className
         }, /*#__PURE__*/React$1.createElement("strong", {
           "data-testid": "".concat(testId, "-title"),
-          className: "".concat(prefix$p, "--label")
+          className: "".concat(prefix$q, "--label")
         }, title), /*#__PURE__*/React$1.createElement("input", {
           style: {
             visibility: 'hidden'
@@ -237387,13 +237387,13 @@ ${formatRule(Codicon.menuSubmenu)}
         }, linkElement), showFiles ? fileNameElements : null) : /*#__PURE__*/React$1.createElement("div", {
           "data-testid": testId,
           id: id,
-          className: "".concat(prefix$p, "--form-item")
+          className: "".concat(prefix$q, "--form-item")
         }, title ? /*#__PURE__*/React$1.createElement("strong", {
           "data-testid": "".concat(testId, "-title"),
-          className: "".concat(prefix$p, "--label")
+          className: "".concat(prefix$q, "--label")
         }, title) : null, description ? /*#__PURE__*/React$1.createElement("p", {
           "data-testid": "".concat(testId, "-description"),
-          className: "".concat(prefix$p, "--label-description")
+          className: "".concat(prefix$q, "--label-description")
         }, description) : null, /*#__PURE__*/React$1.createElement(react.FileUploaderButton, {
           labelText: buttonLabel,
           multiple: multiple,
@@ -238526,7 +238526,7 @@ ${formatRule(Codicon.menuSubmenu)}
   var RadioButtonGroup = HierarchyReorderModalRadioGroup;
 
   var iotPrefix$1u = settings.iotPrefix,
-    prefix$o = settings.prefix;
+    prefix$p = settings.prefix;
   var propTypes$1H = {
     /** ListItems to be displayed */
     items: PropTypes.arrayOf(PropTypes.any).isRequired,
@@ -238663,7 +238663,7 @@ ${formatRule(Codicon.menuSubmenu)}
       }, crumb === null || crumb === void 0 || (_crumb$content3 = crumb.content) === null || _crumb$content3 === void 0 ? void 0 : _crumb$content3.value));
     })));
     return /*#__PURE__*/React$1.createElement(ComposedModal$1, {
-      selectorPrimaryFocus: ".".concat(prefix$o, "--modal-header"),
+      selectorPrimaryFocus: ".".concat(prefix$p, "--modal-header"),
       className: "".concat(iotPrefix$1u, "--hierarchy-list-bulk-modal"),
       open: open,
       header: {
@@ -257289,6 +257289,7 @@ React keys must be passed directly to JSX without using spread:
     100: yellow100
   };
   var orange40 = '#ff832b';
+  var orange50 = '#eb6200';
   var red50 = '#fa4d56';
   var red60 = '#da1e28';
   var red90 = '#520408';
@@ -258003,7 +258004,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1q = settings.iotPrefix,
-    prefix$n = settings.prefix;
+    prefix$o = settings.prefix;
 
   /** check if current time is 24 hours
    *
@@ -258580,7 +258581,7 @@ React keys must be passed directly to JSX without using spread:
       // Composed path is needed in order to detect if event is bubbled from TimePickerSpinner which is a React Portal
       if (evt.composed && evt.composedPath().some(function (el) {
         var _el$classList, _el$classList2;
-        return ((_el$classList = el.classList) === null || _el$classList === void 0 ? void 0 : _el$classList.contains("".concat(iotPrefix$1q, "--time-picker-spinner"))) || ((_el$classList2 = el.classList) === null || _el$classList2 === void 0 ? void 0 : _el$classList2.contains("".concat(prefix$n, "--date-picker__calendar")));
+        return ((_el$classList = el.classList) === null || _el$classList === void 0 ? void 0 : _el$classList.contains("".concat(iotPrefix$1q, "--time-picker-spinner"))) || ((_el$classList2 = el.classList) === null || _el$classList2 === void 0 ? void 0 : _el$classList2.contains("".concat(prefix$o, "--date-picker__calendar")));
       })) {
         return;
       }
@@ -258775,7 +258776,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1p = settings.iotPrefix,
-    prefix$m = settings.prefix;
+    prefix$n = settings.prefix;
   var DateTimePickerDefaultValuePropTypes$1 = PropTypes.oneOfType([PropTypes.exact({
     timeRangeKind: PropTypes.oneOf([PICKER_KINDS$1.PRESET]).isRequired,
     timeRangeValue: PropTypes.exact({
@@ -259582,7 +259583,7 @@ React keys must be passed directly to JSX without using spread:
       }),
       tabIndex: 0
     }, tooltipField), invalidState && !hasIconOnly ? /*#__PURE__*/React$1.createElement("p", {
-      className: classnames("".concat(prefix$m, "--form__helper-text"), "".concat(iotPrefix$1p, "--date-time-picker__helper-text--invalid"))
+      className: classnames("".concat(prefix$n, "--form__helper-text"), "".concat(iotPrefix$1p, "--date-time-picker__helper-text--invalid"))
     }, mergedI18n.invalidText) : null);
   };
   DateTimePicker$5.propTypes = propTypes$1E;
@@ -264204,11 +264205,11 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1m = settings.iotPrefix,
-    prefix$l = settings.prefix;
+    prefix$m = settings.prefix;
   var ToolbarSVGWrapper = function ToolbarSVGWrapper(props) {
     return /*#__PURE__*/React$1.createElement(Button$2, _extends$3({
       kind: "ghost",
-      className: classnames("".concat(iotPrefix$1m, "--card--toolbar-action"), "".concat(iotPrefix$1m, "--card--toolbar-svg-wrapper"), "".concat(prefix$l, "--btn--icon-only") // can't actually use the hasIconOnly prop because we don't want the tooltip
+      className: classnames("".concat(iotPrefix$1m, "--card--toolbar-action"), "".concat(iotPrefix$1m, "--card--toolbar-svg-wrapper"), "".concat(prefix$m, "--btn--icon-only") // can't actually use the hasIconOnly prop because we don't want the tooltip
       )
     }, props, {
       size: "sm"
@@ -264427,7 +264428,7 @@ React keys must be passed directly to JSX without using spread:
       renderInPortal: renderDateDropdownInPortal,
       useAutoPositioning: true,
       buttonProps: {
-        className: classnames("".concat(iotPrefix$1m, "--card--toolbar-action"), "".concat(iotPrefix$1m, "--card--toolbar-svg-wrapper"), "".concat(prefix$l, "--btn--icon-only"))
+        className: classnames("".concat(iotPrefix$1m, "--card--toolbar-action"), "".concat(iotPrefix$1m, "--card--toolbar-svg-wrapper"), "".concat(prefix$m, "--btn--icon-only"))
       }
     })) : null, availableActions.settings ? /*#__PURE__*/React$1.createElement(ToolbarSVGWrapper, {
       title: mergedI18n.settingsLabel,
@@ -264923,7 +264924,7 @@ React keys must be passed directly to JSX without using spread:
     _excluded2$4 = ["size", "children", "title", "subtitle", "hasTitleWrap", "layout", "isLoading", "isEmpty", "isEditable", "isExpanded", "isLazyLoading", "isResizable", "resizeHandles", "error", "hideHeader", "id", "tooltip", "titleTextTooltip", "timeRange", "timeRangeOptions", "onCardAction", "availableActions", "renderExpandIcon", "renderDateDropdownInPortal", "breakpoint", "i18n", "style", "className", "values", "testID", "testId", "contentClassName", "footerContent", "dateTimeMask", "extraActions", "padding", "overrides", "type", "data", "content"];
   function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var prefix$k = settings.prefix,
+  var prefix$l = settings.prefix,
     iotPrefix$1k = settings.iotPrefix;
   var OptimizedSkeletonText = /*#__PURE__*/React$1.memo(react.SkeletonText);
 
@@ -265382,7 +265383,7 @@ React keys must be passed directly to JSX without using spread:
     return isExpanded ? /*#__PURE__*/React$1.createElement("div", {
       "data-floating-menu-container": true // needed to place overflow floating menus within the modal so we can control them through css
       ,
-      className: "".concat(prefix$k, "--modal is-visible")
+      className: "".concat(prefix$l, "--modal is-visible")
     }, card) : card;
   };
   Card.propTypes = CardPropTypes;
@@ -267357,7 +267358,7 @@ React keys must be passed directly to JSX without using spread:
   };
   var BarChartCard$1 = BarChartCard;
 
-  var prefix$j = settings.prefix;
+  var prefix$k = settings.prefix;
   var propTypes$1A = {
     /** current page number */
     page: PropTypes.number.isRequired,
@@ -267401,21 +267402,21 @@ React keys must be passed directly to JSX without using spread:
         onClick: function onClick() {
           return _onChange(pageNumber);
         },
-        className: classnames("".concat(prefix$j, "--pagination-nav__page"), _defineProperty$c(_defineProperty$c({}, "".concat(prefix$j, "--pagination-nav__page--active"), page === pageNumber), "".concat(prefix$j, "--pagination-nav__page--disabled"), page === pageNumber)),
+        className: classnames("".concat(prefix$k, "--pagination-nav__page"), _defineProperty$c(_defineProperty$c({}, "".concat(prefix$k, "--pagination-nav__page--active"), page === pageNumber), "".concat(prefix$k, "--pagination-nav__page--disabled"), page === pageNumber)),
         "aria-current": i18n.ariaLabelPage,
         "aria-disabled": page === pageNumber,
         "data-testid": "".concat(testId, "-page-").concat(pageNumber, "-button")
       }, /*#__PURE__*/React$1.createElement("span", {
-        className: "".concat(prefix$j, "--pagination-nav__accessibility-label")
+        className: "".concat(prefix$k, "--pagination-nav__accessibility-label")
       }, i18n.ariaLabelPage), pageNumber);
     };
     var getPageSelect = function getPageSelect(pageNumber, accumulator) {
       return /*#__PURE__*/React$1.createElement("li", {
-        className: "".concat(prefix$j, "--pagination-nav__list-item")
+        className: "".concat(prefix$k, "--pagination-nav__list-item")
       }, /*#__PURE__*/React$1.createElement("div", {
-        className: "".concat(prefix$j, "--pagination-nav__select")
+        className: "".concat(prefix$k, "--pagination-nav__select")
       }, /*#__PURE__*/React$1.createElement("select", {
-        className: "".concat(prefix$j, "--pagination-nav__page ").concat(prefix$j, "--pagination-nav__page--select"),
+        className: "".concat(prefix$k, "--pagination-nav__page ").concat(prefix$k, "--pagination-nav__page--select"),
         "data-page-select": true,
         value: selectedValue,
         "aria-label": i18n.ariaLabelSelect,
@@ -267437,12 +267438,12 @@ React keys must be passed directly to JSX without using spread:
           "data-page": i + accumulator
         }, i + accumulator);
       })), /*#__PURE__*/React$1.createElement("div", {
-        className: "".concat(prefix$j, "--pagination-nav__select-icon-wrapper")
+        className: "".concat(prefix$k, "--pagination-nav__select-icon-wrapper")
       }, /*#__PURE__*/React$1.createElement("svg", {
         focusable: "false",
         preserveAspectRatio: "xMidYMid meet",
         xmlns: "http://www.w3.org/2000/svg",
-        className: "".concat(prefix$j, "--pagination-nav__select-icon"),
+        className: "".concat(prefix$k, "--pagination-nav__select-icon"),
         width: "16",
         height: "16",
         viewBox: "0 0 32 32",
@@ -267481,7 +267482,7 @@ React keys must be passed directly to JSX without using spread:
         }, function (v, i) {
           return /*#__PURE__*/React$1.createElement("li", {
             key: "TilePagination-page-number-button-".concat(i + 2),
-            className: "".concat(prefix$j, "--pagination-nav__list-item")
+            className: "".concat(prefix$k, "--pagination-nav__list-item")
           }, getPageButton(i + 2));
         });
       }
@@ -267491,35 +267492,35 @@ React keys must be passed directly to JSX without using spread:
         }, function (v, i) {
           return /*#__PURE__*/React$1.createElement("li", {
             key: "TilePagination-page-number-button-".concat(i + 2),
-            className: "".concat(prefix$j, "--pagination-nav__list-item")
+            className: "".concat(prefix$k, "--pagination-nav__list-item")
           }, getPageButton(i + 2));
         });
       }
       if (showFrontOverFlowMenu && showBackOverFlowMenu) {
         buttons = [/*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(page - 1),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(page - 1)), /*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(page),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(page)), /*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(page + 1),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(page + 1))];
       }
       if (showFrontOverFlowMenu && !showBackOverFlowMenu) {
         buttons = [/*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(numPages - 4),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(numPages - 4)), /*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(numPages - 3),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(numPages - 3)), /*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(numPages - 2),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(numPages - 2)), /*#__PURE__*/React$1.createElement("li", {
           key: "TilePagination-page-number-button-".concat(numPages - 1),
-          className: "".concat(prefix$j, "--pagination-nav__list-item")
+          className: "".concat(prefix$k, "--pagination-nav__list-item")
         }, getPageButton(numPages - 1))];
       }
       return buttons;
@@ -267531,22 +267532,22 @@ React keys must be passed directly to JSX without using spread:
       return showFrontOverFlowMenu ? getPageSelect(numPages - page - 2, page + 2) : getPageSelect(numPages - 6, 6);
     };
     return /*#__PURE__*/React$1.createElement("nav", {
-      className: "".concat(prefix$j, "--pagination-nav"),
+      className: "".concat(prefix$k, "--pagination-nav"),
       "aria-label": i18n.ariaLabelPagination
     }, /*#__PURE__*/React$1.createElement("ul", {
-      className: "".concat(prefix$j, "--pagination-nav__list")
+      className: "".concat(prefix$k, "--pagination-nav__list")
     }, /*#__PURE__*/React$1.createElement("li", {
-      className: "".concat(prefix$j, "--pagination-nav__list-item")
+      className: "".concat(prefix$k, "--pagination-nav__list-item")
     }, /*#__PURE__*/React$1.createElement("button", {
       type: "button",
       onClick: function onClick() {
         return page > 1 && _onChange(page - 1);
       },
-      className: classnames("".concat(prefix$j, "--pagination-nav__page"), "".concat(prefix$j, "--pagination-nav__page--direction"), _defineProperty$c({}, "".concat(prefix$j, "--pagination-nav__page--disabled"), page === 1)),
+      className: classnames("".concat(prefix$k, "--pagination-nav__page"), "".concat(prefix$k, "--pagination-nav__page--direction"), _defineProperty$c({}, "".concat(prefix$k, "--pagination-nav__page--disabled"), page === 1)),
       "aria-disabled": "true",
       "data-testid": "".concat(testId, "-backward-button")
     }, /*#__PURE__*/React$1.createElement("span", {
-      className: "".concat(prefix$j, "--pagination-nav__accessibility-label")
+      className: "".concat(prefix$k, "--pagination-nav__accessibility-label")
     }, i18n.ariaLabelPreviousPage), /*#__PURE__*/React$1.createElement("svg", {
       focusable: "false",
       preserveAspectRatio: "xMidYMid meet",
@@ -267554,7 +267555,7 @@ React keys must be passed directly to JSX without using spread:
         willChange: 'transform'
       },
       xmlns: "http://www.w3.org/2000/svg",
-      className: "".concat(prefix$j, "--pagination-nav__icon"),
+      className: "".concat(prefix$k, "--pagination-nav__icon"),
       width: "5",
       height: "8",
       viewBox: "0 0 5 8",
@@ -267562,20 +267563,20 @@ React keys must be passed directly to JSX without using spread:
     }, /*#__PURE__*/React$1.createElement("path", {
       d: "M5 8L0 4 5 0z"
     })))), /*#__PURE__*/React$1.createElement("li", {
-      className: "".concat(prefix$j, "--pagination-nav__list-item")
+      className: "".concat(prefix$k, "--pagination-nav__list-item")
     }, getPageButton(1)), showFrontOverFlowMenu ? getFrontOverFlowMenu() : null, getPageNumberButtons(), showBackOverFlowMenu ? getBackOverFlowMenu() : null, numPages > 1 ? /*#__PURE__*/React$1.createElement("li", {
-      className: "".concat(prefix$j, "--pagination-nav__list-item")
+      className: "".concat(prefix$k, "--pagination-nav__list-item")
     }, getPageButton(numPages)) : null, /*#__PURE__*/React$1.createElement("li", {
-      className: "".concat(prefix$j, "--pagination-nav__list-item")
+      className: "".concat(prefix$k, "--pagination-nav__list-item")
     }, /*#__PURE__*/React$1.createElement("button", {
       type: "button",
       onClick: function onClick() {
         return page < numPages && _onChange(page + 1);
       },
-      className: classnames("".concat(prefix$j, "--pagination-nav__page"), "".concat(prefix$j, "--pagination-nav__page--direction"), _defineProperty$c({}, "".concat(prefix$j, "--pagination-nav__page--disabled"), page === numPages)),
+      className: classnames("".concat(prefix$k, "--pagination-nav__page"), "".concat(prefix$k, "--pagination-nav__page--direction"), _defineProperty$c({}, "".concat(prefix$k, "--pagination-nav__page--disabled"), page === numPages)),
       "data-testid": "".concat(testId, "-foreward-button")
     }, /*#__PURE__*/React$1.createElement("span", {
-      className: "".concat(prefix$j, "--pagination-nav__accessibility-label")
+      className: "".concat(prefix$k, "--pagination-nav__accessibility-label")
     }, i18n.ariaLabelNextPage), /*#__PURE__*/React$1.createElement("svg", {
       focusable: "false",
       preserveAspectRatio: "xMidYMid meet",
@@ -267583,7 +267584,7 @@ React keys must be passed directly to JSX without using spread:
         willChange: 'transform'
       },
       xmlns: "http://www.w3.org/2000/svg",
-      className: "".concat(prefix$j, "--pagination-nav__icon"),
+      className: "".concat(prefix$k, "--pagination-nav__icon"),
       width: "5",
       height: "8",
       viewBox: "0 0 5 8",
@@ -268572,7 +268573,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1g = settings.iotPrefix,
-    prefix$i = settings.prefix;
+    prefix$j = settings.prefix;
   var TIME_FORMAT = {
     12: 'hh:mm A',
     24: 'HH:mm'
@@ -268913,10 +268914,10 @@ React keys must be passed directly to JSX without using spread:
         focusable: false
       }))), /*#__PURE__*/React$1.createElement("p", {
         "data-testid": "".concat(testId, "-helpertext"),
-        className: classnames("".concat(prefix$i, "--form__helper-text"), _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1g, "--time-picker__helper-text"), invalidState), "".concat(prefix$i, "--form__helper-text--disabled"), disabled), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.state === 'invalid'))
+        className: classnames("".concat(prefix$j, "--form__helper-text"), _defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1g, "--time-picker__helper-text"), invalidState), "".concat(prefix$j, "--form__helper-text--disabled"), disabled), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.state === 'invalid'))
       }, !readOnly && invalidState ? invalidText : !readOnly && warnProp ? warnText : helperText)) : /*#__PURE__*/React$1.createElement("fieldset", null, hideSecondaryLabel && !hideLabel ? /*#__PURE__*/React$1.createElement("legend", {
         id: "".concat(id, "-label"),
-        className: classnames("".concat(prefix$i, "--label"), _defineProperty$c({}, "".concat(prefix$i, "--label--disabled"), disabled))
+        className: classnames("".concat(prefix$j, "--label"), _defineProperty$c({}, "".concat(prefix$j, "--label--disabled"), disabled))
       }, labelText) : null, /*#__PURE__*/React$1.createElement("div", {
         className: classnames("".concat(iotPrefix$1g, "--time-picker__wrapper ").concat(iotPrefix$1g, "--time-picker__wrapper-").concat(size), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$1g, "--time-picker__wrapper--selected"), focusedInput === 0 && openState), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.state === 'invalid'))
       }, /*#__PURE__*/React$1.createElement(react.TextInput, {
@@ -268977,10 +268978,10 @@ React keys must be passed directly to JSX without using spread:
         focusable: false
       }))), /*#__PURE__*/React$1.createElement("p", {
         "data-testid": "".concat(testId, "-range__helper-text"),
-        className: classnames("".concat(prefix$i, "--form__helper-text"), "".concat(iotPrefix$1g, "--time-picker-range__helper-text"), _defineProperty$c(_defineProperty$c({}, "".concat(prefix$i, "--form__helper-text--disabled"), disabled), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.state === 'invalid'))
+        className: classnames("".concat(prefix$j, "--form__helper-text"), "".concat(iotPrefix$1g, "--time-picker-range__helper-text"), _defineProperty$c(_defineProperty$c({}, "".concat(prefix$j, "--form__helper-text--disabled"), disabled), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.state === 'invalid'))
       }, inputState.text), /*#__PURE__*/React$1.createElement("p", {
         "data-testid": "".concat(testId, "-range__helper-text--secondary"),
-        className: classnames("".concat(prefix$i, "--form__helper-text"), "".concat(iotPrefix$1g, "--time-picker-range__helper-text--secondary"), _defineProperty$c(_defineProperty$c({}, "".concat(prefix$i, "--form__helper-text--disabled"), disabled), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.secondaryState === 'invalid'))
+        className: classnames("".concat(prefix$j, "--form__helper-text"), "".concat(iotPrefix$1g, "--time-picker-range__helper-text--secondary"), _defineProperty$c(_defineProperty$c({}, "".concat(prefix$j, "--form__helper-text--disabled"), disabled), "".concat(iotPrefix$1g, "--time-picker--invalid"), inputState.secondaryState === 'invalid'))
       }, inputState.secondaryText)), openState ? /*#__PURE__*/React$1.createElement(TimePickerSpinner, {
         onChange: handleOnChange,
         focusedInput: focusedInput,
@@ -269570,7 +269571,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1f = settings.iotPrefix,
-    prefix$h = settings.prefix;
+    prefix$i = settings.prefix;
   var PICKER_KINDS = {
     PRESET: 'PRESET',
     RELATIVE: 'RELATIVE',
@@ -270314,7 +270315,7 @@ React keys must be passed directly to JSX without using spread:
         showIcon: false,
         className: classnames(_defineProperty$c({}, "".concat(iotPrefix$1f, "--date-time-picker--hide-tooltip"), isExpanded))
       }, tooltipValue), invalidState ? /*#__PURE__*/React$1.createElement("p", {
-        className: classnames("".concat(prefix$h, "--form__helper-text"), "".concat(iotPrefix$1f, "--date-time-picker__helper-text--invalid"))
+        className: classnames("".concat(prefix$i, "--form__helper-text"), "".concat(iotPrefix$1f, "--date-time-picker__helper-text--invalid"))
       }, mergedI18n.invalidText) : null)
     );
   };
@@ -270977,7 +270978,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$1e = settings.iotPrefix,
-    prefix$g = settings.prefix;
+    prefix$h = settings.prefix;
   var DateTimePickerDefaultValuePropTypes = PropTypes.oneOfType([PropTypes.exact({
     timeRangeKind: PropTypes.oneOf([PICKER_KINDS$1.PRESET]).isRequired,
     timeRangeValue: PropTypes.exact({
@@ -272103,7 +272104,7 @@ React keys must be passed directly to JSX without using spread:
       }),
       tabIndex: 0
     }, tooltipField), invalidState && !hasIconOnly ? /*#__PURE__*/React$1.createElement("p", {
-      className: classnames("".concat(prefix$g, "--form__helper-text"), "".concat(iotPrefix$1e, "--date-time-picker__helper-text--invalid"))
+      className: classnames("".concat(prefix$h, "--form__helper-text"), "".concat(iotPrefix$1e, "--date-time-picker__helper-text--invalid"))
     }, mergedI18n.invalidText) : null);
   };
   DateTimePicker$2.propTypes = propTypes$1v;
@@ -273218,7 +273219,7 @@ React keys must be passed directly to JSX without using spread:
 
   var _excluded$A = ["id", "columnCount", "selectedItem", "items", "dropdownId", "disabled", "direction", "onChange", "translateWithId", "testId"];
   var iotPrefix$1b = settings.iotPrefix,
-    prefix$f = settings.prefix;
+    prefix$g = settings.prefix;
   var itemShape = PropTypes.shape({
     id: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired,
@@ -273353,10 +273354,10 @@ React keys must be passed directly to JSX without using spread:
       var _menuOption$offsetWid;
       // Takes measurements of the dropdown and text that renders beneath this - used to position the footer
       // const dropdown = document.getElementById(id);
-      var helperText = dropdownRef.current.getElementsByClassName("".concat(prefix$f, "--form__helper-text"))[0];
-      var validationText = dropdownRef.current.getElementsByClassName("".concat(prefix$f, "--form-requirement"))[0];
-      var menuOption = dropdownRef.current.getElementsByClassName("".concat(prefix$f, "--list-box__menu-item"))[0];
-      var dropdownLabel = dropdownRef.current.getElementsByClassName("".concat(prefix$f, "--list-box__field"))[0];
+      var helperText = dropdownRef.current.getElementsByClassName("".concat(prefix$g, "--form__helper-text"))[0];
+      var validationText = dropdownRef.current.getElementsByClassName("".concat(prefix$g, "--form-requirement"))[0];
+      var menuOption = dropdownRef.current.getElementsByClassName("".concat(prefix$g, "--list-box__menu-item"))[0];
+      var dropdownLabel = dropdownRef.current.getElementsByClassName("".concat(prefix$g, "--list-box__field"))[0];
       var helperTextHeight = helperText !== undefined ? helperText.clientHeight + defaultHelperPadding : 0;
       var validationTextHeight = validationText !== undefined ? validationText.clientHeight + defaultHelperPadding : 0;
       var labelHeight = dropdownLabel !== undefined ? dropdownLabel.clientHeight : 0;
@@ -273658,7 +273659,7 @@ React keys must be passed directly to JSX without using spread:
   var IconDropdown$1 = IconDropdown;
 
   var _excluded$z = ["className", "index", "name", "renderIcon", "onClick", "onKeyDown", "selected", "size", "text", "testId", "children", "disabled"];
-  var prefix$e = settings.prefix,
+  var prefix$f = settings.prefix,
     iotPrefix$1a = settings.iotPrefix;
   var ICON_SWITCH_SIZES = {
     small: 'sm',
@@ -273697,10 +273698,10 @@ React keys must be passed directly to JSX without using spread:
         });
       }
     };
-    var classes = classnames(className, "".concat(prefix$e, "--content-switcher-btn"), // Class from carbon
-    "".concat(iotPrefix$1a, "--icon-switch"), _defineProperty$c({}, "".concat(prefix$e, "--content-switcher--selected"), selected));
-    var iconButtonClasses = classnames("".concat(prefix$e, "--content-switcher-popover__wrapper"), // Class from carbon
-    _defineProperty$c(_defineProperty$c({}, "".concat(prefix$e, "--content-switcher-popover--selected"), selected), "".concat(prefix$e, "--content-switcher-popover--disabled"), disabled));
+    var classes = classnames(className, "".concat(prefix$f, "--content-switcher-btn"), // Class from carbon
+    "".concat(iotPrefix$1a, "--icon-switch"), _defineProperty$c({}, "".concat(prefix$f, "--content-switcher--selected"), selected));
+    var iconButtonClasses = classnames("".concat(prefix$f, "--content-switcher-popover__wrapper"), // Class from carbon
+    _defineProperty$c(_defineProperty$c({}, "".concat(prefix$f, "--content-switcher-popover--selected"), selected), "".concat(prefix$f, "--content-switcher-popover--disabled"), disabled));
     var commonProps = {
       onClick: handleClick,
       onKeyDown: handleKeyDown,
@@ -274120,7 +274121,7 @@ React keys must be passed directly to JSX without using spread:
   var GRID = 'grid';
   var LIST = 'list';
   var iotPrefix$18 = settings.iotPrefix,
-    prefix$d = settings.prefix;
+    prefix$e = settings.prefix;
   var ImagePropTypes = PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string.isRequired,
     src: PropTypes.string.isRequired,
@@ -274277,7 +274278,7 @@ React keys must be passed directly to JSX without using spread:
       onRequestSubmit: handleDelete,
       "data-testid": "".concat(testId, "-warning-modal")
     }) : null, /*#__PURE__*/React$1.createElement(ComposedModal$1, _extends$3({
-      selectorPrimaryFocus: ".".concat(prefix$d, "--modal-header"),
+      selectorPrimaryFocus: ".".concat(prefix$e, "--modal-header"),
       type: "normal",
       className: classnames(className, baseClass),
       footer: _objectSpread$1e({
@@ -274751,11 +274752,11 @@ React keys must be passed directly to JSX without using spread:
   var _excluded$x = ["tabs", "hero", "actions", "onSelectionChange", "workArea", "testId"],
     _excluded2$3 = ["children", "id", "label"],
     _excluded3 = ["id"];
-  var prefix$c = settings.prefix;
+  var prefix$d = settings.prefix;
   var StyledNavigationContainer = styledComponents.styled.div.withConfig({
     displayName: "NavigationBar__StyledNavigationContainer",
     componentId: "sc-bw68kq-0"
-  })(["position:relative;background-color:", ";padding-top:", ";div[role='tablist']{padding-left:", ";padding-right:", ";align-items:center;height:100%;block-size:auto;button.cds--tabs__nav-item{width:10rem;height:100%;align-items:flex-end;@media (min-width:42em){a.", "--tabs__nav-link{height:100%;}}}margin-left:0rem;}@media (min-width:42em){padding-top:0;nav::after{background:", ";content:'';height:1px;left:0;position:absolute;bottom:-1px;width:100%;}}"], COLORS.white, spacing09$1, PADDING.horizontalWrapPadding, PADDING.horizontalWrapPadding, prefix$c, COLORS.lightGrey);
+  })(["position:relative;background-color:", ";padding-top:", ";div[role='tablist']{padding-left:", ";padding-right:", ";align-items:center;height:100%;block-size:auto;button.cds--tabs__nav-item{width:10rem;height:100%;align-items:flex-end;@media (min-width:42em){a.", "--tabs__nav-link{height:100%;}}}margin-left:0rem;}@media (min-width:42em){padding-top:0;nav::after{background:", ";content:'';height:1px;left:0;position:absolute;bottom:-1px;width:100%;}}"], COLORS.white, spacing09$1, PADDING.horizontalWrapPadding, PADDING.horizontalWrapPadding, prefix$d, COLORS.lightGrey);
   var StyledOverlay = styledComponents.styled.div.withConfig({
     displayName: "NavigationBar__StyledOverlay",
     componentId: "sc-bw68kq-1"
@@ -274763,7 +274764,7 @@ React keys must be passed directly to JSX without using spread:
   var StyledTabToContent = styledComponents.styled.div.withConfig({
     displayName: "NavigationBar__StyledTabToContent",
     componentId: "sc-bw68kq-2"
-  })(["display:flex;flex-flow:column nowrap;width:100%;.", "--tabs-trigger{background-color:", ";}"], prefix$c, COLORS.white);
+  })(["display:flex;flex-flow:column nowrap;width:100%;.", "--tabs-trigger{background-color:", ";}"], prefix$d, COLORS.white);
   var StyledTabContent = styledComponents.styled.div.withConfig({
     displayName: "NavigationBar__StyledTabContent",
     componentId: "sc-bw68kq-3"
@@ -275051,13 +275052,13 @@ React keys must be passed directly to JSX without using spread:
   function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
 
   // const { prefix } = settings; carbon 11
-  var prefix$b = 'cds';
+  var prefix$c = 'cds';
   // eslint-disable-next-line react/prop-types
   var defaultRenderMenuContent = function defaultRenderMenuContent(_ref) {
     var ariaLabel = _ref.ariaLabel;
     return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, ariaLabel, /*#__PURE__*/React$1.createElement(iconsReact.ChevronDown, {
       size: 32,
-      className: "".concat(prefix$b, "--header__menu-arrow")
+      className: "".concat(prefix$c, "--header__menu-arrow")
     }));
   };
 
@@ -275154,7 +275155,7 @@ React keys must be passed directly to JSX without using spread:
           'aria-label': ariaLabel,
           'aria-labelledby': ariaLabelledBy
         };
-        var className = classnames("".concat(prefix$b, "--header__submenu"), customClassName);
+        var className = classnames("".concat(prefix$c, "--header__submenu"), customClassName);
 
         // Notes on eslint comments and based on the examples in:
         // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html#
@@ -275175,7 +275176,7 @@ React keys must be passed directly to JSX without using spread:
             tooltipPosition: "bottom",
             "aria-haspopup": "menu",
             "aria-expanded": isExpanded,
-            className: classnames("".concat(prefix$b, "--header__menu-item"), "".concat(prefix$b, "--header__menu-title")),
+            className: classnames("".concat(prefix$c, "--header__menu-item"), "".concat(prefix$c, "--header__menu-title")),
             onClick: onToggleExpansion,
             ref: focusRef,
             testId: "menuitem",
@@ -275185,7 +275186,7 @@ React keys must be passed directly to JSX without using spread:
             ariaLabel: ariaLabel
           })), /*#__PURE__*/React$1.createElement("ul", _extends$3({}, accessibilityLabel, {
             ref: this.menuRef,
-            className: "".concat(prefix$b, "--header__menu"),
+            className: "".concat(prefix$c, "--header__menu"),
             role: "menu"
           }), childContent.map(function (childItem, index) {
             var _this2$menuItemRefs$i, _this2$menuItemRefs, _childItem$metaData$t, _childItem$metaData, _childItem$metaData2, _childItem$metaData3, _childItem$metaData4, _childItem$metaData5;
@@ -275620,7 +275621,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$17 = settings.iotPrefix,
-    prefix$a = settings.prefix;
+    prefix$b = settings.prefix;
   var propTypes$1m = {
     actionItems: PropTypes.arrayOf(PropTypes.shape(HeaderActionItemPropTypes)).isRequired,
     i18n: PropTypes.shape({
@@ -275723,7 +275724,7 @@ React keys must be passed directly to JSX without using spread:
       // added extra div here, because HeaderGlobalBar doesn't support refs
       React$1.createElement("div", {
         ref: overFlowContainerRef,
-        className: "".concat(prefix$a, "--header__global")
+        className: "".concat(prefix$b, "--header__global")
       }, /*#__PURE__*/React$1.createElement(react.HeaderGlobalBar, {
         "data-testid": testId
       },
@@ -276395,7 +276396,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$14 = settings.iotPrefix,
-    prefix$9 = settings.prefix;
+    prefix$a = settings.prefix;
   var markText = function markText(allText, substringToMark) {
     var regex = new RegExp("(.*)(".concat(substringToMark, ")(.*)"), 'i');
     var regexResult = regex.exec(allText);
@@ -276693,7 +276694,7 @@ React keys must be passed directly to JSX without using spread:
 
     return /*#__PURE__*/React$1.createElement(react.SideNav, _extends$3({
       "data-testid": testId,
-      className: classnames("".concat(iotPrefix$14, "--side-nav"), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$14, "--side-nav--expanded"), isSideNavExpanded), "".concat(prefix$9, "--side-nav--expanded"), isSideNavExpanded)),
+      className: classnames("".concat(iotPrefix$14, "--side-nav"), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$14, "--side-nav--expanded"), isSideNavExpanded), "".concat(prefix$a, "--side-nav--expanded"), isSideNavExpanded)),
       expanded: isSideNavExpanded
       // TODO: Will be added back in when footer is added for rails.
       // see: https://github.com/carbon-design-system/carbon/blob/main/packages/react/src/components/UIShell/SideNav.js#L143
@@ -283623,7 +283624,7 @@ React keys must be passed directly to JSX without using spread:
     }
   }
 
-  var prefix$8 = settings.prefix;
+  var prefix$9 = settings.prefix;
   var propTypes$1a = {
     /** title of the dashboard */
     title: PropTypes.string,
@@ -283698,7 +283699,7 @@ React keys must be passed directly to JSX without using spread:
       className: "dashboard--header-actions"
     }, actions.map(function (action) {
       return action.icon ? /*#__PURE__*/React$1.createElement(Button$2, {
-        className: "".concat(prefix$8, "--btn--icon-only"),
+        className: "".concat(prefix$9, "--btn--icon-only"),
         id: "action-icon--".concat(action.id),
         key: action.id,
         onClick: function onClick() {
@@ -306995,7 +306996,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$N = settings.iotPrefix,
-    prefix$7 = settings.prefix;
+    prefix$8 = settings.prefix;
   var propTypes$S = {
     /* card value */
     cardConfig: PropTypes.shape({
@@ -307109,7 +307110,7 @@ React keys must be passed directly to JSX without using spread:
       return ['BOOLEAN', 'LITERAL'].includes(columnType) ? ['='] : ['>', '<', '='];
     }, [columnType]);
     return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, !isEmpty(thresholds) && /*#__PURE__*/React$1.createElement("span", {
-      className: "".concat(prefix$7, "--label ").concat(baseClassName, "--input-label")
+      className: "".concat(prefix$8, "--label ").concat(baseClassName, "--input-label")
     }, mergedI18n.dataItemEditorDataItemThresholds), thresholds.map(function (threshold, i) {
       var _threshold$value, _threshold$value2;
       // add threshold color to all icon options
@@ -307629,7 +307630,7 @@ React keys must be passed directly to JSX without using spread:
   function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var iotPrefix$M = settings.iotPrefix,
-    prefix$6 = settings.prefix;
+    prefix$7 = settings.prefix;
   var propTypes$R = {
     /* card value */
     cardConfig: PropTypes.shape({
@@ -308132,7 +308133,7 @@ React keys must be passed directly to JSX without using spread:
     return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, showEditor && /*#__PURE__*/React$1.createElement("div", {
       className: "".concat(baseClassName, "--modal-wrapper")
     }, /*#__PURE__*/React$1.createElement(ComposedModal$1, {
-      selectorPrimaryFocus: ".".concat(prefix$6, "--modal-header"),
+      selectorPrimaryFocus: ".".concat(prefix$7, "--modal-header"),
       header: {
         label: editDataItem.dataItemId,
         title: type === CARD_TYPES.VALUE ? mergedI18n.dataItemEditorValueCardTitle : mergedI18n.dataItemEditorDataSeriesTitle
@@ -310852,7 +310853,8 @@ React keys must be passed directly to JSX without using spread:
   };
   var HotspotEditorTooltipTab$1 = HotspotEditorTooltipTab;
 
-  var iotPrefix$G = settings.iotPrefix;
+  var iotPrefix$G = settings.iotPrefix,
+    prefix$6 = settings.prefix;
   var colorPropType = PropTypes.shape({
     carbonColor: PropTypes.string,
     name: PropTypes.string
@@ -311043,7 +311045,11 @@ React keys must be passed directly to JSX without using spread:
       onSubmit: preventFormSubmission,
       className: "".concat(iotPrefix$G, "--hotspot-text-style-tab__form")
     }, /*#__PURE__*/React$1.createElement("div", {
-      className: "".concat(iotPrefix$G, "--hotspot-text-style-tab__text-style")
+      className: "".concat(iotPrefix$G, "--hotspot-text-style-tab__row")
+    }, /*#__PURE__*/React$1.createElement("div", {
+      className: "".concat(prefix$6, "--content-switcher ").concat(prefix$6, "--content-switcher--icon-only")
+    }, /*#__PURE__*/React$1.createElement(react.unstable_FeatureFlags, {
+      enableV12DynamicFloatingStyles: true
     }, /*#__PURE__*/React$1.createElement(react.IconSwitch, {
       disabled: hasNonEditableContent,
       onClick: function onClick() {
@@ -311085,7 +311091,7 @@ React keys must be passed directly to JSX without using spread:
       renderIcon: iconsReact.TextUnderline,
       index: 2,
       light: light
-    })), /*#__PURE__*/React$1.createElement("div", {
+    })))), /*#__PURE__*/React$1.createElement("div", {
       className: "".concat(iotPrefix$G, "--hotspot-text-style-tab__row")
     }, /*#__PURE__*/React$1.createElement(ColorDropdown$1, {
       disabled: hasNonEditableContent,
@@ -312825,6 +312831,24 @@ React keys must be passed directly to JSX without using spread:
   }, {
     carbonColor: blue50,
     name: 'blue'
+  }, {
+    carbonColor: cyan50,
+    name: 'cyan'
+  }, {
+    carbonColor: magenta50,
+    name: 'magenta'
+  }, {
+    carbonColor: purple50,
+    name: 'purple'
+  }, {
+    carbonColor: teal50,
+    name: 'teal'
+  }, {
+    carbonColor: yellow50,
+    name: 'yellow'
+  }, {
+    carbonColor: orange50,
+    name: 'orange'
   }];
   var propTypes$I = {
     /** an object where the keys are available dimensions and the values are the values available for those dimensions
@@ -313426,7 +313450,7 @@ React keys must be passed directly to JSX without using spread:
       },
       "backgroundColors": {
         "defaultValue": {
-          "value": "[\n  { carbonColor: gray50, name: 'gray' },\n  { carbonColor: red50, name: 'red' },\n  { carbonColor: green50, name: 'green' },\n  { carbonColor: blue50, name: 'blue' },\n]",
+          "value": "[\n  { carbonColor: gray50, name: 'gray' },\n  { carbonColor: red50, name: 'red' },\n  { carbonColor: green50, name: 'green' },\n  { carbonColor: blue50, name: 'blue' },\n  { carbonColor: cyan50, name: 'cyan' },\n  { carbonColor: magenta50, name: 'magenta' },\n  { carbonColor: purple50, name: 'purple' },\n  { carbonColor: teal50, name: 'teal' },\n  { carbonColor: yellow50, name: 'yellow' },\n  { carbonColor: orange50, name: 'orange' },\n]",
           "computed": false
         },
         "description": "Array of selectable color objects for text hotspot background",
@@ -313441,7 +313465,7 @@ React keys must be passed directly to JSX without using spread:
       },
       "borderColors": {
         "defaultValue": {
-          "value": "[\n  { carbonColor: gray50, name: 'gray' },\n  { carbonColor: red50, name: 'red' },\n  { carbonColor: green50, name: 'green' },\n  { carbonColor: blue50, name: 'blue' },\n]",
+          "value": "[\n  { carbonColor: gray50, name: 'gray' },\n  { carbonColor: red50, name: 'red' },\n  { carbonColor: green50, name: 'green' },\n  { carbonColor: blue50, name: 'blue' },\n  { carbonColor: cyan50, name: 'cyan' },\n  { carbonColor: magenta50, name: 'magenta' },\n  { carbonColor: purple50, name: 'purple' },\n  { carbonColor: teal50, name: 'teal' },\n  { carbonColor: yellow50, name: 'yellow' },\n  { carbonColor: orange50, name: 'orange' },\n]",
           "computed": false
         },
         "description": "Array of selectable color objects for text hotspot border",
@@ -313549,7 +313573,7 @@ React keys must be passed directly to JSX without using spread:
       },
       "fontColors": {
         "defaultValue": {
-          "value": "[\n  { carbonColor: gray50, name: 'gray' },\n  { carbonColor: red50, name: 'red' },\n  { carbonColor: green50, name: 'green' },\n  { carbonColor: blue50, name: 'blue' },\n]",
+          "value": "[\n  { carbonColor: gray50, name: 'gray' },\n  { carbonColor: red50, name: 'red' },\n  { carbonColor: green50, name: 'green' },\n  { carbonColor: blue50, name: 'blue' },\n  { carbonColor: cyan50, name: 'cyan' },\n  { carbonColor: magenta50, name: 'magenta' },\n  { carbonColor: purple50, name: 'purple' },\n  { carbonColor: teal50, name: 'teal' },\n  { carbonColor: yellow50, name: 'yellow' },\n  { carbonColor: orange50, name: 'orange' },\n]",
           "computed": false
         },
         "description": "Array of selectable color objects for text hotspot font",