Adjustments to float label cosmetics

apps/showcase/assets/menu/menu.json

@@ -95,11 +95,6 @@
                             "name": "Editor",
                             "to": "/editor"
                         },
-                        {
-                            "name": "IftaLabel",
-                            "to": "/iftalabel",
-                            "badge": "NEW"
-                        },
                         {
                             "name": "FloatLabel",
                             "to": "/floatlabel",
@@ -109,6 +104,11 @@
                             "name": "IconField",
                             "to": "/iconfield"
                         },
+                        {
+                            "name": "IftaLabel",
+                            "to": "/iftalabel",
+                            "badge": "NEW"
+                        },
                         {
                             "name": "InputGroup",
                             "to": "/inputgroup"

packages/primevue/src/floatlabel/style/FloatLabelStyle.js

@@ -35,7 +35,7 @@ const theme = ({ dt }) => `
 .p-floatlabel:has(textarea.p-filled) label,
 .p-floatlabel:has(.p-inputwrapper-focus) label,
 .p-floatlabel:has(.p-inputwrapper-filled) label {
-    top: ${dt('floatlabel.focus.top')};
+    top: ${dt('floatlabel.over.focus.top')};
     margin-top: 0;
     font-size: ${dt('floatlabel.focus.font.size')};
     font-weight: ${dt('floatlabel.label.focus.font.weight')};

packages/themes/src/presets/aura/floatlabel/index.js

@@ -8,11 +8,15 @@ export default {
         positionX: '{form.field.padding.x}',
         fontWeight: '500',
         focus: {
-            top: '-1.25rem',
+            fontSize: '0.75rem',
-            fontSize: '0.875rem',
             fontWeight: '400'
         }
     },
+    over: {
+        focus: {
+            top: '-1.25rem'
+        }
+    },
     in: {
         input: {
             paddingTop: '1.5rem'

packages/themes/src/presets/aura/iftalabel/index.js

@@ -6,7 +6,7 @@ export default {
         transitionDuration: '0.2s',
         positionX: '{form.field.padding.x}',
         top: '{form.field.padding.y}',
-        fontSize: '0.875rem',
+        fontSize: '0.75rem',
         fontWeight: '400'
     },
     input: {

packages/themes/src/presets/lara/base/index.js

@@ -174,7 +174,7 @@ export default {
                     disabledColor: '{surface.500}',
                     placeholderColor: '{surface.500}',
                     floatLabelColor: '{surface.500}',
-                    floatLabelFocusColor: '{primary.color}',
+                    floatLabelFocusColor: '{primary.600}',
                     floatLabelActiveColor: '{surface.500}',
                     floatLabelInvalidColor: '{red.400}',
                     iconColor: '{surface.500}',

packages/themes/src/presets/lara/floatlabel/index.js

@@ -8,11 +8,15 @@ export default {
         positionX: '{form.field.padding.x}',
         fontWeight: '500',
         focus: {
-            top: '-1.25rem',
             fontSize: '0.875rem',
             fontWeight: '400'
         }
     },
+    over: {
+        focus: {
+            top: '-1.25rem'
+        }
+    },
     in: {
         input: {
             paddingTop: '1.875rem'

packages/themes/src/presets/lara/iftalabel/index.js

@@ -6,7 +6,7 @@ export default {
         transitionDuration: '0.2s',
         positionX: '{form.field.padding.x}',
         top: '{form.field.padding.y}',
-        fontSize: '0.875rem',
+        fontSize: '0.75rem',
         fontWeight: '400'
     },
     input: {

packages/themes/src/presets/nora/floatlabel/index.js

@@ -8,11 +8,15 @@ export default {
         positionX: '{form.field.padding.x}',
         fontWeight: '500',
         focus: {
-            top: '-1.25rem',
             fontSize: '0.875rem',
             fontWeight: '400'
         }
     },
+    over: {
+        focus: {
+            top: '-1.25rem'
+        }
+    },
     in: {
         input: {
             paddingTop: '1.5rem'

packages/themes/src/presets/nora/iftalabel/index.js

@@ -6,7 +6,7 @@ export default {
         transitionDuration: '0.2s',
         positionX: '{form.field.padding.x}',
         top: '{form.field.padding.y}',
-        fontSize: '0.875rem',
+        fontSize: '0.75rem',
         fontWeight: '400'
     },
     input: {