@fluid-topics/ftds-text-area 0.0.0-stage → 2.2.41

package/build/ftds-text-area.properties.d.ts

@@ -0,0 +1,4 @@
+import { FtInputInterface } from "@fluid-topics/ft-wc-utils";
+export interface FtdsTextAreaProperties extends FtInputInterface<string> {
+    height?: number;
+}

package/build/ftds-text-area.properties.js

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

package/build/ftds-text-area.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const FtdsTextAreaCssVariables: {
+    fieldPaddingLeft: import("@fluid-topics/design-system-variables").FtCssVariable;
+    fieldPaddingRight: import("@fluid-topics/design-system-variables").FtCssVariable;
+    fieldMinHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
+    fieldMaxHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
+    resizeBottom: import("@fluid-topics/design-system-variables").FtCssVariable;
+    resizeRight: import("@fluid-topics/design-system-variables").FtCssVariable;
+};
+export declare const scrollbarWidthCssVariable: import("@fluid-topics/design-system-variables").FtCssVariable;
+export declare const styles: import("lit").CSSResult;

package/build/ftds-text-area.styles.js

@@ -0,0 +1,67 @@
+import { css } from "lit";
+import { foundation, textArea, textInput, typographyBody2Medium, } from "@fluid-topics/design-system-variables";
+import { FtdsBaseInputCssVariables } from "@fluid-topics/ftds-base-input";
+import { FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+export const FtdsTextAreaCssVariables = {
+    ...textArea,
+};
+export const scrollbarWidthCssVariable = FtCssVariableFactory.create("--ftds-text-area-scrollbar-width", "", "SIZE", "0px");
+// language=CSS
+export const styles = css `
+
+    :host {
+        display: block;
+        width: 100%;
+    }
+
+    ftds-base-input {
+        cursor: text;
+        ${FtdsBaseInputCssVariables.largeFieldHorizontalPadding.set(textArea.fieldPaddingLeft)};
+        ${FtdsBaseInputCssVariables.errorHelperTextColor.set(textInput.errorHelperTextColor)};
+        ${FtdsBaseInputCssVariables.warningHelperTextColor.set(textInput.warningHelperTextColor)};
+    }
+
+    ftds-base-input::part(inside-structure) {
+        display: flex;
+        flex-direction: column;
+        min-height: ${textArea.fieldMinHeight};
+        max-height: ${textArea.fieldMaxHeight};
+        padding-right: 0;
+        padding-bottom: 0;
+    }
+
+    ftds-base-input::part(inside-structure--input) {
+        position: relative;
+        flex: 1 1 auto;
+        min-height: 0;
+    }
+
+    textarea {
+        display: block;
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0 ${textArea.fieldPaddingRight} var(--value-padding-bottom) 0;
+        resize: none;
+        font-family: ${typographyBody2Medium.fontFamily};
+        font-weight: ${typographyBody2Medium.fontWeight};
+        color: ${textInput.contentValueColor};
+        border: none;
+        background: transparent;
+        outline: none;
+        overflow-y: auto;
+    }
+
+    textarea.ftds-text-area--with-scrollbar {
+        padding-right: calc(${textArea.fieldPaddingRight} + ${foundation.spacing1});
+    }
+
+    ft-resizer {
+        position: absolute;
+        bottom: ${textArea.resizeBottom};
+        right: calc(${scrollbarWidthCssVariable} + ${textArea.resizeRight});
+        width: auto;
+        height: auto;
+    }
+`;

package/build/index.d.ts

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

package/build/index.js

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

package/package.json

@@ -1,6 +1,35 @@
 {
-  "name": "@fluid-topics/ftds-text-area",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@fluid-topics/ftds-text-area",
+    "version": "2.2.41",
+    "description": "Design system text-area",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ftds-text-area.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/design-system-variables": "3.16.0",
+        "@fluid-topics/ft-i18n": "2.2.41",
+        "@fluid-topics/ft-resizer": "2.2.41",
+        "@fluid-topics/ft-wc-utils": "2.2.41",
+        "@fluid-topics/ftds-base-input": "2.2.41",
+        "@fluid-topics/ftds-typography": "2.2.41",
+        "@fluid-topics/public-api": "1.0.149",
+        "lit": "3.3.3"
+    },
+    "devDependencies": {
+        "@fluid-topics/ft-wc-test-utils": "2.2.41"
+    },
+    "gitHead": "2651e9245c0e8fe0dcb2bc475ae6c91642746e55"
+}