ov-components: Update tutorials dependencies and styles

Author: CSantosM

openvidu-components-angular/openvidu-additional-panels/package-lock.json

@@ -9,26 +9,26 @@
 	},
 	"private": true,
 	"dependencies": {
-		"@angular/animations": "^18.0.1",
-		"@angular/cdk": "^18.0.1",
-		"@angular/common": "^18.0.1",
-		"@angular/compiler": "^18.0.1",
-		"@angular/core": "^18.0.1",
-		"@angular/forms": "^18.0.1",
-		"@angular/material": "^18.0.1",
-		"@angular/platform-browser": "^18.0.1",
-		"@angular/platform-browser-dynamic": "^18.0.1",
-		"@angular/router": "^18.0.1",
-		"openvidu-components-angular": "^3.4.0",
-		"rxjs": "~7.5.0",
-		"tslib": "^2.3.0",
-		"zone.js": "~0.14.6"
+		"@angular/animations": "18.2.14",
+		"@angular/cdk": "18.2.14",
+		"@angular/common": "18.2.14",
+		"@angular/compiler": "18.2.14",
+		"@angular/core": "18.2.14",
+		"@angular/forms": "18.2.14",
+		"@angular/material": "18.2.14",
+		"@angular/platform-browser": "18.2.14",
+		"@angular/platform-browser-dynamic": "18.2.14",
+		"@angular/router": "18.2.14",
+		"openvidu-components-angular": "3.4.0",
+		"rxjs": "~7.5.7",
+		"tslib": "2.3.1",
+		"zone.js": "~0.14.10"
 	},
 	"devDependencies": {
-		"@angular/build": "^18.0.2",
-		"@angular/cli": "^18.0.2",
-		"@angular/compiler-cli": "^18.0.1",
-		"@types/node": "^20.12.12",
-		"typescript": "^5.4.5"
+		"@angular/build": "18.2.21",
+		"@angular/cli": "18.2.21",
+		"@angular/compiler-cli": "18.2.14",
+		"@types/node": "20.19.19",
+		"typescript": "5.4.5"
 	}
 }

openvidu-components-angular/openvidu-additional-panels/package.json

@@ -1,24 +1,24 @@
 /* You can add global styles to this file, and also import other style files */
 
 :root {
-	--ov-primary-color: #303030;
-	--ov-secondary-color: #3e3f3f;
-	--ov-tertiary-color: #598eff;
-	--ov-warn-color: #EB5144;
-	--ov-accent-color: #ffae35;
-	--ov-light-color: #e6e6e6;
+	--ov-background-color: #1f2020;
+	--ov-surface-color: #ffffff;
 
-	--ov-logo-background-color: #3a3d3d;
-	--ov-text-color: #ffffff;
+	--ov-primary-action-color: #273235;
+	--ov-secondary-action-color: #a5b9a6;
+	--ov-accent-action-color: #00aad4;
 
-	--ov-panel-text-color: #1d1d1d;
-	--ov-panel-background: #ffffff;
+	--ov-error-color: #eb5144;
+	--ov-warn-color: #ffba53;
 
-	--ov-toolbar-buttons-radius: 50%; // border-radius property
+	--ov-text-primary-color: #ffffff;
+	--ov-text-surface-color: #1d1d1d;
+
+	--ov-toolbar-buttons-radius: 50%;
 	--ov-leave-button-radius: 10px;
 	--ov-video-radius: 5px;
-	--ov-panel-radius: 5px;
-  }
+	--ov-surface-radius: 5px;
+}
 html,
 body {
 	height: 100%;

openvidu-components-angular/openvidu-additional-panels/src/styles.scss

@@ -22,7 +22,8 @@
       "es2020",
       "dom"
     ],
-    "useDefineForClassFields": false
+    "useDefineForClassFields": false,
+    "skipLibCheck": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,