dce-reactkit 3.7.27 → 3.7.29

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

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

package/dist/esm/types/components/Modal/ModalProps.d.ts

@@ -12,6 +12,7 @@ type ModalProps = {
     type?: ModalType;
     size?: ModalSize;
     title?: React.ReactNode;
+    largeTitle?: boolean;
     children?: React.ReactNode;
     onClose?: (type: ModalButtonType) => void;
     dontAllowBackdropExit?: boolean;

package/dist/index.d.ts

@@ -150,6 +150,7 @@ type ModalProps = {
     type?: ModalType;
     size?: ModalSize;
     title?: React.ReactNode;
+    largeTitle?: boolean;
     children?: React.ReactNode;
     onClose?: (type: ModalButtonType) => void;
     dontAllowBackdropExit?: boolean;
@@ -223,7 +224,7 @@ declare const RadioButton: React$1.FC<Props$h>;
  */
 
 type Props$g = {
-    text: string;
+    text: React$1.ReactNode;
     onChanged: (checked: boolean) => void;
     ariaLabel: string;
     title?: string;

package/package.json

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

package/src/components/CheckboxButton.tsx

@@ -23,7 +23,7 @@ import { isDarkModeOn } from '../client/initClient';
 
 type Props = {
   // Text of the button
-  text: string,
+  text: React.ReactNode,
   // Handler for when this item is toggled
   onChanged: (checked: boolean) => void,
   // Aria label

package/src/components/Modal/ModalProps.ts

@@ -17,6 +17,8 @@ type ModalProps = {
   size?: ModalSize,
   // Title of the modal (if excluded, no header)
   title?: React.ReactNode,
+  // If true, the title should be large
+  largeTitle?: boolean,
   // The body of the modal
   children?: React.ReactNode,
   // Handler to call when modal is closed (if excluded, not closable)

package/src/components/Modal/index.tsx

@@ -247,6 +247,7 @@ const Modal: React.FC<ModalProps> = (props) => {
     type = ModalType.NoButtons,
     size = ModalSize.Large,
     title,
+    largeTitle,
     children,
     onClose,
     dontAllowBackdropExit,
@@ -480,6 +481,11 @@ const Modal: React.FC<ModalProps> = (props) => {
               className="modal-title"
               style={{
                 fontWeight: 'bold',
+                fontSize: (
+                  largeTitle
+                    ? '1.6rem'
+                    : undefined
+                ),
               }}
             >
               {title}