@brightspace-ui/core 3.193.0 → 3.194.0

package/components/inputs/docs/input-color.md

@@ -55,11 +55,12 @@ input.addEventListener('change', (e) => {
 * `inline-help`: Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label.
 <!-- docs: end hidden content -->
 
-### Accessibility Properties
+## Accessibility
 
-To make your usage of `d2l-input-color` accessible, use the following properties when applicable:
+At its core, the color input is a button, so it relies on standard button semantics and adheres to [W3C's Button Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/button) to ensure a smooth experience for all assistive technologies, but there are a few interesting details to note:
 
-| Attribute | Description |
-|---|---|
-| `label` | **REQUIRED** when type is `custom`. [Acts as a primary label for the button](https://www.w3.org/WAI/tutorials/forms/labels/). Visible unless `label-hidden` is also used. |
-| `label-hidden` | Use if label should be visually hidden. |
+ * `label` is required if `type` is `custom`, since it acts as a primary label for the button
+   * However, if `type` is set to `background` or `foreground` a simple default will be used if `label` is left empty
+ * `label-hidden` can be used to hide the label when there is sufficient visual context for sighted users; the label will remain available to screen reader users who may lack the visual context
+ * `associated-value` allows you to set a hex color against which the input's color contrast will be measured, which ensures end users will get appropriate warnings if they choose inaccessible color combinations
+ * The color input remains focusable even when `disabled` or in `read-only` mode, so that users can access the tooltip giving the current value

package/components/inputs/input-color.js

@@ -91,7 +91,7 @@ class InputColor extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(F
 	static get properties() {
 		return {
 			/**
-			 * Value of an associated color as a HEX which will be used for color contrast analysis
+			 * ACCESSIBILITY: Value of an associated color as a HEX which will be used for color contrast analysis
 			 * @type {string}
 			 */
 			associatedValue: { attribute: 'associated-value', type: String },
@@ -106,7 +106,7 @@ class InputColor extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(F
 			 */
 			disallowNone: { attribute: 'disallow-none', type: Boolean },
 			/**
-			 * REQUIRED: Label for the input, comes with a default value for background & foreground types.
+			 * ACCESSIBILITY: REQUIRED: Label for the input, comes with a default value for background & foreground types.
 			 * @type {string}
 			 */
 			label: {

package/custom-elements.json

@@ -5476,12 +5476,12 @@
       "attributes": [
         {
           "name": "label",
-          "description": "REQUIRED: Label for the input, comes with a default value for background & foreground types.",
+          "description": "ACCESSIBILITY: REQUIRED: Label for the input, comes with a default value for background & foreground types.",
           "type": "string"
         },
         {
           "name": "associated-value",
-          "description": "Value of an associated color as a HEX which will be used for color contrast analysis",
+          "description": "ACCESSIBILITY: Value of an associated color as a HEX which will be used for color contrast analysis",
           "type": "string"
         },
         {
@@ -5534,13 +5534,13 @@
         {
           "name": "label",
           "attribute": "label",
-          "description": "REQUIRED: Label for the input, comes with a default value for background & foreground types.",
+          "description": "ACCESSIBILITY: REQUIRED: Label for the input, comes with a default value for background & foreground types.",
           "type": "string"
         },
         {
           "name": "associatedValue",
           "attribute": "associated-value",
-          "description": "Value of an associated color as a HEX which will be used for color contrast analysis",
+          "description": "ACCESSIBILITY: Value of an associated color as a HEX which will be used for color contrast analysis",
           "type": "string"
         },
         {

package/helpers/mathjax.js

@@ -1,5 +1,3 @@
-import { getFlag } from './flags.js';
-
 /* When updating MathJax, update mathjaxBaseUrl to use the new version
  * and verify that the font mappings included in mathjaxFontMappings
  * match what's present in the MathJax-src repo.
@@ -40,16 +38,10 @@ class HtmlBlockMathRenderer {
 
 	async render(elem, options) {
 		if (!options.contextValues) return elem;
-		let context = options.contextValues.get(mathjaxContextKey);
-
-		if (getFlag('shield-12649-mathjax-default-context', true)) {
-			context = context || {
-				renderLatex: false,
-				outputScale: 1
-			};
-		} else {
-			if (context === undefined) return elem;
-		}
+		const context = options.contextValues.get(mathjaxContextKey) || {
+			renderLatex: false,
+			outputScale: 1
+		};
 
 		if (!elem.querySelector('math') && !(context.renderLatex && /\$\$|\\\(|\\\[|\\begin{|\\ref{|\\eqref{/.test(elem.innerHTML))) return elem;
 

package/package.json

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