@brightspace-ui/core 3.54.0 → 3.55.0

package/components/meter/README.md

@@ -56,12 +56,14 @@ Linear meters show a horizontal progress bar.
 
 * `value` (required, Number): Current number of completed units. A positive, non-zero number that is less than or equal to `max`.
 * `max` (Number, default: `100`): Max number of units that are being measured by this meter. A positive, non-zero number.
-* `percent` Boolean: Shows a percentage instead of `value/max`.
-* `text-inline` Boolean: Keeps the meter to a single line. Adding one of the following between `{}` (e.g., `{x/y}`) causes replacements:
+* `percent` (Boolean): Shows a percentage instead of `value/max`.
+* `text-inline` (Boolean): Keeps the meter to a single line. 
+* `text` (String): Context information about what the meter is about. Adding one of the following between `{}` (e.g., `{x/y}`) causes replacements:
 	* `%` in the string will be replaced with percentage value
 	* `x/y` in the string will be replaced with fraction with the proper language support
 	* **DEPRECATED** `x` in the string will be replaced with `value`
 	* **DEPRECATED** `y` in the string will be replaced with `max`
+* `text-hidden` (Boolean): Hides the text visually
 <!-- docs: end hidden content -->
 
 ## Radial meter [d2l-meter-radial]

package/components/meter/demo/meter.html

@@ -42,6 +42,7 @@
 						<d2l-meter-linear value="3" max="6"></d2l-meter-linear>
 						<d2l-meter-linear value="3" max="6" percent></d2l-meter-linear>
 						<d2l-meter-linear value="3" max="6" text="Visited: {x/y}" percent></d2l-meter-linear>
+						<d2l-meter-linear value="3" max="6" text="Visited: {x/y}" percent text-hidden></d2l-meter-linear>
 						<d2l-meter-linear value="3" max="6" text="Visited: {%}"></d2l-meter-linear>
 						<d2l-meter-linear value="3" max="6" text="You're doing great!" percent></d2l-meter-linear>
 					</div>

package/components/meter/meter-linear.js

@@ -115,7 +115,9 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
 			'd2l-meter-linear-primary-ltr': !this.percent,
 			'd2l-meter-linear-primary': true
 		};
-		const secondaryTextElement = secondary ? html`<div class="d2l-meter-linear-secondary">${secondary}</div>` : nothing;
+		const secondaryTextElement = secondary && !this.textHidden
+			? html`<div class="d2l-meter-linear-secondary">${secondary}</div>`
+			: nothing;
 
 		return html `
 			<div

package/package.json

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