@codecademy/gamut
68.2.268.2.3-alpha.c8dfb9.0
dist/Modals/Dialog.js~
dist/Modals/Dialog.jsModified+2−1
Index: package/dist/Modals/Dialog.js
===================================================================
--- package/dist/Modals/Dialog.js
+++ package/dist/Modals/Dialog.js
@@ -3,8 +3,9 @@
import { Box } from '../Box';
import { FillButton, IconButton, TextButton } from '../Button';
import { Overlay } from '../Overlay';
import { Text } from '../Typography';
+import { isNullish } from '../utils/nullish';
import { ModalContainer } from './elements';
import { ImageContainer } from './ImageContainer';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const Dialog = ({
@@ -40,9 +41,9 @@
...rest,
children: /*#__PURE__*/_jsxs(ModalContainer, {
"aria-hidden": "false",
"aria-label": "dialog",
- "aria-labelledby": String(title),
+ "aria-labelledby": !isNullish(title) && (typeof title === 'string' || typeof title === 'number') ? String(title) : undefined,
"aria-modal": "true",
"data-autofocus": true,
layout: "dialog",
ref: containerFocusRef,