diff --git a/apps/showcase/pages/inputtext/index.vue b/apps/showcase/pages/inputtext/index.vue index 0ed21a917..a172e888d 100755 --- a/apps/showcase/pages/inputtext/index.vue +++ b/apps/showcase/pages/inputtext/index.vue @@ -11,6 +11,7 @@ import FloatLabelDoc from '@/doc/inputtext/FloatLabelDoc.vue'; import HelpTextDoc from '@/doc/inputtext/HelpTextDoc.vue'; import ImportDoc from '@/doc/inputtext/ImportDoc.vue'; import InvalidDoc from '@/doc/inputtext/InvalidDoc.vue'; +import SizesDoc from '@/doc/inputtext/SizesDoc.vue'; import PTComponent from '@/doc/inputtext/pt/index.vue'; import ThemingDoc from '@/doc/inputtext/theming/index.vue'; @@ -28,21 +29,21 @@ export default { label: 'Basic', component: BasicDoc }, - /*{ - id: 'sizes', - label: 'Sizes', - component: SizesDoc - },*/ - { - id: 'helptext', - label: 'HelpText', - component: HelpTextDoc - }, { id: 'floatlabel', label: 'Float Label', component: FloatLabelDoc }, + { + id: 'sizes', + label: 'Sizes', + component: SizesDoc + }, + { + id: 'helptext', + label: 'Help Text', + component: HelpTextDoc + }, { id: 'filled', label: 'Filled', diff --git a/packages/primevue/src/inputtext/style/InputTextStyle.js b/packages/primevue/src/inputtext/style/InputTextStyle.js index af36728dd..6fe1531ee 100644 --- a/packages/primevue/src/inputtext/style/InputTextStyle.js +++ b/packages/primevue/src/inputtext/style/InputTextStyle.js @@ -51,6 +51,16 @@ const theme = ({ dt }) => ` color: ${dt('inputtext.placeholder.color')}; } +.p-inputtext-sm { + font-size: ${dt('inputtext.sm.font.size')}; + padding: ${dt('inputtext.sm.padding.y')} ${dt('inputtext.sm.padding.x')}; +} + +.p-inputtext-lg { + font-size: ${dt('inputtext.lg.font.size')}; + padding: ${dt('inputtext.lg.padding.y')} ${dt('inputtext.lg.padding.x')}; +} + .p-fluid .p-inputtext { width: 100%; } diff --git a/packages/themes/src/presets/aura/inputtext/index.js b/packages/themes/src/presets/aura/inputtext/index.js index f22994ab1..1f0e1eaff 100644 --- a/packages/themes/src/presets/aura/inputtext/index.js +++ b/packages/themes/src/presets/aura/inputtext/index.js @@ -22,6 +22,16 @@ export default { offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' }, - transitionDuration: '{form.field.transition.duration}' + transitionDuration: '{form.field.transition.duration}', + sm: { + fontSize: '0.875rem', + paddingX: '0.625rem', + paddingY: '0.375rem' + }, + lg: { + fontSize: '1.125rem', + paddingX: '0.875rem', + paddingY: '0.625rem' + } } }; diff --git a/packages/themes/src/presets/lara/button/index.js b/packages/themes/src/presets/lara/button/index.js index bb4d510e9..54003e013 100644 --- a/packages/themes/src/presets/lara/button/index.js +++ b/packages/themes/src/presets/lara/button/index.js @@ -8,12 +8,12 @@ export default { iconOnlyWidth: '2.75rem', sm: { fontSize: '0.875rem', - paddingX: '0.875rem', + paddingX: '0.625rem', paddingY: '0.5rem' }, lg: { fontSize: '1.125rem', - paddingX: '1.125rem', + paddingX: '0.875rem', paddingY: '0.75rem' }, label: { diff --git a/packages/themes/src/presets/lara/inputtext/index.js b/packages/themes/src/presets/lara/inputtext/index.js index f22994ab1..9fcaca854 100644 --- a/packages/themes/src/presets/lara/inputtext/index.js +++ b/packages/themes/src/presets/lara/inputtext/index.js @@ -22,6 +22,16 @@ export default { offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' }, - transitionDuration: '{form.field.transition.duration}' + transitionDuration: '{form.field.transition.duration}', + sm: { + fontSize: '0.875rem', + paddingX: '0.625rem', + paddingY: '0.5rem' + }, + lg: { + fontSize: '1.125rem', + paddingX: '0.875rem', + paddingY: '0.75rem' + } } }; diff --git a/packages/themes/src/presets/nora/inputtext/index.js b/packages/themes/src/presets/nora/inputtext/index.js index f22994ab1..1f0e1eaff 100644 --- a/packages/themes/src/presets/nora/inputtext/index.js +++ b/packages/themes/src/presets/nora/inputtext/index.js @@ -22,6 +22,16 @@ export default { offset: '{form.field.focus.ring.offset}', shadow: '{form.field.focus.ring.shadow}' }, - transitionDuration: '{form.field.transition.duration}' + transitionDuration: '{form.field.transition.duration}', + sm: { + fontSize: '0.875rem', + paddingX: '0.625rem', + paddingY: '0.375rem' + }, + lg: { + fontSize: '1.125rem', + paddingX: '0.875rem', + paddingY: '0.625rem' + } } };