Migrated icon field

components/lib/theme/aura/iconfield/index.js

@@ -0,0 +1,35 @@
+export default {
+    variables: {
+        colorScheme: {
+            light: {},
+            dark: {}
+        }
+    },
+    css: `
+.p-icon-field {
+    position: relative;
+}
+
+.p-icon-field .p-input-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-icon-field-left .p-input-icon {
+    left: 0.75rem;
+}
+
+.p-icon-field-right .p-input-icon {
+    right: 0.75rem;
+}
+
+.p-icon-field-left .p-inputtext {
+    padding-left: 2.5rem;
+}
+
+.p-icon-field-right .p-inputtext {
+    padding-right: 2.5rem;
+}
+`
+};

components/lib/theme/aura/iconfield/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts"
+}

components/lib/theme/aura/index.js

@@ -21,6 +21,7 @@ import dock from 'primevue/theme/aura/dock';
 import fieldset from 'primevue/theme/aura/fieldset';
 import galleria from 'primevue/theme/aura/galleria';
 import global from 'primevue/theme/aura/global';
+import iconfield from 'primevue/theme/aura/iconfield';
 import image from 'primevue/theme/aura/image';
 import inlinemessage from 'primevue/theme/aura/inlinemessage';
 import inplace from 'primevue/theme/aura/inplace';
@@ -237,18 +238,19 @@ export default {
         dock,
         fieldset,
         galleria,
-        knob,
-        megamenu,
-        menu,
-        menubar,
-        message,
-        metergroup,
+        iconfield,
         image,
         inlinemessage,
         inplace,
         inputgroup,
         inputswitch,
         inputtext,
+        knob,
+        megamenu,
+        menu,
+        menubar,
+        message,
+        metergroup,
         orderlist,
         organizationchart,
         overlaypanel,

nuxt-vite.config.js

@@ -192,7 +192,9 @@ const THEME_ALIAS = {
     'primevue/theme/aura/editor': path.resolve(__dirname, './components/lib/theme/aura/editor/index.js'),
     'primevue/theme/aura/fieldset': path.resolve(__dirname, './components/lib/theme/aura/fieldset/index.js'),
     'primevue/theme/aura/fileupload': path.resolve(__dirname, './components/lib/theme/aura/fileupload/index.js'),
+    'primevue/theme/aura/floatlabel': path.resolve(__dirname, './components/lib/theme/aura/iconfield/floatlabel.js'),
     'primevue/theme/aura/galleria': path.resolve(__dirname, './components/lib/theme/aura/galleria/index.js'),
+    'primevue/theme/aura/iconfield': path.resolve(__dirname, './components/lib/theme/aura/iconfield/index.js'),
     'primevue/theme/aura/image': path.resolve(__dirname, './components/lib/theme/aura/image/index.js'),
     'primevue/theme/aura/inlinemessage': path.resolve(__dirname, './components/lib/theme/aura/inlinemessage/index.js'),
     'primevue/theme/aura/inplace': path.resolve(__dirname, './components/lib/theme/aura/inplace/index.js'),