@momentum-design/components 0.80.1 → 0.80.2
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.
- package/dist/browser/index.js +404 -386
- package/dist/browser/index.js.map +4 -4
- package/dist/components/checkbox/checkbox.component.d.ts +4 -0
- package/dist/components/checkbox/checkbox.component.js +4 -0
- package/dist/components/checkbox/index.d.ts +4 -1
- package/dist/components/checkbox/index.js +5 -2
- package/dist/components/formfieldgroup/formfieldgroup.component.d.ts +5 -0
- package/dist/components/formfieldgroup/formfieldgroup.component.js +5 -0
- package/dist/components/formfieldgroup/index.d.ts +4 -2
- package/dist/components/formfieldgroup/index.js +4 -2
- package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +21 -1
- package/dist/components/formfieldwrapper/formfieldwrapper.component.js +40 -2
- package/dist/components/formfieldwrapper/formfieldwrapper.constants.d.ts +3 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.constants.js +3 -0
- package/dist/components/formfieldwrapper/index.d.ts +3 -1
- package/dist/components/formfieldwrapper/index.js +4 -2
- package/dist/components/input/index.d.ts +2 -1
- package/dist/components/input/index.js +3 -2
- package/dist/components/input/input.component.d.ts +1 -0
- package/dist/components/input/input.component.js +1 -0
- package/dist/components/input/input.constants.d.ts +1 -1
- package/dist/components/popover/popover.component.d.ts +1 -1
- package/dist/components/popover/popover.component.js +0 -5
- package/dist/components/progressbar/progressbar.component.js +2 -0
- package/dist/components/radio/index.d.ts +5 -1
- package/dist/components/radio/index.js +5 -1
- package/dist/components/radio/radio.component.d.ts +6 -1
- package/dist/components/radio/radio.component.js +6 -1
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/index.js +2 -0
- package/dist/components/select/select.component.d.ts +2 -1
- package/dist/components/select/select.component.js +7 -6
- package/dist/components/textarea/index.d.ts +1 -0
- package/dist/components/textarea/index.js +1 -0
- package/dist/components/textarea/textarea.component.d.ts +2 -2
- package/dist/components/textarea/textarea.component.js +2 -2
- package/dist/components/toggle/index.d.ts +3 -0
- package/dist/components/toggle/index.js +3 -0
- package/dist/components/toggle/toggle.component.d.ts +3 -0
- package/dist/components/toggle/toggle.component.js +3 -0
- package/dist/components/toggletip/toggletip.component.d.ts +1 -1
- package/dist/components/toggletip/toggletip.component.js +5 -12
- package/dist/components/toggletip/toggletip.styles.js +2 -2
- package/dist/custom-elements.json +5787 -4960
- package/dist/react/checkbox/index.d.ts +4 -0
- package/dist/react/checkbox/index.js +4 -0
- package/dist/react/formfieldgroup/index.d.ts +5 -0
- package/dist/react/formfieldgroup/index.js +5 -0
- package/dist/react/formfieldwrapper/index.d.ts +5 -1
- package/dist/react/formfieldwrapper/index.js +5 -1
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +3 -3
- package/dist/react/input/index.d.ts +1 -0
- package/dist/react/input/index.js +1 -0
- package/dist/react/radio/index.d.ts +6 -1
- package/dist/react/radio/index.js +6 -1
- package/dist/react/select/index.d.ts +2 -0
- package/dist/react/select/index.js +2 -0
- package/dist/react/textarea/index.d.ts +2 -2
- package/dist/react/textarea/index.js +2 -2
- package/dist/react/toggle/index.d.ts +3 -0
- package/dist/react/toggle/index.js +3 -0
- package/package.json +1 -1
@@ -9,6 +9,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
9
|
};
|
10
10
|
import { html } from 'lit';
|
11
11
|
import { property, queryAssignedNodes, state } from 'lit/decorators.js';
|
12
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
12
13
|
import Popover from '../popover/popover.component';
|
13
14
|
import { POPOVER_PLACEMENT } from '../popover/popover.constants';
|
14
15
|
import { DEFAULTS } from './toggletip.constants';
|
@@ -53,19 +54,11 @@ class ToggleTip extends Popover {
|
|
53
54
|
super(...arguments);
|
54
55
|
/** @internal */
|
55
56
|
this.currentAnnouncement = '';
|
56
|
-
/**
|
57
|
-
* Set this attribute with the id of the element in the DOM, to which announcement
|
58
|
-
* elements will be appended.
|
59
|
-
* If an id is provided, the announcement elements will be appended to this element.
|
60
|
-
* If id is not provided, a visually hidden div element will be created in the DOM.
|
61
|
-
*
|
62
|
-
* Please refer to the `mdc-screenreaderannouncer` component for more details.
|
63
|
-
*/
|
64
|
-
this.screenreaderAnnouncerIdentity = '';
|
65
57
|
}
|
66
58
|
connectedCallback() {
|
59
|
+
var _a;
|
67
60
|
super.connectedCallback();
|
68
|
-
this.closeButton = DEFAULTS.CLOSE_BUTTON;
|
61
|
+
this.closeButton = (_a = this.closeButton) !== null && _a !== void 0 ? _a : DEFAULTS.CLOSE_BUTTON;
|
69
62
|
this.closeButtonAriaLabel = DEFAULTS.CLOSE_BUTTON_ARIA_LABEL;
|
70
63
|
this.placement = DEFAULTS.PLACEMENT;
|
71
64
|
this.trigger = DEFAULTS.CLICK;
|
@@ -108,7 +101,7 @@ class ToggleTip extends Popover {
|
|
108
101
|
return html `
|
109
102
|
${super.render()}
|
110
103
|
<mdc-screenreaderannouncer
|
111
|
-
identity="${this.screenreaderAnnouncerIdentity}"
|
104
|
+
identity="${ifDefined(this.screenreaderAnnouncerIdentity)}"
|
112
105
|
announcement="${this.currentAnnouncement}"
|
113
106
|
delay="300">
|
114
107
|
</mdc-screenreaderannouncer>
|
@@ -126,6 +119,6 @@ __decorate([
|
|
126
119
|
], ToggleTip.prototype, "currentAnnouncement", void 0);
|
127
120
|
__decorate([
|
128
121
|
property({ type: String, reflect: true, attribute: 'screenreader-announcer-identity' }),
|
129
|
-
__metadata("design:type",
|
122
|
+
__metadata("design:type", String)
|
130
123
|
], ToggleTip.prototype, "screenreaderAnnouncerIdentity", void 0);
|
131
124
|
export default ToggleTip;
|
@@ -22,11 +22,11 @@ const styles = css `
|
|
22
22
|
color: var(--mdc-toggletip-text-color-contrast);
|
23
23
|
}
|
24
24
|
|
25
|
-
:host(:dir(ltr))::part(popover-content) {
|
25
|
+
:host([close-button]:dir(ltr))::part(popover-content) {
|
26
26
|
margin-right: 2rem;
|
27
27
|
}
|
28
28
|
|
29
|
-
:host(:dir(rtl))::part(popover-content) {
|
29
|
+
:host([close-button]:dir(rtl))::part(popover-content) {
|
30
30
|
margin-left: 2rem;
|
31
31
|
}
|
32
32
|
`;
|