@brightspace-ui/core 3.45.1 → 3.46.1

package/components/inputs/demo/input-date.html

@@ -47,13 +47,6 @@
 				</template>
 			</d2l-demo-snippet>
 
-			<h2>Empty Text</h2>
-			<d2l-demo-snippet>
-				<template>
-					<d2l-input-date label="Reminder Date" empty-text="No reminder date ever entered"></d2l-input-date>
-				</template>
-			</d2l-demo-snippet>
-
 			<h2>Required</h2>
 			<d2l-demo-snippet>
 				<template>

package/components/inputs/docs/input-date-time.md

@@ -47,7 +47,6 @@ Note: All `*value` properties should be in ISO 8601 calendar date format (`YYYY-
 |--|--|--|
 | `label` | String, **required** | Accessible label for the input |
 | `disabled` | Boolean | Disables the input |
-| `empty-text` | String | Text to reassure users that they can choose not to provide a value in this field (usually not necessary) |
 | `label-hidden` | Boolean | Hides the label visually (moves it to the input's `aria-label` attribute) |
 | `labelled-by` | String | HTML id of an element in the same shadow root which acts as the input's label |
 | `max-value` | String | Maximum valid date that could be selected by a user. |
@@ -112,7 +111,7 @@ Note: All `*value` properties should be in ISO 8601 calendar date format (`YYYY-
 
 ## Time Input [d2l-input-time]
 
-Use the `<d2l-input-time>` component when users need to enter a time, without a date. The component consists of a text input field for typing a time and an attached dropdown for time selection. The dropdown opens on click of the text input, or on enter or down arrow press if the text input is focused. It displays the `value` if one is specified, or a placeholder if not, and reflects the selected value when one is selected in the dropdown or entered in the text input.
+Use the `<d2l-input-time>` component when users need to enter a time, without a date. The component consists of a text input field for typing a time and an attached dropdown for time selection. The dropdown opens on click of the text input, or on enter or down arrow press if the text input is focused. It displays the `value` if one is specified, or a fallback time if not, and reflects the selected value when one is selected in the dropdown or entered in the text input.
 
 Note: All `*value` properties should be in ISO 8601 time format (`hh:mm:ss`) and should be [localized to the user's timezone](#timezone) (if applicable).
 

package/components/inputs/input-date.js

@@ -38,11 +38,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 			 * @type {boolean}
 			 */
 			disabled: { type: Boolean },
-			/**
-			 * ADVANCED: Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)
-			 * @type {string}
-			 */
-			emptyText: { type: String, attribute: 'empty-text' },
 			/**
 			 * @ignore
 			 * Optionally add a 'Now' button to be used in date-time pickers only.
@@ -149,7 +144,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 		super();
 
 		this.disabled = false;
-		this.emptyText = '';
 		/** @ignore */
 		this.hasNow = false;
 		this.labelHidden = false;
@@ -224,8 +218,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 			this.updateComplete.then(() => tryUpdateHiddenContentWidth());
 		});
 
-		this._formattedValue = this.emptyText ? this.emptyText : '';
-
 		await (document.fonts ? document.fonts.ready : Promise.resolve());
 
 		// resize observer needed to handle case where it's initially hidden
@@ -283,7 +275,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 			<div aria-hidden="true" class="d2l-input-date-hidden-text">
 				<div>${formattedWideDate}</div>
 				<div>${shortDateFormat}</div>
-				<div>${this.emptyText}</div>
 			</div>
 			${errorTooltip}
 			<d2l-dropdown ?disabled="${this.disabled || this.skeleton}" no-auto-open ?prefer-fixed-positioning="${this.preferFixedPositioning}">
@@ -294,7 +285,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 					@change="${this._handleChange}"
 					class="d2l-dropdown-opener vdiff-target"
 					instructions="${ifDefined((this._showInfoTooltip && !errorTooltip && !this.invalid && this.childErrors.size === 0 && this._inputTextFocusShowTooltip) ? this.localize(`${this._namespace}.openInstructions`, { format: shortDateFormat }) : undefined)}"
-					description="${ifDefined(this.emptyText ? this.emptyText : undefined)}"
 					?disabled="${this.disabled}"
 					@focus="${this._handleInputTextFocus}"
 					@keydown="${this._handleKeydown}"
@@ -361,7 +351,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 
 	_handleBlur() {
 		this._showInfoTooltip = true;
-		this._setFormattedValue(); // needed for case with empty text click on input-text then blur
 		this.requestValidate(true);
 	}
 
@@ -528,7 +517,7 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
 	}
 
 	_setFormattedValue() {
-		this._formattedValue = this._shownValue ? formatISODateInUserCalDescriptor(this._shownValue) : (this.emptyText ? this.emptyText : '');
+		this._formattedValue = this._shownValue ? formatISODateInUserCalDescriptor(this._shownValue) : '';
 	}
 
 	async _updateValueDispatchEvent(dateInISO, setToNow) {

package/components/inputs/input-time.js

@@ -116,7 +116,7 @@ function initIntervals(size, enforceTimeIntervals) {
 }
 
 /**
- * A component that consists of a text input field for typing a time and an attached dropdown for time selection. It displays the "value" if one is specified, or a placeholder if not, and reflects the selected value when one is selected in the dropdown or entered in the text input.
+ * A component that consists of a text input field for typing a time and an attached dropdown for time selection. It displays the "value" if one is specified, or a fallback time if not, and reflects the selected value when one is selected in the dropdown or entered in the text input.
  * @slot 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.
  * @fires change - Dispatched when there is a change to selected time. `value` corresponds to the selected value and is formatted in ISO 8601 time format (`hh:mm:ss`).
  */

package/custom-elements.json

@@ -5961,12 +5961,6 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "empty-text",
-          "description": "ADVANCED: Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "label-hidden",
           "description": "Hides the label visually. Hidden labels are still read by screen readers so make sure to set an appropriate label.",
@@ -6032,13 +6026,6 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "emptyText",
-          "attribute": "empty-text",
-          "description": "ADVANCED: Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)",
-          "type": "string",
-          "default": "\"\""
-        },
         {
           "name": "labelHidden",
           "attribute": "label-hidden",
@@ -7620,7 +7607,7 @@
     {
       "name": "d2l-input-time",
       "path": "./components/inputs/input-time.js",
-      "description": "A component that consists of a text input field for typing a time and an attached dropdown for time selection. It displays the \"value\" if one is specified, or a placeholder if not, and reflects the selected value when one is selected in the dropdown or entered in the text input.",
+      "description": "A component that consists of a text input field for typing a time and an attached dropdown for time selection. It displays the \"value\" if one is specified, or a fallback time if not, and reflects the selected value when one is selected in the dropdown or entered in the text input.",
       "attributes": [
         {
           "name": "default-value",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.45.1",
+  "version": "3.46.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",
@@ -49,7 +49,7 @@
     "@brightspace-ui/testing": "^1",
     "@rollup/plugin-dynamic-import-vars": "^2",
     "@rollup/plugin-node-resolve": "^15",
-    "@rollup/plugin-replace": "^5",
+    "@rollup/plugin-replace": "^6",
     "@web/dev-server": "^0.4",
     "chalk": "^5",
     "eslint": "^8",