luna-one 3.1.466 → 3.1.467

package/dist/luna/components/CtaWithHeader/CtaWithHeader.js

@@ -17,6 +17,8 @@ var _checkForExternalLink = _interopRequireDefault(require("../../utils/checkFor
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var VideoComponent = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("../Video/Video"));
@@ -95,8 +97,9 @@ var CtaWithHeader = function CtaWithHeader(_ref) {
   }, eyebrow && /*#__PURE__*/_react["default"].createElement("div", {
     className: "eyebrow"
   }, eyebrow), headline && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "heading"
-  }, headline), subhead && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "heading",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(headline)
+  }), subhead && /*#__PURE__*/_react["default"].createElement("div", {
     className: "subheading"
   }, subhead)), content && /*#__PURE__*/_react["default"].createElement("div", {
     className: "content content__bullet-theme--".concat(variantClass),

package/dist/luna/components/DataPoint/DataPointMethods.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var Icon = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("terra-one"));
@@ -82,8 +84,9 @@ var Point = function Point(_ref) {
     style: {
       color: (themes === null || themes === void 0 ? void 0 : themes.color) || "#26292E"
     },
-    "aria-label": header
-  }, header), /*#__PURE__*/_react["default"].createElement("p", {
+    "aria-label": header,
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), /*#__PURE__*/_react["default"].createElement("p", {
     className: "data-point__description data-point--".concat(variant, "__description "),
     style: {
       color: (themes === null || themes === void 0 ? void 0 : themes.color) || "#26292E"

package/dist/luna/components/HTMLEmbed/HTMLEmbed.js

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 require("./HTMLEmbed.scss");
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var HTMLEmbed = function HTMLEmbed(_ref) {
   var content = _ref.content,
       paddingClass = _ref.paddingClass;
@@ -132,8 +134,9 @@ var HTMLEmbed = function HTMLEmbed(_ref) {
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "MXP-embed ".concat(paddingClass)
   }, (content === null || content === void 0 ? void 0 : content.header) && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "MXP-embed__header"
-  }, header), (content === null || content === void 0 ? void 0 : content.subheader) && /*#__PURE__*/_react["default"].createElement("h5", {
+    className: "MXP-embed__header",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), (content === null || content === void 0 ? void 0 : content.subheader) && /*#__PURE__*/_react["default"].createElement("h5", {
     className: "MXP-embed__subheader"
   }, subheader), loaded && isScript ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "MXP-embed__content-wrapper dangerously-set-content ".concat(returnRatioClass()),

package/dist/luna/components/Header/Header.js

@@ -15,6 +15,8 @@ var _checkForThemeProps = require("../../utils/checkForThemeProps");
 
 var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var Header = function Header(_ref) {
   var eyebrow = _ref.eyebrow,
       headline = _ref.headline,
@@ -39,8 +41,9 @@ var Header = function Header(_ref) {
   }, eyebrow && /*#__PURE__*/_react["default"].createElement("div", {
     className: "eyebrow"
   }, eyebrow), headline && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "headline ".concat(!eyebrow ? "headline--no-margin" : "")
-  }, headline), subhead && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "headline ".concat(!eyebrow ? "headline--no-margin" : ""),
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(headline)
+  }), subhead && /*#__PURE__*/_react["default"].createElement("div", {
     className: "subhead"
   }, subhead)));
 };

package/dist/luna/components/NonTimeBasedListEntries/NonTimeBasedListEntriesMethods.js

@@ -19,6 +19,8 @@ var _checkForExternalLink = _interopRequireDefault(require("../../utils/checkFor
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var FocusedImage = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("terra-one"));
@@ -83,8 +85,9 @@ var LongDescriptionCard = function LongDescriptionCard(_ref) {
   }, eyebrow && /*#__PURE__*/_react["default"].createElement("div", {
     className: "eyebrow"
   }, eyebrow), header && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "heading"
-  }, header), subhead && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "heading",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), subhead && /*#__PURE__*/_react["default"].createElement("div", {
     className: "subtitle"
   }, subhead)), summary && /*#__PURE__*/_react["default"].createElement("div", {
     className: "body-container",
@@ -129,8 +132,9 @@ var ShortDescriptionCard = function ShortDescriptionCard(_ref3) {
   }, header && /*#__PURE__*/_react["default"].createElement("div", {
     className: "heading-container"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "heading ".concat(link && (0, _checkForExternalLink["default"])(link === null || link === void 0 ? void 0 : link.url) ? "has-link-external" : link ? "has-link" : "")
-  }, header)), (category || role) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "heading ".concat(link && (0, _checkForExternalLink["default"])(link === null || link === void 0 ? void 0 : link.url) ? "has-link-external" : link ? "has-link" : ""),
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  })), (category || role) && /*#__PURE__*/_react["default"].createElement("div", {
     className: "subhead-container"
   }, category && /*#__PURE__*/_react["default"].createElement("div", {
     className: "entry industry-category"

package/dist/luna/components/OverlayNotice/OverlayNotice.js

@@ -25,6 +25,8 @@ var _useScreenSize2 = require("../../utils/hooks/useScreenSize");
 
 var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var _component = _interopRequireDefault(require("@loadable/component"));
 
 var Button = (0, _component["default"])(function () {
@@ -89,8 +91,9 @@ var OverlayNotice = function OverlayNotice(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "overlay-notice__text-content"
   }, header && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "overlay-notice__header"
-  }, header), details && renderDetails && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "overlay-notice__header",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), details && renderDetails && /*#__PURE__*/_react["default"].createElement("div", {
     className: "overlay-notice__details",
     style: isExpanded || width > 600 ? {
       display: "block"

package/dist/luna/components/ProductSummary/ProductSummaryMethods.js

@@ -13,6 +13,8 @@ var _terraOne = require("terra-one");
 
 var _checkForExternalLink = _interopRequireDefault(require("../../utils/checkForExternalLink"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var SummaryCard = function SummaryCard(summaryCard, labels, version) {
   var name = summaryCard.name,
       description = summaryCard.description,
@@ -45,8 +47,9 @@ var SummaryCard = function SummaryCard(summaryCard, labels, version) {
   }, (labels === null || labels === void 0 ? void 0 : labels.productSummaryLabel) && /*#__PURE__*/_react["default"].createElement("h1", {
     className: "product-summary-card--container__name-label"
   }, labels === null || labels === void 0 ? void 0 : labels.productSummaryLabel), name && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "product-summary-card--container__name-text"
-  }, name), description && /*#__PURE__*/_react["default"].createElement("p", {
+    className: "product-summary-card--container__name-text",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(name)
+  }), description && /*#__PURE__*/_react["default"].createElement("p", {
     className: "product-summary-card--container__name-description"
   }, description)), productLine && /*#__PURE__*/_react["default"].createElement("div", {
     className: "product-summary-card--container__line"
@@ -93,8 +96,9 @@ var summaryColumn = function summaryColumn(column, i) {
   }, (column === null || column === void 0 ? void 0 : column.eyebrow) && /*#__PURE__*/_react["default"].createElement("h1", {
     className: "product-summary-column__eyebrow"
   }, column === null || column === void 0 ? void 0 : column.eyebrow), (column === null || column === void 0 ? void 0 : column.header) && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "product-summary-column__header"
-  }, column === null || column === void 0 ? void 0 : column.header), (column === null || column === void 0 ? void 0 : column.subheader) && /*#__PURE__*/_react["default"].createElement("h4", {
+    className: "product-summary-column__header",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(column === null || column === void 0 ? void 0 : column.header)
+  }), (column === null || column === void 0 ? void 0 : column.subheader) && /*#__PURE__*/_react["default"].createElement("h4", {
     className: "product-summary-column__subheader"
   }, column === null || column === void 0 ? void 0 : column.subheader), /*#__PURE__*/_react["default"].createElement("ul", {
     className: "product-summary-column__bullets-container"

package/dist/luna/components/ProseLayout/ProseLayout.js

@@ -17,6 +17,8 @@ var _renderDownloadIcon = _interopRequireDefault(require("../../utils/renderDown
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var FocusedImage = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("terra-one"));
@@ -92,8 +94,9 @@ var ProseLayout = function ProseLayout(_ref) {
       key: "category-".concat(industryOrCategory.name)
     }, industryOrCategory.name);
   })), header && /*#__PURE__*/_react["default"].createElement("h1", {
-    className: "header"
-  }, header), subheader && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "header",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), subheader && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sub-header"
   }, subheader)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "body inner-padding"

package/dist/luna/components/Tabs/Tabs.js

@@ -23,6 +23,8 @@ var _useWindowSize3 = _interopRequireDefault(require("../../utils/hooks/useWindo
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 function jumpToContent(contentID) {
   if (typeof window !== "undefined" && typeof document !== "undefined") {
     if (window.innerWidth <= 900) {
@@ -76,8 +78,9 @@ var NavEntry = function NavEntry(_ref2) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "nav-text"
   }, header && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "nav-title"
-  }, header), description && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "nav-title",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), description && /*#__PURE__*/_react["default"].createElement("div", {
     className: "nav-subtitle"
   }, description)));
 };

package/dist/luna/components/TimeBasedList/TimeBasedList.js

@@ -23,6 +23,8 @@ var _trimbleGlobe = _interopRequireDefault(require("../../images/trimble-globe.j
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var FocusedImage = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("terra-one"));
@@ -55,10 +57,12 @@ var Card = function Card(_ref) {
     className: "industry-category"
   }, category), title && url ? /*#__PURE__*/_react["default"].createElement("a", {
     href: url,
-    className: (0, _checkForExternalLink["default"])(url) ? "title-external" : "title"
-  }, title) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "title"
-  }, title)), date && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _checkForExternalLink["default"])(url) ? "title-external" : "title",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(title)
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(title)
+  })), date && /*#__PURE__*/_react["default"].createElement("div", {
     className: "date",
     "aria-label": "".concat(date === null || date === void 0 ? void 0 : date.month, " ").concat(date === null || date === void 0 ? void 0 : date.day, ", ").concat(date.year).concat(endDate ? " to ".concat(endDate === null || endDate === void 0 ? void 0 : endDate.month, " ").concat(endDate === null || endDate === void 0 ? void 0 : endDate.day, ", ").concat(endDate.year) : "")
   }, "".concat(date === null || date === void 0 ? void 0 : date.month, " ").concat(date === null || date === void 0 ? void 0 : date.day, ", ").concat(date.year).concat(endDate ? " - ".concat(endDate === null || endDate === void 0 ? void 0 : endDate.month, " ").concat(endDate === null || endDate === void 0 ? void 0 : endDate.day, ", ").concat(endDate.year) : ""))), variant === "long-details" && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -105,10 +109,12 @@ var Card = function Card(_ref) {
     "aria-label": "".concat(date === null || date === void 0 ? void 0 : date.month, " ").concat(date === null || date === void 0 ? void 0 : date.day, ", ").concat(date.year).concat(endDate ? " to ".concat(endDate === null || endDate === void 0 ? void 0 : endDate.month, " ").concat(endDate === null || endDate === void 0 ? void 0 : endDate.day, ", ").concat(endDate.year) : "")
   }, "".concat(date === null || date === void 0 ? void 0 : date.month, " ").concat(date === null || date === void 0 ? void 0 : date.day, ", ").concat(date.year).concat(endDate ? " - ".concat(endDate === null || endDate === void 0 ? void 0 : endDate.month, " ").concat(endDate === null || endDate === void 0 ? void 0 : endDate.day, ", ").concat(endDate.year) : "")), title && url ? /*#__PURE__*/_react["default"].createElement("a", {
     href: url,
-    className: "title"
+    className: "title",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(title)
   }, title) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "title"
-  }, title), description && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "title",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(title)
+  }), description && /*#__PURE__*/_react["default"].createElement("div", {
     className: "description"
   }, /*#__PURE__*/_react["default"].createElement("p", null, description)), (formats === null || formats === void 0 ? void 0 : formats.length) && /*#__PURE__*/_react["default"].createElement("div", {
     className: "group docs"

package/dist/luna/components/UnboundedCard/UnboundedCard.js

@@ -27,6 +27,8 @@ var _useVideo2 = require("../../utils/hooks/useVideo");
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var Fade = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("react-awesome-reveal"));
@@ -89,8 +91,9 @@ var UnboundedCard = function UnboundedCard(_ref) {
   }, eyebrow && /*#__PURE__*/_react["default"].createElement("div", {
     className: "ter-bounded-card__eyebrow"
   }, eyebrow), header && /*#__PURE__*/_react["default"].createElement("h4", {
-    className: "ter-bounded-card__header ter-unbounded-card__header"
-  }, header), componentText, cardLink && displayButton && !(cardLink !== null && cardLink !== void 0 && cardLink.video) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ter-bounded-card__header ter-unbounded-card__header",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), componentText, cardLink && displayButton && !(cardLink !== null && cardLink !== void 0 && cardLink.video) && /*#__PURE__*/_react["default"].createElement("div", {
     className: "ter-bounded-card__link-holder"
   }, (0, _UnboundedCardMethods.renderButton)(cardLink, Link)), cardLink && !displayButton && /*#__PURE__*/_react["default"].createElement("div", {
     className: "ter-bounded-card__link-holder"

package/dist/luna/featurettes/Accordion/AccordionItem.js

@@ -25,6 +25,8 @@ var _collapseOpenGold = _interopRequireDefault(require("../../images/collapse-op
 
 var _collapseOpenBlue = _interopRequireDefault(require("../../images/collapse-open-blue.svg"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var _component = _interopRequireDefault(require("@loadable/component"));
 
 var Icon = (0, _component["default"])(function () {
@@ -90,8 +92,9 @@ var AccordionItem = function AccordionItem(_ref) {
     type: item === null || item === void 0 ? void 0 : item.icon,
     color: iconColor
   })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "luna-accordion__item-header-text"
-  }, item === null || item === void 0 ? void 0 : item.headline), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "luna-accordion__item-header-text",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(item === null || item === void 0 ? void 0 : item.headline)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "luna-accordion__item-header-collapse"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "luna-accordion__item-header-collapse-type",

package/dist/luna/featurettes/IconTextList/IconTextList.js

@@ -19,6 +19,8 @@ var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"))
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var Icon = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("terra-one"));
@@ -66,8 +68,9 @@ var IconTextList = function IconTextList(_ref) {
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "ter-icon-text-list__item-text"
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "ter-icon-text-list__item-text-headline"
-    }, item === null || item === void 0 ? void 0 : item.headline), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "ter-icon-text-list__item-text-headline",
+      dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(item === null || item === void 0 ? void 0 : item.headline)
+    }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "ter-icon-text-list__item-text-body ter-icon-text-list__bullet-theme--".concat(themeName),
       dangerouslySetInnerHTML: {
         __html: item === null || item === void 0 ? void 0 : item.body

package/dist/luna/featurettes/ProductsPackage/ProductsPackage.js

@@ -27,6 +27,8 @@ var _useScreenSize2 = require("../../utils/hooks/useScreenSize");
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var VideoComponent = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("../../components/Video/Video"));
@@ -132,8 +134,9 @@ var ProductsPackage = function ProductsPackage(_ref) {
   }, eyebrow && /*#__PURE__*/_react["default"].createElement("h1", {
     className: "mxp-products-package-container__right-section--eyebrow"
   }, eyebrow), header && /*#__PURE__*/_react["default"].createElement("h3", {
-    className: "mxp-products-package-container__right-section--header"
-  }, header), text && /*#__PURE__*/_react["default"].createElement("p", {
+    className: "mxp-products-package-container__right-section--header",
+    dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+  }), text && /*#__PURE__*/_react["default"].createElement("p", {
     className: "mxp-products-package-container__right-section--text"
   }, text), cta && /*#__PURE__*/_react["default"].createElement(Button, {
     Link: cta === null || cta === void 0 ? void 0 : cta.Link,

package/dist/luna/heroes/SuperHero/SuperHeroMethods.js

@@ -15,6 +15,8 @@ var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
 
 var _component = _interopRequireDefault(require("@loadable/component"));
 
+var _formatSpecialCharText = _interopRequireDefault(require("../../utils/formatSpecialCharText"));
+
 var DataPoint = (0, _component["default"])(function () {
   return Promise.resolve().then(function () {
     return (0, _interopRequireWildcard2["default"])(require("../../components/DataPoint/DataPoint"));
@@ -458,8 +460,9 @@ var renderVariantsOneToSeven = function renderVariantsOneToSeven(variant, conten
       className: "luna-super-hero__header",
       style: {
         color: theme !== null && theme !== void 0 && theme.headerColor ? theme === null || theme === void 0 ? void 0 : theme.headerColor : color
-      }
-    }, header), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
+      },
+      dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+    }), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
       className: "luna-super-hero__subHeader",
       style: !text ? {
         color: color,
@@ -537,8 +540,9 @@ var renderVariantEightToTen = function renderVariantEightToTen(variant, ContentC
       className: "super-hero-fullscreen__header",
       style: {
         color: theme !== null && theme !== void 0 && theme.headerColor ? theme === null || theme === void 0 ? void 0 : theme.headerColor : color
-      }
-    }, header), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
+      },
+      dangerouslySetInnerHTML: (0, _formatSpecialCharText["default"])(header)
+    }), subHeader && /*#__PURE__*/_react["default"].createElement("h5", {
       className: "super-hero-fullscreen__subHeader",
       style: !text ? {
         color: color,

package/dist/luna/utils/formatSpecialCharText.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var formatSpecialCharText = function formatSpecialCharText(text) {
+  var formattedText = text.replace('©', '<sup>&copy;</sup>').replace('®', '<sup>&reg;</sup>').replace('™', '<sup>&trade;</sup>');
+  return {
+    __html: new DOMParser().parseFromString(formattedText, "text/html").body.innerHTML
+  };
+};
+
+var _default = formatSpecialCharText;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.466",
+  "version": "3.1.467",
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -51,7 +51,7 @@
     "react-scroll": "^1.8.7",
     "react-slidedown": "^2.4.7",
     "smoothscroll-polyfill": "^0.4.4",
-    "terra-one": "^3.0.153"
+    "terra-one": "^3.0.154"
   },
   "scripts": {
     "start": "start-storybook -p 9009 -s public",