@fluid-topics/ft-base-input 1.3.15 → 1.3.17

package/build/ft-base-input.styles.js

@@ -1,5 +1,8 @@
 import { css } from "lit";
 import { FtCssVariableFactory, textInput, typographyBody2Medium, typographyCaption2Medium } from "@fluid-topics/ft-wc-utils";
+import { FtdsInputLabelCssVariables } from "@fluid-topics/ft-input-label";
+import { FtdsInputHelperTextCssVariables } from "@fluid-topics/ft-input-helper-text";
+import { FtdsButtonCssVariables } from "@fluid-topics/ft-button";
 const borderRadius = FtCssVariableFactory.create("--ftds-base-input-border-radius", "", "SIZE", textInput.borderRadius);
 const borderRadiusRight = FtCssVariableFactory.extend("--ftds-base-input-border-radius-right", "", borderRadius);
 const borderRadiusLeft = FtCssVariableFactory.extend("--ftds-base-input-border-radius-left", "", borderRadius);
@@ -46,7 +49,7 @@ export const FtdsBaseInputCssVariables = {
     errorHelperIconColor: FtCssVariableFactory.create("--ftds-base-input-helper-error-helper-icon-color", "", "COLOR", textInput.errorHelperIconColor),
     warningHelperIconColor: FtCssVariableFactory.create("--ftds-base-input-helper-warning-helper-icon-color", "", "COLOR", textInput.warningHelperIconColor),
 };
-//language=css
+// language=css
 export const styles = css `
 
     *:focus {
@@ -163,7 +166,7 @@ export const styles = css `
     }
 
     .inside-structure .inside-structure--icon.append ftds-button {
-        --ft-button-icon-only-scale: ${FtdsBaseInputCssVariables.appendIconScale};
+        ${FtdsButtonCssVariables.iconOnlyScale.set(FtdsBaseInputCssVariables.appendIconScale)};
     }
 
     .inside-structure .inside-structure--icon.prepend {
@@ -172,7 +175,7 @@ export const styles = css `
     }
 
     .inside-structure .inside-structure--icon.prepend ftds-button {
-        --ft-button-icon-only-scale: ${FtdsBaseInputCssVariables.prependIconScale};
+        ${FtdsButtonCssVariables.iconOnlyScale.set(FtdsBaseInputCssVariables.prependIconScale)};
     }
 
     .inside-structure .inside-structure--icon.append button {
@@ -196,25 +199,25 @@ export const styles = css `
     }
 
     ftds-input-label {
-        --ft-input-label-color: ${FtdsBaseInputCssVariables.labelColor};
+        ${FtdsInputLabelCssVariables.color.set(FtdsBaseInputCssVariables.labelColor)};
     }
 
     .ftds-input.with-prepend-icon ftds-input-label {
-        --ft-input-label-additional-padding-left: calc(var(--icon-size) + var(--field-horizontal-gap));
+        ${FtdsInputLabelCssVariables.additionalPaddingLeft.set(css `calc(var(--icon-size) + var(--field-horizontal-gap))`)};
     }
 
     .ftds-input.with-append-icon ftds-input-label {
-        --ft-input-label-additional-padding-right: calc(var(--icon-size) + var(--field-horizontal-gap));
+        ${FtdsInputLabelCssVariables.additionalPaddingRight.set(css `calc(var(--icon-size) + var(--field-horizontal-gap))`)};
     }
 
     ftds-input-helper-text {
         margin-top: ${FtdsBaseInputCssVariables.helperHorizontalGap};
         padding-left: ${FtdsBaseInputCssVariables.helperHorizontalPadding};
-        --ftds-helper-text-icon-size: ${FtdsBaseInputCssVariables.helperIconSize};
-        --ftds-helper-text-icon-horizontal-gap: ${FtdsBaseInputCssVariables.helperIconHorizontalGap};
-        --ftds-helper-text-color: ${FtdsBaseInputCssVariables.defaultHelperTextColor};
-        --ftds-helper-text-error-icon-color: ${FtdsBaseInputCssVariables.errorHelperIconColor};
-        --ftds-helper-text-warning-icon-color: ${FtdsBaseInputCssVariables.warningHelperIconColor};
+        ${FtdsInputHelperTextCssVariables.iconSize.set(FtdsBaseInputCssVariables.helperIconSize)};
+        ${FtdsInputHelperTextCssVariables.iconHorizontalGap.set(FtdsBaseInputCssVariables.helperIconHorizontalGap)};
+        ${FtdsInputHelperTextCssVariables.color.set(FtdsBaseInputCssVariables.defaultHelperTextColor)};
+        ${FtdsInputHelperTextCssVariables.errorColor.set(FtdsBaseInputCssVariables.errorHelperIconColor)};
+        ${FtdsInputHelperTextCssVariables.warningColor.set(FtdsBaseInputCssVariables.warningHelperIconColor)};
     }
 
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-base-input",
-  "version": "1.3.15",
+  "version": "1.3.17",
   "description": "Base input structure for Admin Design System inputs",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-icon": "1.3.15",
-    "@fluid-topics/ft-input-label": "1.3.15",
-    "@fluid-topics/ft-ripple": "1.3.15",
-    "@fluid-topics/ft-typography": "1.3.15",
-    "@fluid-topics/ft-wc-utils": "1.3.15",
+    "@fluid-topics/ft-icon": "1.3.17",
+    "@fluid-topics/ft-input-label": "1.3.17",
+    "@fluid-topics/ft-ripple": "1.3.17",
+    "@fluid-topics/ft-typography": "1.3.17",
+    "@fluid-topics/ft-wc-utils": "1.3.17",
     "lit": "3.1.0"
   },
-  "gitHead": "5aa2861244264a93f9ce941c3541191eb22a4650"
+  "gitHead": "ca55c7b44d386d960ceb68323361ce0ab3aefaa8"
 }