@brightspace-ui/core 1.219.2 → 1.220.0

package/components/inputs/input-radio-styles.js

@@ -40,7 +40,7 @@ export const radioStyles = css`
 	.d2l-input-radio-label > input[type="radio"]:focus {
 		border-color: var(--d2l-color-celestine);
 		border-width: 2px;
-		outline-width: 0;
+		outline: none;
 	}
 	.d2l-input-radio[aria-invalid="true"],
 	.d2l-input-radio-label > input[type="radio"][aria-invalid="true"] {

package/custom-elements.json

@@ -3458,7 +3458,7 @@
       "slots": [
         {
           "name": "",
-          "description": "Provide an html template that contains your user-authored HTML"
+          "description": "Provide your user-authored HTML"
         }
       ]
     },

package/helpers/mathjax.js

@@ -19,6 +19,7 @@ export class HtmlBlockMathRenderer {
 		if (!elem.querySelector('math') && !(isLatexSupported && /\$\$|\\\(|\\\[|\\begin{|\\ref{|\\eqref{/.test(elem.innerHTML))) return elem;
 
 		const mathJaxConfig = {
+			deferTypeset: true,
 			renderLatex: isLatexSupported,
 			outputScale: context.outputScale || 1
 		};
@@ -27,7 +28,11 @@ export class HtmlBlockMathRenderer {
 
 		// If we're opting out of deferred rendering, we need to rely
 		// on the global MathJax install for rendering.
-		if (options.noDeferredRendering) return elem;
+		if (options.noDeferredRendering) {
+			await window.MathJax.startup.promise;
+			window.MathJax.typeset([elem]);
+			return elem;
+		}
 
 		const temp = document.createElement('div');
 		temp.style.display = 'none';
@@ -35,6 +40,7 @@ export class HtmlBlockMathRenderer {
 		temp.shadowRoot.innerHTML = `<div><mjx-doc><mjx-head></mjx-head><mjx-body>${elem.innerHTML}</mjx-body></mjx-doc></div>`;
 
 		elem.appendChild(temp);
+		await window.MathJax.startup.promise;
 		window.MathJax.typesetShadow(temp.shadowRoot);
 		return temp.shadowRoot.firstChild;
 	}
@@ -138,7 +144,7 @@ export function loadMathJax(mathJaxConfig) {
 					const InputJax = startup.getInputJax();
 					const OutputJax = startup.getOutputJax();
 					const html = mathjax.document(root, { InputJax, OutputJax });
-					html.render();
+					html.render().typeset();
 					return html;
 				};
 
@@ -146,7 +152,9 @@ export function loadMathJax(mathJaxConfig) {
 				//  Now do the usual startup now that the extensions are in place
 				//
 				window.MathJax.startup.defaultReady();
-			}
+			},
+			// Defer typesetting if the config is present and deferring is set
+			typeset: !(mathJaxConfig && mathJaxConfig.deferTypeset)
 		}
 	};
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "1.219.2",
+  "version": "1.220.0",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",