dce-reactkit 3.7.21 → 3.7.24

package/dist/esm/types/components/RadioButton.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import Variant from '../types/Variant';
 type Props = {
-    text: string;
+    text: React.ReactNode;
     onSelected: () => void;
     ariaLabel: string;
     title?: string;

package/dist/index.d.ts

@@ -204,7 +204,7 @@ declare const TabBox: React$1.FC<Props$i>;
  */
 
 type Props$h = {
-    text: string;
+    text: React$1.ReactNode;
     onSelected: () => void;
     ariaLabel: string;
     title?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.7.21",
+  "version": "3.7.24",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/Modal/index.tsx

@@ -433,6 +433,17 @@ const Modal: React.FC<ModalProps> = (props) => {
         className={`modal-dialog modal-${size} ${animationClass} modal-dialog-scrollable modal-dialog-centered`}
         style={{
           zIndex: baseZIndex + 2,
+          // Override sizes for even larger for XL
+          width: (
+            size === ModalSize.ExtraLarge
+              ? 'calc(100vw - 3rem)'
+              : undefined
+          ),
+          maxWidth: (
+            size === ModalSize.ExtraLarge
+              ? '80rem'
+              : undefined
+          ),
         }}
       >
         <div

package/src/components/RadioButton.tsx

@@ -21,7 +21,7 @@ import { isDarkModeOn } from '../client/initClient';
 
 type Props = {
   // Text of the button
-  text: string,
+  text: React.ReactNode,
   // Handler for when this item is selected (not called if already selected)
   onSelected: () => void,
   // Aria label