@fluid-topics/ft-input-helper-text 1.3.44 → 1.3.46
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.
|
@@ -4,14 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { html
|
|
7
|
+
import { html } from "lit";
|
|
8
8
|
import { property } from "lit/decorators.js";
|
|
9
9
|
import { FtLitElement, Status } from "@fluid-topics/ft-wc-utils";
|
|
10
10
|
import { styles } from "./ftds-input-helper-text.styles";
|
|
11
11
|
import { repeat } from "lit/directives/repeat.js";
|
|
12
12
|
import { when } from "lit/directives/when.js";
|
|
13
13
|
import { classMap } from "lit/directives/class-map.js";
|
|
14
|
-
import {
|
|
14
|
+
import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typography";
|
|
15
15
|
import { FtIcon, FtIcons } from "@fluid-topics/ft-icon";
|
|
16
16
|
class FtdsInputHelperText extends FtLitElement {
|
|
17
17
|
constructor() {
|
|
@@ -40,7 +40,7 @@ class FtdsInputHelperText extends FtLitElement {
|
|
|
40
40
|
<li class="${classMap(classes)}">
|
|
41
41
|
${when(optIcon, () => html `
|
|
42
42
|
<ft-icon class="icon" value="${optIcon}" part="icon"></ft-icon>`)}
|
|
43
|
-
<
|
|
43
|
+
<ftds-typography part="text" variant="${FtdsTypographyVariants.caption1medium}">${text}</ftds-typography>
|
|
44
44
|
</li>
|
|
45
45
|
`;
|
|
46
46
|
}
|
|
@@ -56,7 +56,7 @@ class FtdsInputHelperText extends FtLitElement {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
FtdsInputHelperText.elementDefinitions = {
|
|
59
|
-
"
|
|
59
|
+
"ftds-typography": FtdsTypography,
|
|
60
60
|
"ft-icon": FtIcon,
|
|
61
61
|
};
|
|
62
62
|
FtdsInputHelperText.styles = styles;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "lit";
|
|
2
|
-
import { semantic
|
|
2
|
+
import { semantic } from "@fluid-topics/design-system-variables";
|
|
3
3
|
import { foundation, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
|
|
4
4
|
import { FtIconCssVariables } from "@fluid-topics/ft-icon";
|
|
5
5
|
export const FtdsInputHelperTextCssVariables = {
|
|
@@ -7,7 +7,7 @@ export const FtdsInputHelperTextCssVariables = {
|
|
|
7
7
|
errorColor: FtCssVariableFactory.extend("--ftds-helper-text-error-icon-color", "", semantic.contentErrorPrimary),
|
|
8
8
|
warningColor: FtCssVariableFactory.extend("--ftds-helper-text-warning-icon-color", "", semantic.contentWarningPrimary),
|
|
9
9
|
iconSize: FtCssVariableFactory.extend("--ftds-helper-text-icon-size", "", foundation.iconSize2),
|
|
10
|
-
iconHorizontalGap: FtCssVariableFactory.extend("--ftds-helper-text-icon-horizontal-gap", "", foundation.spacing1)
|
|
10
|
+
iconHorizontalGap: FtCssVariableFactory.extend("--ftds-helper-text-icon-horizontal-gap", "", foundation.spacing1),
|
|
11
11
|
};
|
|
12
12
|
// language=CSS
|
|
13
13
|
export const styles = css `
|
|
@@ -34,7 +34,7 @@ export const styles = css `
|
|
|
34
34
|
color: ${FtdsInputHelperTextCssVariables.warningColor};
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.ftds-input-helper-text--list-item.hasIcon
|
|
37
|
+
.ftds-input-helper-text--list-item.hasIcon ftds-typography {
|
|
38
38
|
padding-left: calc(${FtdsInputHelperTextCssVariables.iconHorizontalGap} - 2px);
|
|
39
39
|
}
|
|
40
40
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-input-helper-text",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.46",
|
|
4
4
|
"description": "A list of stylized helper text messages for form inputs",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-wc-utils": "1.3.
|
|
22
|
+
"@fluid-topics/ft-wc-utils": "1.3.46",
|
|
23
23
|
"lit": "3.1.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@fluid-topics/ft-wc-test-utils": "1.3.
|
|
26
|
+
"@fluid-topics/ft-wc-test-utils": "1.3.46"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "d6cf25d6ed0dead8c7aff4f94a493c35d12f1392"
|
|
29
29
|
}
|