diff --git a/apps/showcase/assets/menu/menu.json b/apps/showcase/assets/menu/menu.json index 007937412..efce4d812 100644 --- a/apps/showcase/assets/menu/menu.json +++ b/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" diff --git a/packages/primevue/src/floatlabel/style/FloatLabelStyle.js b/packages/primevue/src/floatlabel/style/FloatLabelStyle.js index b58a03419..e5e68d728 100644 --- a/packages/primevue/src/floatlabel/style/FloatLabelStyle.js +++ b/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')}; diff --git a/packages/themes/src/presets/aura/floatlabel/index.js b/packages/themes/src/presets/aura/floatlabel/index.js index 088c922b4..1f481b3af 100644 --- a/packages/themes/src/presets/aura/floatlabel/index.js +++ b/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.875rem', + fontSize: '0.75rem', fontWeight: '400' } }, + over: { + focus: { + top: '-1.25rem' + } + }, in: { input: { paddingTop: '1.5rem' diff --git a/packages/themes/src/presets/aura/iftalabel/index.js b/packages/themes/src/presets/aura/iftalabel/index.js index 5cc6aa652..7edbeb5b6 100644 --- a/packages/themes/src/presets/aura/iftalabel/index.js +++ b/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: { diff --git a/packages/themes/src/presets/lara/base/index.js b/packages/themes/src/presets/lara/base/index.js index 6d752728f..26159a834 100644 --- a/packages/themes/src/presets/lara/base/index.js +++ b/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}', diff --git a/packages/themes/src/presets/lara/floatlabel/index.js b/packages/themes/src/presets/lara/floatlabel/index.js index 7d18833a5..8aa750fdb 100644 --- a/packages/themes/src/presets/lara/floatlabel/index.js +++ b/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' diff --git a/packages/themes/src/presets/lara/iftalabel/index.js b/packages/themes/src/presets/lara/iftalabel/index.js index 3b0a4aae7..853139e1b 100644 --- a/packages/themes/src/presets/lara/iftalabel/index.js +++ b/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: { diff --git a/packages/themes/src/presets/nora/floatlabel/index.js b/packages/themes/src/presets/nora/floatlabel/index.js index 088c922b4..548ede753 100644 --- a/packages/themes/src/presets/nora/floatlabel/index.js +++ b/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' diff --git a/packages/themes/src/presets/nora/iftalabel/index.js b/packages/themes/src/presets/nora/iftalabel/index.js index 5cc6aa652..7edbeb5b6 100644 --- a/packages/themes/src/presets/nora/iftalabel/index.js +++ b/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: {