@fluid-topics/ftds-input-helper-text 2.1.0

package/build/ftds-input-helper-text.properties.d.ts

@@ -0,0 +1,5 @@
+export interface FtdsInputHelperTextProperties {
+    errorMessages: string[];
+    warningMessages: string[];
+    helperText?: string;
+}

package/build/ftds-input-helper-text.properties.js

@@ -0,0 +1 @@
+export {};

package/build/ftds-input-helper-text.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const FtdsInputHelperTextCssVariables: {
+    color: import("@fluid-topics/design-system-variables").FtCssVariable;
+    errorColor: import("@fluid-topics/design-system-variables").FtCssVariable;
+    warningColor: import("@fluid-topics/design-system-variables").FtCssVariable;
+    iconSize: import("@fluid-topics/design-system-variables").FtCssVariable;
+    iconHorizontalGap: import("@fluid-topics/design-system-variables").FtCssVariable;
+};
+export declare const styles: import("lit").CSSResult;

package/build/ftds-input-helper-text.styles.js

@@ -0,0 +1,48 @@
+import { css } from "lit";
+import { semantic } from "@fluid-topics/design-system-variables";
+import { foundation, FtCssVariableFactory, setVariable, } from "@fluid-topics/ft-wc-utils";
+import { FtdsIconCssVariables } from "@fluid-topics/ftds-icon";
+export const FtdsInputHelperTextCssVariables = {
+    color: FtCssVariableFactory.extend("--ftds-helper-text-color", "", semantic.contentGlobalSubtle),
+    errorColor: FtCssVariableFactory.extend("--ftds-helper-text-error-icon-color", "", semantic.contentErrorPrimary),
+    warningColor: FtCssVariableFactory.extend("--ftds-helper-text-warning-icon-color", "", semantic.contentWarningPrimary),
+    iconSize: FtCssVariableFactory.extend("--ftds-helper-text-icon-size", "", foundation.iconSize2),
+    iconHorizontalGap: FtCssVariableFactory.extend("--ftds-helper-text-icon-horizontal-gap", "", foundation.spacing1),
+};
+// language=CSS
+export const styles = css `
+    .ftds-input-helper-text {
+        box-sizing: border-box;
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+    }
+
+    .ftds-input-helper-text--list-item {
+        position: relative;
+        text-decoration: none;
+        display: flex;
+        align-items: baseline;
+        color: ${FtdsInputHelperTextCssVariables.color};
+    }
+
+    .ftds-input-helper-text--list-item.error {
+        color: ${FtdsInputHelperTextCssVariables.errorColor};
+    }
+
+    .ftds-input-helper-text--list-item.warning {
+        color: ${FtdsInputHelperTextCssVariables.warningColor};
+    }
+
+    .ftds-input-helper-text--list-item.hasIcon ftds-typography {
+        padding-left: calc(${FtdsInputHelperTextCssVariables.iconHorizontalGap} - 2px);
+    }
+
+    .ftds-input-helper-text--list-item.hasIcon {
+        left: -2px;
+    }
+
+    ftds-icon {
+        ${setVariable(FtdsIconCssVariables.size, FtdsInputHelperTextCssVariables.iconSize)};
+    }
+`;

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ftds-input-helper-text.styles";
+export * from "./ftds-input-helper-text.properties";
+export * from "./ftds-input-helper-text";
+import "./define";

package/build/index.js

@@ -0,0 +1,4 @@
+export * from "./ftds-input-helper-text.styles";
+export * from "./ftds-input-helper-text.properties";
+export * from "./ftds-input-helper-text";
+import "./define";

package/package.json

@@ -0,0 +1,31 @@
+{
+    "name": "@fluid-topics/ftds-input-helper-text",
+    "version": "2.1.0",
+    "description": "The design system input helper text component",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ftds-input-helper-text.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.js",
+        "build/**/*.ts"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/ft-wc-utils": "2.1.0",
+        "@fluid-topics/ftds-icon": "2.1.0",
+        "@fluid-topics/ftds-typography": "2.1.0",
+        "lit": "3.1.0"
+    },
+    "devDependencies": {
+        "@fluid-topics/ft-wc-test-utils": "2.1.0"
+    },
+    "gitHead": "4727cf19d04236ad1d2b2cb43ce1c46298834c7e"
+}