@thecb/components 5.2.2 → 5.3.3

package/dist/index.esm.js

@@ -40448,7 +40448,9 @@ var fallbackValues$C = {
     {
       title: <React Component(s)>,
       id: <String> "identifier of section",
-      disabled: boolean,
+      disabled: boolean, (displays section and grayed out radio but disables interaction)
+      hideRadioButton: boolean, (keeps section displayed but hides radio and disables open/close function),
+      hidden: boolean, (hides section entirely)
       dataQa: string,
       content: <React Component(s)> e.g.: <Box><Stack>cool content stuff</Stack></Box> (any collection of components will work)
     }
@@ -40568,7 +40570,7 @@ var RadioSection = function RadioSection(_ref) {
     return !section.hidden;
   }).map(function (section) {
     return /*#__PURE__*/React.createElement(Motion, {
-      tabIndex: "0",
+      tabIndex: section.hideRadioButton ? "-1" : "0",
       onKeyDown: function onKeyDown(e) {
         return handleKeyDown(section.id, e);
       },
@@ -41106,13 +41108,10 @@ var fontWeight$8 = {
   "default": FONT_WEIGHT_REGULAR,
   footer: FONT_WEIGHT_SEMIBOLD
 };
+var standardInteractionStyles = "\n    &:hover {\n      outline: none; \n      text-decoration: underline;\n    }\n    &:focus {\n      outline: 3px solid #3181E3;\n      outline-offset: 2px;\n    }\n";
 var modalLinkHoverFocus$2 = {
-  "default": "outline: none; text-decoration: underline;",
-  footer: "outline: none; text-decoration: underline;"
-};
-var accessibilityColor = {
-  "default": "#3181E3",
-  footer: "#3181E3"
+  "default": standardInteractionStyles,
+  footer: standardInteractionStyles
 };
 var fallbackValues$F = {
   backgroundColor: backgroundColor$9,
@@ -41121,8 +41120,7 @@ var fallbackValues$F = {
   fontSize: fontSize$c,
   lineHeight: lineHeight$6,
   fontWeight: fontWeight$8,
-  modalLinkHoverFocus: modalLinkHoverFocus$2,
-  accessibilityColor: accessibilityColor
+  modalLinkHoverFocus: modalLinkHoverFocus$2
 };
 
 var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
@@ -41172,7 +41170,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
     color: themeValues.linkColor,
     weight: themeValues.fontWeight,
     hoverStyles: themeValues.modalLinkHoverFocus,
-    extraStyles: "cursor: pointer;    \n      &:focus { \n        outline: 3px solid ".concat(themeValues.accessibilityColor, "; \n        outline-offset: 2px; \n      }")
+    extraStyles: "display: inline-block; width: fit-content;"
   }, link));
 };