@salesforcedevs/dx-components 1.17.2 → 1.17.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.17.2",
+    "version": "1.17.3",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -45,5 +45,5 @@
     "volta": {
         "node": "20.19.0"
     },
-    "gitHead": "456b8ad8b3162df223f9809e66a454cb66b4add0"
+    "gitHead": "bca09dae53a71382bf30a0898a5772f45fe0bb21"
 }

package/src/modules/dx/error/error.css

@@ -1,6 +1,11 @@
 @import "dxHelpers/reset";
 @import "dxHelpers/text";
 
+.error-without-image {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
 .error_container {
     background-color: #3a49da;
     background-image: url("https://a.sfdcstatic.com/developer-website/images/bottom-right.svg"),

package/src/modules/dx/error/error.html

@@ -1,6 +1,6 @@
 <template>
     <div class="error_container">
-        <div class="error_content">
+        <div class={className}>
             <img lwc:if={image} src={image} alt={code} />
             <h1>{header}</h1>
             <p>{subtitle}</p>

package/src/modules/dx/error/error.ts

@@ -1,4 +1,5 @@
 import { LightningElement, api } from "lwc";
+import cx from "classnames";
 
 export default class Error extends LightningElement {
     @api track: boolean = false;
@@ -9,15 +10,12 @@ export default class Error extends LightningElement {
     @api image!: string;
     @api code!: string;
 
-    @api
-    get suggestions(): string[] {
-        return this._suggestions;
+    get className() {
+        return cx(
+            "error",
+            this.image ? "error-with-image" : "error-without-image"
+        );
     }
-    set suggestions(value: string) {
-        this._suggestions = JSON.parse(value);
-    }
-
-    private _suggestions = [];
 
     renderedCallback() {
         // Hide the docs header from 404 pages when URL contains /docs