@momentum-design/components 0.16.12 → 0.16.14
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/components/{labelandhelper/labelandhelper.component.d.ts → formfieldwrapper/formfieldwrapper.component.d.ts} +5 -5
- package/dist/components/{labelandhelper/labelandhelper.component.js → formfieldwrapper/formfieldwrapper.component.js} +13 -13
- package/dist/components/{labelandhelper/labelandhelper.constants.d.ts → formfieldwrapper/formfieldwrapper.constants.d.ts} +1 -1
- package/dist/components/{labelandhelper/labelandhelper.constants.js → formfieldwrapper/formfieldwrapper.constants.js} +1 -1
- package/dist/components/{labelandhelper/labelandhelper.types.d.ts → formfieldwrapper/formfieldwrapper.types.d.ts} +1 -1
- package/dist/components/{labelandhelper/labelandhelper.utils.d.ts → formfieldwrapper/formfieldwrapper.utils.d.ts} +1 -1
- package/dist/components/{labelandhelper/labelandhelper.utils.js → formfieldwrapper/formfieldwrapper.utils.js} +1 -1
- package/dist/components/formfieldwrapper/index.d.ts +9 -0
- package/dist/components/formfieldwrapper/index.js +6 -0
- package/dist/custom-elements.json +753 -753
- package/dist/react/{labelandhelper → formfieldwrapper}/index.d.ts +3 -3
- package/dist/react/{labelandhelper → formfieldwrapper}/index.js +5 -5
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/package.json +1 -1
- package/dist/components/labelandhelper/index.d.ts +0 -9
- package/dist/components/labelandhelper/index.js +0 -6
- /package/dist/components/{labelandhelper/labelandhelper.styles.d.ts → formfieldwrapper/formfieldwrapper.styles.d.ts} +0 -0
- /package/dist/components/{labelandhelper/labelandhelper.styles.js → formfieldwrapper/formfieldwrapper.styles.js} +0 -0
- /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 './
|
3
|
+
import type { ValidationType } from './formfieldwrapper.types';
|
4
4
|
/**
|
5
|
-
*
|
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-
|
9
|
+
* @tagname mdc-formfieldwrapper
|
10
10
|
*
|
11
11
|
*/
|
12
|
-
declare class
|
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
|
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 './
|
13
|
+
import styles from './formfieldwrapper.styles';
|
14
14
|
import { Component } from '../../models';
|
15
|
-
import { DEFAULTS, MDC_TEXT_OPTIONS } from './
|
16
|
-
import { getHelperIcon } from './
|
15
|
+
import { DEFAULTS, MDC_TEXT_OPTIONS } from './formfieldwrapper.constants';
|
16
|
+
import { getHelperIcon } from './formfieldwrapper.utils';
|
17
17
|
/**
|
18
|
-
*
|
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-
|
22
|
+
* @tagname mdc-formfieldwrapper
|
23
23
|
*
|
24
24
|
*/
|
25
|
-
class
|
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
|
-
|
116
|
+
FormfieldWrapper.styles = [...Component.styles, ...styles];
|
117
117
|
__decorate([
|
118
118
|
property({ reflect: true, type: String }),
|
119
119
|
__metadata("design:type", String)
|
120
|
-
],
|
120
|
+
], FormfieldWrapper.prototype, "label", void 0);
|
121
121
|
__decorate([
|
122
122
|
property({ type: String }),
|
123
123
|
__metadata("design:type", Object)
|
124
|
-
],
|
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
|
-
],
|
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
|
-
],
|
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
|
-
],
|
137
|
-
export default
|
136
|
+
], FormfieldWrapper.prototype, "labelInfoText", void 0);
|
137
|
+
export default FormfieldWrapper;
|
@@ -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('
|
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 { IconNames } from '../icon/icon.types';
|
2
|
-
import type { ValidationType } from './
|
2
|
+
import type { ValidationType } from './formfieldwrapper.types';
|
3
3
|
declare const getHelperIcon: (type: ValidationType) => IconNames | '';
|
4
4
|
export { getHelperIcon };
|