primeng 18.0.0-beta.2 → 18.0.0-beta.3

package/fesm2022/primeng-themes-lara.mjs

@@ -1760,8 +1760,34 @@ var floatlabel = {
     root: {
         color: '{form.field.float.label.color}',
         focusColor: '{form.field.float.label.focus.color}',
+        activeColor: '{form.field.float.label.active.color}',
         invalidColor: '{form.field.float.label.invalid.color}',
         transitionDuration: '0.2s',
+        positionX: '{form.field.padding.x}',
+        fontWeight: '500',
+        focus: {
+            top: '-1.25rem',
+            fontSize: '0.875rem',
+            fontWeight: '400',
+        },
+    },
+    in: {
+        input: {
+            paddingTop: '1.875rem',
+        },
+        focus: {
+            top: '{form.field.padding.y}',
+        },
+    },
+    on: {
+        input: {
+            paddingTop: '1.25rem',
+            paddingBottom: '1.25rem',
+        },
+        focus: {
+            background: '{form.field.background}',
+            padding: '0 0.125rem',
+        },
     },
 };
 
@@ -4454,6 +4480,22 @@ var ripple = {
     },
 };
 
+var iftalabel = {
+    root: {
+        color: '{form.field.float.label.color}',
+        focusColor: '{form.field.float.label.focus.color}',
+        invalidColor: '{form.field.float.label.invalid.color}',
+        transitionDuration: '0.2s',
+        positionX: '{form.field.padding.x}',
+        top: '{form.field.padding.y}',
+        fontSize: '0.875rem',
+        fontWeight: '400',
+    },
+    input: {
+        paddingTop: '1.875rem',
+    },
+};
+
 const Lara = {
     primitive: {
         borderRadius: {
@@ -4894,7 +4936,8 @@ const Lara = {
                     disabledColor: '{surface.500}',
                     placeholderColor: '{surface.500}',
                     floatLabelColor: '{surface.500}',
-                    floatLabelFocusColor: '{surface.500}',
+                    floatLabelFocusColor: '{primary.color}',
+                    floatLabelActiveColor: '{surface.500}',
                     floatLabelInvalidColor: '{red.400}',
                     iconColor: '{surface.500}',
                     shadow: 'none',
@@ -5019,7 +5062,8 @@ const Lara = {
                     disabledColor: '{surface.400}',
                     placeholderColor: '{surface.400}',
                     floatLabelColor: '{surface.400}',
-                    floatLabelFocusColor: '{surface.400}',
+                    floatLabelFocusColor: '{primary.color}',
+                    floatLabelActiveColor: '{surface.400}',
                     floatLabelInvalidColor: '{red.300}',
                     iconColor: '{surface.400}',
                     shadow: 'none',
@@ -5136,6 +5180,7 @@ const Lara = {
         inputgroup,
         inputnumber,
         inputtext,
+        iftalabel,
         knob,
         listbox,
         megamenu,