@momentum-design/components 0.16.12 → 0.16.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. package/dist/components/{labelandhelper/labelandhelper.component.d.ts → formfieldwrapper/formfieldwrapper.component.d.ts} +5 -5
  2. package/dist/components/{labelandhelper/labelandhelper.component.js → formfieldwrapper/formfieldwrapper.component.js} +13 -13
  3. package/dist/components/{labelandhelper/labelandhelper.constants.d.ts → formfieldwrapper/formfieldwrapper.constants.d.ts} +1 -1
  4. package/dist/components/{labelandhelper/labelandhelper.constants.js → formfieldwrapper/formfieldwrapper.constants.js} +1 -1
  5. package/dist/components/{labelandhelper/labelandhelper.types.d.ts → formfieldwrapper/formfieldwrapper.types.d.ts} +1 -1
  6. package/dist/components/{labelandhelper/labelandhelper.utils.d.ts → formfieldwrapper/formfieldwrapper.utils.d.ts} +1 -1
  7. package/dist/components/{labelandhelper/labelandhelper.utils.js → formfieldwrapper/formfieldwrapper.utils.js} +1 -1
  8. package/dist/components/formfieldwrapper/index.d.ts +9 -0
  9. package/dist/components/formfieldwrapper/index.js +6 -0
  10. package/dist/custom-elements.json +753 -753
  11. package/dist/react/{labelandhelper → formfieldwrapper}/index.d.ts +3 -3
  12. package/dist/react/{labelandhelper → formfieldwrapper}/index.js +5 -5
  13. package/dist/react/index.d.ts +2 -2
  14. package/dist/react/index.js +2 -2
  15. package/package.json +1 -1
  16. package/dist/components/labelandhelper/index.d.ts +0 -9
  17. package/dist/components/labelandhelper/index.js +0 -6
  18. /package/dist/components/{labelandhelper/labelandhelper.styles.d.ts → formfieldwrapper/formfieldwrapper.styles.d.ts} +0 -0
  19. /package/dist/components/{labelandhelper/labelandhelper.styles.js → formfieldwrapper/formfieldwrapper.styles.js} +0 -0
  20. /package/dist/components/{labelandhelper/labelandhelper.types.js → formfieldwrapper/formfieldwrapper.types.js} +0 -0
@@ -1,15 +1,15 @@
1
1
  import { CSSResult, nothing } from 'lit';
2
2
  import { Component } from '../../models';
3
- import type { ValidationType } from './labelandhelper.types';
3
+ import type { ValidationType } from './formfieldwrapper.types';
4
4
  /**
5
- * labelandhelper is a component that contains the label and helper/validation text
5
+ * formfieldwrapper is a component that contains the label and helper/validation text
6
6
  * that can be configured in various ways to suit different use cases (most of the input related components).
7
7
  * It is used as an internal component and is not intended to be used directly by consumers.
8
8
  *
9
- * @tagname mdc-labelandhelper
9
+ * @tagname mdc-formfieldwrapper
10
10
  *
11
11
  */
12
- declare class LabelAndHelper extends Component {
12
+ declare class FormfieldWrapper extends Component {
13
13
  /**
14
14
  * The label of the input field. It is linked to the input field using the `for` attribute.
15
15
  */
@@ -69,4 +69,4 @@ declare class LabelAndHelper extends Component {
69
69
  render(): import("lit-html").TemplateResult<1>;
70
70
  static styles: Array<CSSResult>;
71
71
  }
72
- export default LabelAndHelper;
72
+ export default FormfieldWrapper;
@@ -10,19 +10,19 @@ var __metadata = (this && this.__metadata) || function (k, v) {
10
10
  import { html, nothing } from 'lit';
11
11
  import { v4 as uuidv4 } from 'uuid';
12
12
  import { property } from 'lit/decorators.js';
13
- import styles from './labelandhelper.styles';
13
+ import styles from './formfieldwrapper.styles';
14
14
  import { Component } from '../../models';
15
- import { DEFAULTS, MDC_TEXT_OPTIONS } from './labelandhelper.constants';
16
- import { getHelperIcon } from './labelandhelper.utils';
15
+ import { DEFAULTS, MDC_TEXT_OPTIONS } from './formfieldwrapper.constants';
16
+ import { getHelperIcon } from './formfieldwrapper.utils';
17
17
  /**
18
- * labelandhelper is a component that contains the label and helper/validation text
18
+ * formfieldwrapper is a component that contains the label and helper/validation text
19
19
  * that can be configured in various ways to suit different use cases (most of the input related components).
20
20
  * It is used as an internal component and is not intended to be used directly by consumers.
21
21
  *
22
- * @tagname mdc-labelandhelper
22
+ * @tagname mdc-formfieldwrapper
23
23
  *
24
24
  */
25
- class LabelAndHelper extends Component {
25
+ class FormfieldWrapper extends Component {
26
26
  constructor() {
27
27
  super(...arguments);
28
28
  /**
@@ -113,25 +113,25 @@ class LabelAndHelper extends Component {
113
113
  `;
114
114
  }
115
115
  }
116
- LabelAndHelper.styles = [...Component.styles, ...styles];
116
+ FormfieldWrapper.styles = [...Component.styles, ...styles];
117
117
  __decorate([
118
118
  property({ reflect: true, type: String }),
119
119
  __metadata("design:type", String)
120
- ], LabelAndHelper.prototype, "label", void 0);
120
+ ], FormfieldWrapper.prototype, "label", void 0);
121
121
  __decorate([
122
122
  property({ type: String }),
123
123
  __metadata("design:type", Object)
124
- ], LabelAndHelper.prototype, "id", void 0);
124
+ ], FormfieldWrapper.prototype, "id", void 0);
125
125
  __decorate([
126
126
  property({ reflect: true, attribute: 'help-text-type' }),
127
127
  __metadata("design:type", String)
128
- ], LabelAndHelper.prototype, "helpTextType", void 0);
128
+ ], FormfieldWrapper.prototype, "helpTextType", void 0);
129
129
  __decorate([
130
130
  property({ type: String, reflect: true, attribute: 'help-text' }),
131
131
  __metadata("design:type", String)
132
- ], LabelAndHelper.prototype, "helpText", void 0);
132
+ ], FormfieldWrapper.prototype, "helpText", void 0);
133
133
  __decorate([
134
134
  property({ type: String, attribute: 'label-info-text' }),
135
135
  __metadata("design:type", String)
136
- ], LabelAndHelper.prototype, "labelInfoText", void 0);
137
- export default LabelAndHelper;
136
+ ], FormfieldWrapper.prototype, "labelInfoText", void 0);
137
+ export default FormfieldWrapper;
@@ -1,4 +1,4 @@
1
- declare const TAG_NAME: "mdc-labelandhelper";
1
+ declare const TAG_NAME: "mdc-formfieldwrapper";
2
2
  declare const VALIDATION: {
3
3
  readonly ERROR: "error";
4
4
  readonly WARNING: "warning";
@@ -1,6 +1,6 @@
1
1
  import utils from '../../utils/tag-name';
2
2
  import { TYPE, VALID_TEXT_TAGS } from '../text/text.constants';
3
- const TAG_NAME = utils.constructTagName('labelandhelper');
3
+ const TAG_NAME = utils.constructTagName('formfieldwrapper');
4
4
  const VALIDATION = {
5
5
  ERROR: 'error',
6
6
  WARNING: 'warning',
@@ -1,4 +1,4 @@
1
1
  import type { ValueOf } from '../../utils/types';
2
- import { VALIDATION } from './labelandhelper.constants';
2
+ import { VALIDATION } from './formfieldwrapper.constants';
3
3
  type ValidationType = ValueOf<typeof VALIDATION>;
4
4
  export { ValidationType };
@@ -1,4 +1,4 @@
1
1
  import type { IconNames } from '../icon/icon.types';
2
- import type { ValidationType } from './labelandhelper.types';
2
+ import type { ValidationType } from './formfieldwrapper.types';
3
3
  declare const getHelperIcon: (type: ValidationType) => IconNames | '';
4
4
  export { getHelperIcon };
@@ -1,4 +1,4 @@
1
- import { VALIDATION } from './labelandhelper.constants';
1
+ import { VALIDATION } from './formfieldwrapper.constants';
2
2
  const getHelperIcon = (type) => {
3
3
  const helperIconSizeMap = {
4
4
  [VALIDATION.ERROR]: 'error-legacy-filled',
@@ -0,0 +1,9 @@
1
+ import FormfieldWrapper from './formfieldwrapper.component';
2
+ import '../icon';
3
+ import '../text';
4
+ declare global {
5
+ interface HTMLElementTagNameMap {
6
+ ['mdc-formfieldwrapper']: FormfieldWrapper;
7
+ }
8
+ }
9
+ export default FormfieldWrapper;
@@ -0,0 +1,6 @@
1
+ import FormfieldWrapper from './formfieldwrapper.component';
2
+ import { TAG_NAME } from './formfieldwrapper.constants';
3
+ import '../icon';
4
+ import '../text';
5
+ FormfieldWrapper.register(TAG_NAME);
6
+ export default FormfieldWrapper;