@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.
Files changed (63) hide show
  1. package/dist/browser/index.js +404 -386
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/checkbox/checkbox.component.d.ts +4 -0
  4. package/dist/components/checkbox/checkbox.component.js +4 -0
  5. package/dist/components/checkbox/index.d.ts +4 -1
  6. package/dist/components/checkbox/index.js +5 -2
  7. package/dist/components/formfieldgroup/formfieldgroup.component.d.ts +5 -0
  8. package/dist/components/formfieldgroup/formfieldgroup.component.js +5 -0
  9. package/dist/components/formfieldgroup/index.d.ts +4 -2
  10. package/dist/components/formfieldgroup/index.js +4 -2
  11. package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +21 -1
  12. package/dist/components/formfieldwrapper/formfieldwrapper.component.js +40 -2
  13. package/dist/components/formfieldwrapper/formfieldwrapper.constants.d.ts +3 -0
  14. package/dist/components/formfieldwrapper/formfieldwrapper.constants.js +3 -0
  15. package/dist/components/formfieldwrapper/index.d.ts +3 -1
  16. package/dist/components/formfieldwrapper/index.js +4 -2
  17. package/dist/components/input/index.d.ts +2 -1
  18. package/dist/components/input/index.js +3 -2
  19. package/dist/components/input/input.component.d.ts +1 -0
  20. package/dist/components/input/input.component.js +1 -0
  21. package/dist/components/input/input.constants.d.ts +1 -1
  22. package/dist/components/popover/popover.component.d.ts +1 -1
  23. package/dist/components/popover/popover.component.js +0 -5
  24. package/dist/components/progressbar/progressbar.component.js +2 -0
  25. package/dist/components/radio/index.d.ts +5 -1
  26. package/dist/components/radio/index.js +5 -1
  27. package/dist/components/radio/radio.component.d.ts +6 -1
  28. package/dist/components/radio/radio.component.js +6 -1
  29. package/dist/components/select/index.d.ts +2 -0
  30. package/dist/components/select/index.js +2 -0
  31. package/dist/components/select/select.component.d.ts +2 -1
  32. package/dist/components/select/select.component.js +7 -6
  33. package/dist/components/textarea/index.d.ts +1 -0
  34. package/dist/components/textarea/index.js +1 -0
  35. package/dist/components/textarea/textarea.component.d.ts +2 -2
  36. package/dist/components/textarea/textarea.component.js +2 -2
  37. package/dist/components/toggle/index.d.ts +3 -0
  38. package/dist/components/toggle/index.js +3 -0
  39. package/dist/components/toggle/toggle.component.d.ts +3 -0
  40. package/dist/components/toggle/toggle.component.js +3 -0
  41. package/dist/components/toggletip/toggletip.component.d.ts +1 -1
  42. package/dist/components/toggletip/toggletip.component.js +5 -12
  43. package/dist/components/toggletip/toggletip.styles.js +2 -2
  44. package/dist/custom-elements.json +5787 -4960
  45. package/dist/react/checkbox/index.d.ts +4 -0
  46. package/dist/react/checkbox/index.js +4 -0
  47. package/dist/react/formfieldgroup/index.d.ts +5 -0
  48. package/dist/react/formfieldgroup/index.js +5 -0
  49. package/dist/react/formfieldwrapper/index.d.ts +5 -1
  50. package/dist/react/formfieldwrapper/index.js +5 -1
  51. package/dist/react/index.d.ts +3 -3
  52. package/dist/react/index.js +3 -3
  53. package/dist/react/input/index.d.ts +1 -0
  54. package/dist/react/input/index.js +1 -0
  55. package/dist/react/radio/index.d.ts +6 -1
  56. package/dist/react/radio/index.js +6 -1
  57. package/dist/react/select/index.d.ts +2 -0
  58. package/dist/react/select/index.js +2 -0
  59. package/dist/react/textarea/index.d.ts +2 -2
  60. package/dist/react/textarea/index.js +2 -2
  61. package/dist/react/toggle/index.d.ts +3 -0
  62. package/dist/react/toggle/index.js +3 -0
  63. 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", Object)
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
  `;