fix: correct style import (#300)

* fix: correct style import

* fix: update webpack version

angular.json

@@ -5,7 +5,7 @@
   "projects": {
     "onecx-theme-ui": {
       "projectType": "application",
-      "schematics": {},
+      "schematics": { "@schematics/angular:component": { "style": "scss" } },
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
@@ -29,14 +29,10 @@
                 "output": "/onecx-portal-lib/assets/"
               }
             ],
-            "styles": [
-              "node_modules/primeicons/primeicons.css",
-              "node_modules/primeng/resources/primeng.min.css",
-              "node_modules/@onecx/portal-integration-angular/assets/styles.scss",
-              "src/styles.scss"
-            ],
+            "styles": ["src/styles.scss"],
             "scripts": ["node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"],
             "extraWebpackConfig": "webpack.config.js",
+            "outputHashing": "all",
             "commonChunk": false
           },
           "configurations": {
@@ -67,7 +63,6 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "outputHashing": "all",
               "extraWebpackConfig": "webpack.prod.config.js"
             }
           },

package.json

@@ -51,17 +51,17 @@
     "@ngrx/router-store": "^18.0.1",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
-    "@onecx/accelerator": "^5.23.3",
-    "@onecx/angular-accelerator": "^5.23.3",
-    "@onecx/angular-auth": "^5.23.3",
-    "@onecx/angular-integration-interface": "^5.23.3",
-    "@onecx/angular-remote-components": "^5.23.3",
-    "@onecx/angular-webcomponents": "^5.23.3",
-    "@onecx/angular-testing": "^5.23.3",
-    "@onecx/integration-interface": "^5.23.3",
-    "@onecx/keycloak-auth": "^5.23.3",
-    "@onecx/portal-integration-angular": "^5.23.3",
-    "@onecx/portal-layout-styles": "^5.23.3",
+    "@onecx/accelerator": "^5.23.4",
+    "@onecx/angular-accelerator": "^5.23.4",
+    "@onecx/angular-auth": "^5.23.4",
+    "@onecx/angular-integration-interface": "^5.23.4",
+    "@onecx/angular-remote-components": "^5.23.4",
+    "@onecx/angular-webcomponents": "^5.23.4",
+    "@onecx/angular-testing": "^5.23.4",
+    "@onecx/integration-interface": "^5.23.4",
+    "@onecx/keycloak-auth": "^5.23.4",
+    "@onecx/portal-integration-angular": "^5.23.4",
+    "@onecx/portal-layout-styles": "^5.23.4",
     "@webcomponents/webcomponentsjs": "^2.8.0",
     "file-saver": "^2.0.5",
     "keycloak-angular": "^16.0.1",
@@ -118,7 +118,7 @@
     "ts-node": "10.9.2",
     "typescript": "5.5.4",
     "url-loader": "^4.1.1",
-    "webpack": "^5.93.0",
+    "webpack": "^5.95.0",
     "webpack-merge": "^6.0.1"
   }
 }

src/styles.scss

@@ -1,7 +1,7 @@
 /* global styles */
-@import '../node_modules/primeng/resources/primeng.min.css';
-@import '../node_modules/primeicons/primeicons.css';
+@import 'node_modules/primeicons/primeicons.css';
+@import 'node_modules/primeng/resources/primeng.min.css';
 
 /* portal core */
-@import '../node_modules/@onecx/portal-layout-styles/src/styles/shell/shell.scss';
-@import '../node_modules/@onecx/portal-layout-styles/src/styles/primeng/theme-light.scss';
+@import 'node_modules/@onecx/portal-layout-styles/src/styles/shell/shell';
+@import 'node_modules/@onecx/portal-layout-styles/src/styles/primeng/theme-light.scss';