@colijnit/configurator 262.1.8 → 262.1.10

package/lib/style/_variables.scss

@@ -1,58 +1,68 @@
 :root {
   /* tile container */
-  --tile-container-background: #EBEBED;
+  --co-configurator-tile-container-background: #EBEBED;
 
   /* tiles */
-  --border-color: transparent;
-  --border-color-active: #979284;
-  --default-border-radius: 3px;
-  --circle-border-radius: 50%;
-  --tile-background-color: #FFFFFF;
-  --default-padding: 5px;
+  --co-configurator-border-color: transparent;
+  --co-configurator-border-color-active: #979284;
+  --co-configurator-default-border-radius: 3px;
+  --co-configurator-circle-border-radius: 50%;
+  --co-configurator-tile-background-color: #FFFFFF;
+  --co-configurator-default-padding: 5px;
 
   /* Dialog related */
-  --configurator-dialog-backdrop: rgba(0, 0, 0, 0.5);
-  --configutator-dialog-background: #fff;
+  --co-configurator-dialog-backdrop: rgba(0, 0, 0, 0.5);
+  --co-configurator-dialog-background: #fff;
 
   /* checkmarks and icons */
-  --checked-icon-color: #FFFFFF;
-  --checked-icon-background: #979284;
-  --checked-icon-radius: 0 3px;
-  --checked-selected-icon-radius: 3px;
-  --checked-icon-padding: 3px;
-  --big-icon-height: 20px;
-  --big-icon-width: 20px;
-  --small-icon-height: 18px;
-  --small-icon-width: 18px;
-  --xs-icon-height: 16px;
-  --xs-icon-width: 16px;
+  --co-configurator-checked-icon-color: #FFFFFF;
+  --co-configurator-checked-icon-background: #979284;
+  --co-configurator-checked-icon-radius: 0 3px;
+  --co-configurator-checked-selected-icon-radius: 3px;
+  --co-configurator-checked-icon-padding: 3px;
+  --co-configurator-big-icon-height: 20px;
+  --co-configurator-big-icon-width: 20px;
+  --co-configurator-small-icon-height: 18px;
+  --co-configurator-small-icon-width: 18px;
+  --co-configurator-xs-icon-height: 16px;
+  --co-configurator-xs-icon-width: 16px;
 
   /* states */
-  --error-color: #FF2C2C;
-  --warning-color: #ff9900;
+  --co-configurator-error-color: #FF2C2C;
+  --co-configurator-warning-color: #ff9900;
 
   /* fontsizes */
-  --font-size-large: 20px;
-  --font-size-medium: 16px;
-  --font-size-normal: 14px;
-  --font-size-small: 12px;
-  --font-size-xs: 10px;
+  --co-configurator-font-size-large: 20px;
+  --co-configurator-font-size-medium: 16px;
+  --co-configurator-font-size-normal: 14px;
+  --co-configurator-font-size-small: 12px;
+  --co-configurator-font-size-xs: 10px;
 
   /* fontweights */
-  --font-weight-light: 400;
-  --font-weight-normal: 500;
-  --font-weight-bold: 600;
-  --font-weight-bolder: 700;
+  --co-configurator-font-weight-light: 400;
+  --co-configurator-font-weight-normal: 500;
+  --co-configurator-font-weight-bold: 600;
+  --co-configurator-font-weight-bolder: 700;
 
   /* Links and text color */
-  --text-color: #333333;
-  --text-color-hover: #333333;
-  --load-more-link-color: #da9803;
-  --white-text-color: #fff;
-  --link-text-color: #0070ba;
-
-  --success-text-color: #155724;
-  --success-background-color: #d4edda;
-  --success-border-color: #c3e6cb;
+  --co-configurator-text-color: #333333;
+  --co-configurator-text-color-hover: #333333;
+  --co-configurator-load-more-link-color: #da9803;
+  --co-configurator-white-text-color: #fff;
+  --co-configurator-link-text-color: #0070ba;
+
+  --co-configurator-success-text-color: #155724;
+  --co-configurator-success-background-color: #d4edda;
+  --co-configurator-success-border-color: #c3e6cb;
+
+
+  /* product-configurator-container shared styles */
+  --co-configurator-container-max-height: calc(100vh - 120px);
+  --co-configurator-container-top: 64px;
+  --co-configurator-container-padding: 15px;
+  --co-configurator-container-border-radius: 10px;
+  --co-configurator-container-right: 10px;
+  --co-configurator-container-width: 505px;
+  --co-configurator-container-background: #fff;
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/configurator",
-  "version": "262.1.8",
+  "version": "262.1.10",
   "description": "iOne configurator specific for version 262",
   "private": false,
   "peerDependencies": {
@@ -9,24 +9,24 @@
     "@angular/core": ">=20.0.0",
     "@angular/material": "20.2.14",
     "@colijnit/articleapi": ">=262.1.0",
-    "@colijnit/configuratorapi": ">=262.1.2",
+    "@colijnit/configuratorapi": ">=262.1.4",
+    "@colijnit/configuratorcore": ">=262.1.5",
     "@colijnit/corecomponents_v12": ">=262.1.0",
-    "@colijnit/ioneconnector": ">=262.1.0",
+    "@colijnit/ioneconnector": ">=262.1.3",
     "@colijnit/mainapi": ">=262.1.1",
-    "@colijnit/utilities": ">=262.1.0"
+    "@colijnit/utilities": ">=262.1.1",
+    "@types/three": "0.178.1",
+    "three": "0.178.0",
+    "three-bvh-csg": "0.0.17",
+    "three-gpu-pathtracer": "0.0.22",
+    "three-mesh-bvh": "^0.9.9"
   },
   "dependencies": {
-    "@colijnit/configuratorcore": "262.1.1",
     "@tweenjs/tween.js": "25.0.0",
-    "@types/three": "0.178.1",
     "jszip": "3.6.0",
     "md5": "^2.3.0",
     "n8ao": "^1.10.1",
     "ngx-device-detector": "^10.1.0",
-    "three": "0.178.0",
-    "three-bvh-csg": "0.0.17",
-    "three-gpu-pathtracer": "0.0.22",
-    "three-mesh-bvh": "^0.9.9",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/colijnit-configurator.mjs",