@thecb/components 4.0.2 → 4.0.3-beta-0

package/dist/index.cjs.js

@@ -14347,12 +14347,15 @@ var Heading = function Heading(_ref) {
       className = _ref.className,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "h1" : _ref$variant,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? "h1" : _ref$as,
       dataQa = _ref.dataQa,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "dataQa", "children"]);
+      rest = _objectWithoutProperties(_ref, ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"]);
 
   return /*#__PURE__*/React__default.createElement(HeadingText, _extends({
-    as: variant,
+    variant: variant,
+    as: as,
     weight: weight,
     color: color,
     margin: margin,
@@ -18392,8 +18395,8 @@ var color$5 = {
   disabled: "".concat(DUSTY_GREY)
 };
 var labelColor = {
-  "default": "".concat(STORM_GREY),
-  disabled: "".concat(STORM_GREY)
+  "default": "".concat(FIREFLY_GREY),
+  disabled: "".concat(FIREFLY_GREY)
 };
 var borderColor = {
   "default": "".concat(GREY_CHATEAU),
@@ -18990,16 +18993,19 @@ var LabeledAmount = function LabeledAmount(_ref) {
       variant = _ref$variant === void 0 ? "pL" : _ref$variant,
       label = _ref.label,
       amount = _ref.amount,
-      themeValues = _ref.themeValues;
+      themeValues = _ref.themeValues,
+      as = _ref.as;
   var LabeledAmountText = variant === "h6" ? Heading$1 : Paragraph$1;
   return /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row"
   }, /*#__PURE__*/React__default.createElement(LabeledAmountText, {
     variant: variant,
+    as: as,
     weight: themeValues.fontWeight,
     extraStyles: "text-align: start; flex: 3;"
   }, label, ":"), /*#__PURE__*/React__default.createElement(LabeledAmountText, {
     variant: variant,
+    as: as,
     weight: themeValues.fontWeight,
     extraStyles: "text-align: end; flex: 1;"
   }, amount));
@@ -34368,7 +34374,7 @@ var textAlign = {
 };
 var titleType = {
   "default": "h5",
-  largeTitle: "h3"
+  largeTitle: "h1"
 };
 var titleSpacing = {
   "default": "0.5rem",
@@ -34412,12 +34418,11 @@ var Module = function Module(_ref) {
       variant = _ref$variant === void 0 ? "default" : _ref$variant,
       children = _ref.children;
   return /*#__PURE__*/React__default.createElement(React.Fragment, null, heading && /*#__PURE__*/React__default.createElement(Heading$1, {
-    variant: variant === "default" ? "h5" : "h3",
+    variant: variant === "default" ? "h5" : "h2",
     weight: themeValues.fontWeight,
     color: themeValues.fontColor,
     margin: "".concat(spacing, " 0 ").concat(themeValues.titleSpacing, " 0"),
-    textAlign: themeValues.textAlign,
-    "aria-level": variant === "default" ? "3" : "1"
+    textAlign: themeValues.textAlign
   }, heading), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 ".concat(spacingBottom)
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -36665,6 +36670,7 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
     label: "Subtotal",
     amount: displayCurrency(subtotal)
   }), feeElems), /*#__PURE__*/React__default.createElement(SolidDivider$1, null), /*#__PURE__*/React__default.createElement(LabeledAmount$1, {
+    as: "h2",
     variant: themeValues.labeledAmountTotal,
     label: "Total",
     amount: displayCurrency(total)
@@ -36786,9 +36792,11 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     justify: "space-between",
     align: "center"
   }, /*#__PURE__*/React__default.createElement(Heading$1, {
-    variant: "h6",
-    weight: "700"
+    variant: "h5",
+    weight: "700",
+    as: "h1"
   }, titleText), displayCurrency(total))) : /*#__PURE__*/React__default.createElement(Heading$1, {
+    as: "h1",
     variant: "h3",
     weight: "700",
     margin: "1rem 0 0 0"
@@ -37450,7 +37458,8 @@ var RadioSection = function RadioSection(_ref) {
         src: icon.img,
         key: icon.img,
         fade: !icon.enabled,
-        isMobile: isMobile
+        isMobile: isMobile,
+        alt: icon.altText
       });
     })))), /*#__PURE__*/React__default.createElement(AnimatePresence, {
       initial: false