@brightspace-ui/core 3.86.2 → 3.86.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -297,6 +297,7 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
|
|
297
297
|
@focus="${this._handleInputTextFocus}"
|
298
298
|
@keydown="${this._handleKeydown}"
|
299
299
|
hide-invalid-icon
|
300
|
+
?hide-invalid-tooltip="${this.opened}"
|
300
301
|
id="${this._inputId}"
|
301
302
|
label="${ifDefined(this.label)}"
|
302
303
|
?label-hidden="${this.labelHidden || this.labelledBy}"
|
@@ -66,6 +66,11 @@ class InputText extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(La
|
|
66
66
|
* @type {boolean}
|
67
67
|
*/
|
68
68
|
hideInvalidIcon: { attribute: 'hide-invalid-icon', type: Boolean, reflect: true },
|
69
|
+
/**
|
70
|
+
* ADVANCED: Hide the tooltip when input is invalid
|
71
|
+
* @type {boolean}
|
72
|
+
*/
|
73
|
+
hideInvalidTooltip: { attribute: 'hide-invalid-tooltip', type: Boolean, reflect: true },
|
69
74
|
/**
|
70
75
|
* Restricts the maximum width of the input box without impacting the width of the label.
|
71
76
|
* @type {string}
|
@@ -270,6 +275,7 @@ class InputText extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(La
|
|
270
275
|
this.autofocus = false;
|
271
276
|
this.disabled = false;
|
272
277
|
this.hideInvalidIcon = false;
|
278
|
+
this.hideInvalidTooltip = false;
|
273
279
|
this.labelHidden = false;
|
274
280
|
this.preventSubmit = false;
|
275
281
|
this.readonly = false;
|
@@ -487,7 +493,7 @@ class InputText extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(La
|
|
487
493
|
|
488
494
|
let tooltip = nothing;
|
489
495
|
if (!this.skeleton) {
|
490
|
-
if (this.validationError && !this.noValidate) {
|
496
|
+
if (this.validationError && !this.noValidate && !this.hideInvalidTooltip) {
|
491
497
|
// this tooltip is using "announced" since we don't want aria-describedby wire-up - VoiceOver ignores our message when the input is invalid
|
492
498
|
tooltip = html`<d2l-tooltip state="error" announced align="start" class="vdiff-target">${this.validationError} <span class="d2l-offscreen">${this.description}</span></d2l-tooltip>`;
|
493
499
|
} else if (this.instructions) {
|
package/custom-elements.json
CHANGED
@@ -6908,6 +6908,12 @@
|
|
6908
6908
|
"type": "boolean",
|
6909
6909
|
"default": "false"
|
6910
6910
|
},
|
6911
|
+
{
|
6912
|
+
"name": "hide-invalid-tooltip",
|
6913
|
+
"description": "ADVANCED: Hide the tooltip when input is invalid",
|
6914
|
+
"type": "boolean",
|
6915
|
+
"default": "false"
|
6916
|
+
},
|
6911
6917
|
{
|
6912
6918
|
"name": "label-hidden",
|
6913
6919
|
"description": "Hides the label visually (moves it to the input's \"aria-label\" attribute)",
|
@@ -7087,6 +7093,13 @@
|
|
7087
7093
|
"type": "boolean",
|
7088
7094
|
"default": "false"
|
7089
7095
|
},
|
7096
|
+
{
|
7097
|
+
"name": "hideInvalidTooltip",
|
7098
|
+
"attribute": "hide-invalid-tooltip",
|
7099
|
+
"description": "ADVANCED: Hide the tooltip when input is invalid",
|
7100
|
+
"type": "boolean",
|
7101
|
+
"default": "false"
|
7102
|
+
},
|
7090
7103
|
{
|
7091
7104
|
"name": "labelHidden",
|
7092
7105
|
"attribute": "label-hidden",
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@brightspace-ui/core",
|
3
|
-
"version": "3.86.
|
3
|
+
"version": "3.86.3",
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
5
5
|
"type": "module",
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|