@syncfusion/ej2-angular-layouts 26.1.35 → 26.1.38

package/CHANGELOG.md

@@ -6,6 +6,14 @@
 
 #### Bug Fixes
 
+- `#I599650` - The issue with the type of the element parameter in the Dashboard Layout constructor has been resolved.
+
+## 26.1.35 (2024-06-11)
+
+### DashboardLayout
+
+#### Bug Fixes
+
 - `#I590397` - Resolved the issue where two panels occupy the same cell when dragging panels in the Dashboard Layout.
 
 ## 25.1.35 (2024-03-15)

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-layouts@*",
   "_id": "@syncfusion/ej2-angular-layouts@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-337iNK+FbkKsSdhm/oV4s9hID+72giNmV41H7QZOthJ2iFzNPw9zxC15f6Lm57ytHegk96VrV8rn75i9fHtZkg==",
+  "_integrity": "sha512-kqxkemgHQPs7jDjMCNqa0jJTctcGGvZMsXx65d44Ci+aQW5UQuUO1NY8ALkggCHHPWuriSfgCyDp+oYwfbqq/A==",
   "_location": "/@syncfusion/ej2-angular-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-26.1.35.tgz",
-  "_shasum": "c750fa4ed521a0a65573dcb7116f4909c259e69e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-26.1.35.tgz",
+  "_shasum": "2b0da2f2ac2510185f68d55631e506777efb7ea2",
   "_spec": "@syncfusion/ej2-angular-layouts@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~26.1.35",
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-layouts": "26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-layouts": "26.1.38",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -78,5 +78,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-layouts.d.ts",
-  "version": "26.1.35"
+  "version": "26.1.38"
 }

package/schematics/collection.json

@@ -5,46 +5,6 @@
       "description": "Adds Essential JS 2 specific Angular package to an application",
       "factory": "./ng-add",
       "schema": "./ng-add/schema.json"
-    },
-    "dashboardlayout-default": {
-      "description": "Create an Angular component with EJ2 undefined with default",
-      "factory": "./generators/dashboardlayout-default",
-      "schema": "./generators/dashboardlayout-default/schema.json"
-    },
-    "dashboardlayout-dragging": {
-      "description": "Create an Angular component with EJ2 undefined with dragging",
-      "factory": "./generators/dashboardlayout-dragging",
-      "schema": "./generators/dashboardlayout-dragging/schema.json"
-    },
-    "dashboardlayout-floating": {
-      "description": "Create an Angular component with EJ2 undefined with floating",
-      "factory": "./generators/dashboardlayout-floating",
-      "schema": "./generators/dashboardlayout-floating/schema.json"
-    },
-    "dashboardlayout-media-query": {
-      "description": "Create an Angular component with EJ2 undefined with media-query",
-      "factory": "./generators/dashboardlayout-media-query",
-      "schema": "./generators/dashboardlayout-media-query/schema.json"
-    },
-    "dashboardlayout-resizing": {
-      "description": "Create an Angular component with EJ2 undefined with resizing",
-      "factory": "./generators/dashboardlayout-resizing",
-      "schema": "./generators/dashboardlayout-resizing/schema.json"
-    },
-    "splitter-horizontalsplitter": {
-      "description": "Create an Angular splitter component with horizontal orientation.",
-      "factory": "./generators/splitter-horizontalsplitter",
-      "schema": "./generators/splitter-horizontalsplitter/schema.json"
-    },
-    "splitter-nestedsplitter": {
-      "description": "Create an Angular splitter component with nested layout.",
-      "factory": "./generators/splitter-nestedsplitter",
-      "schema": "./generators/splitter-nestedsplitter/schema.json"
-    },
-    "splitter-verticalsplitter": {
-      "description": "Create an Angular splitter component with vertical orientation.",
-      "factory": "./generators/splitter-verticalsplitter",
-      "schema": "./generators/splitter-verticalsplitter/schema.json"
     }
   }
 }

package/styles/avatar/fluent2.css

@@ -10,7 +10,7 @@
   --color-sf-success: #0e700e;
   --color-sf-info: #008aa9;
   --color-sf-warning: #bc4b09;
-  --color-sf-danger: #b10e1c;
+  --color-sf-danger: #d13438;
   --color-sf-success-light: #54b054;
   --color-sf-info-light: #56bfd7;
   --color-sf-warning-light: #fee5d7;
@@ -221,7 +221,7 @@
   --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #242424;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #b3b3b3;
   --color-sf-rating-unrated-disabled-color: #b3b3b3;
@@ -246,7 +246,7 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #f1faf1;
   --color-sf-msg-success-border-color: #9fd89f;
-  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-color-alt1: #0e700e;
   --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
@@ -261,7 +261,7 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #fdf3f4;
   --color-sf-msg-danger-border-color: #eeacb2;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-color-alt1: #b10e1c;
   --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
@@ -276,7 +276,7 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #f2fafc;
   --color-sf-msg-info-border-color: #a4deeb;
-  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-color-alt1: #00748f;
   --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #fff;
@@ -291,7 +291,7 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #fdf6f3;
   --color-sf-msg-warning-border-color: #f4bfab;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-color-alt1: #c43501;
   --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #fff;
@@ -317,7 +317,7 @@
   --color-sf-link-button-focus: #0f6cbd;
   --color-sf-link-button-border-focus: #242424;
   --color-sf-chip-bg-color: #f5f5f5;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #f5f5f5;
   --color-sf-chip-bg-disabled: #f0f0f0;
   --color-sf-chip-border-disabled: #fff;
   --color-sf-secondary-outline-button-text-color-hover: #242424;
@@ -406,7 +406,7 @@
   --color-sf-border-focus: var(--color-sf-border);
   --color-sf-border-selected: #6b6b6b;
   --color-sf-border-dragged: var(--color-sf-primary);
-  --color-sf-border-disabled: #08233b;
+  --color-sf-border-disabled: #424242;
   --color-sf-border-warning: #bc4b09;
   --color-sf-border-error: #dc626d;
   --color-sf-border-success: #9fd89f;
@@ -569,7 +569,7 @@
   --color-sf-diagram-palette-background: #e0e0e0;
   --color-sf-diagram-palette-hover-background: #bdbdbd;
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #575757;
   --color-sf-rating-unrated-disabled-color: #4d4d4d;
@@ -581,9 +581,9 @@
   --color-sf-msg-border-color: var(--color-sf-border);
   --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
   --color-sf-msg-bg-color-alt1: transparent;
-  --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
+  --color-sf-msg-border-color-alt1: #666666;
   --color-sf-msg-color-alt2: #242424;
-  --color-sf-msg-bg-color-alt2: #adadad;
+  --color-sf-msg-bg-color-alt2: #c2c2c2;
   --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
@@ -594,9 +594,9 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #052505;
   --color-sf-msg-success-border-color: #107c10;
-  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-color-alt1: #54b054;
   --color-sf-msg-success-bg-color-alt1: transparent;
-  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-border-color-alt1: #218c21;
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #107c10;
   --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
@@ -609,9 +609,9 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #3b0509;
   --color-sf-msg-danger-border-color: #c50f1f;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-color-alt1: #dc626d;
   --color-sf-msg-danger-bg-color-alt1: transparent;
-  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
+  --color-sf-msg-danger-border-color-alt1: #d33f4c;
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #c50f1f;
   --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
@@ -624,9 +624,9 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #002e38;
   --color-sf-msg-info-border-color: #0099bc;
-  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-color-alt1: #56bfd7;
   --color-sf-msg-info-bg-color-alt1: transparent;
-  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
+  --color-sf-msg-info-border-color-alt1: #31afdd;
   --color-sf-msg-info-color-alt2: #fff;
   --color-sf-msg-info-bg-color-alt2: #0099bc;
   --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
@@ -639,9 +639,9 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #411200;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-color-alt1: #e9835e;
   --color-sf-msg-warning-bg-color-alt1: transparent;
-  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
+  --color-sf-msg-warning-border-color-alt1: #e36537;
   --color-sf-msg-warning-color-alt2: #fff;
   --color-sf-msg-warning-bg-color-alt2: #da3b01;
   --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
@@ -659,7 +659,7 @@
   --color-sf-link-button-focus: #115ea3;
   --color-sf-link-button-border-focus: #fff;
   --color-sf-chip-bg-color: #141414;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #141414;
   --color-sf-chip-bg-disabled: #141414;
   --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
   --color-sf-secondary-outline-button-text-color-hover: #fff;
@@ -714,7 +714,7 @@
   --color-sf-overlay-bg-color: rgba($black, .4);
   --color-sf-table-bg-color-hover: var(--color-sf-black);
   --color-sf-table-bg-color-pressed: var(--color-sf-black);
-  --color-sf-table-bg-color-selected: var(--color-sf-black);
+  --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
   --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
@@ -724,7 +724,7 @@
   --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-dragged: #000;
-  --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
+  --color-sf-content-text-color-disabled: #3ff23f;
   --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
@@ -748,12 +748,12 @@
   --color-sf-border-focus: var(--color-sf-border-hover);
   --color-sf-border-selected: var(--color-sf-border-hover);
   --color-sf-border-dragged: var(--color-sf-border-light);
-  --color-sf-border-disabled: #fff;
+  --color-sf-border-disabled: #3ff23f;
   --color-sf-border-warning: #f7630c;
   --color-sf-border-error: #c50f1f;
   --color-sf-border-success: #107c10;
   --color-sf-border-info: #0099bc;
-  --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
+  --color-sf-spreadsheet-gridline: #e6e6e6;
   --color-sf-flyout-border: var(--color-sf-border-light);
   --color-sf-primary: #1aebff;
   --color-sf-primary-text-color: #000;
@@ -911,7 +911,7 @@
   --color-sf-diagram-palette-background: #000;
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
   --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
@@ -936,7 +936,7 @@
   --color-sf-msg-success-color: #107c10;
   --color-sf-msg-success-bg-color: #000;
   --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-color-alt1: #107c10;
   --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
   --color-sf-msg-success-border-color-alt1: #fff;
   --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
@@ -951,7 +951,7 @@
   --color-sf-msg-danger-color: #c50f1f;
   --color-sf-msg-danger-bg-color: #000;
   --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-color-alt1: #c50f1f;
   --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
   --color-sf-msg-danger-border-color-alt1: #fff;
   --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
@@ -966,7 +966,7 @@
   --color-sf-msg-info-color: #0099bc;
   --color-sf-msg-info-bg-color: #000;
   --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-color-alt1: #0099bc;
   --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
   --color-sf-msg-info-border-color-alt1: #fff;
   --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
@@ -981,7 +981,7 @@
   --color-sf-msg-warning-color: #f7630c;
   --color-sf-msg-warning-bg-color: #000;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-color-alt1: #f7630c;
   --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
   --color-sf-msg-warning-border-color-alt1: #fff;
   --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
@@ -1022,7 +1022,7 @@
   --color-sf-secondary-badge-border-color: #fff;
   --color-sf-secondary-badge-bg-color: #000;
   --color-sf-secondary-badge-bg-color-focus: #fff;
-  --color-sf-skeleton-bg-color: #ffffff;
+  --color-sf-skeleton-bg-color: #fff;
   --color-sf-tab-selected-bg-color-disabled: #000;
   --color-sf-tab-selected-text-color-disabled: #3ff23f;
   --color-sf-ribbon-border-color: #fff;
@@ -1058,6 +1058,9 @@
   position: relative;
   width: 40px;
 }
+.e-avatar:has(:not(img)) {
+  border: 1px solid var(--color-sf-dialog-border);
+}
 .e-avatar img {
   height: 100%;
   width: auto;

package/styles/card/fluent2.css

@@ -10,7 +10,7 @@
   --color-sf-success: #0e700e;
   --color-sf-info: #008aa9;
   --color-sf-warning: #bc4b09;
-  --color-sf-danger: #b10e1c;
+  --color-sf-danger: #d13438;
   --color-sf-success-light: #54b054;
   --color-sf-info-light: #56bfd7;
   --color-sf-warning-light: #fee5d7;
@@ -221,7 +221,7 @@
   --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #242424;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #b3b3b3;
   --color-sf-rating-unrated-disabled-color: #b3b3b3;
@@ -246,7 +246,7 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #f1faf1;
   --color-sf-msg-success-border-color: #9fd89f;
-  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-color-alt1: #0e700e;
   --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
@@ -261,7 +261,7 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #fdf3f4;
   --color-sf-msg-danger-border-color: #eeacb2;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-color-alt1: #b10e1c;
   --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
@@ -276,7 +276,7 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #f2fafc;
   --color-sf-msg-info-border-color: #a4deeb;
-  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-color-alt1: #00748f;
   --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #fff;
@@ -291,7 +291,7 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #fdf6f3;
   --color-sf-msg-warning-border-color: #f4bfab;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-color-alt1: #c43501;
   --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #fff;
@@ -317,7 +317,7 @@
   --color-sf-link-button-focus: #0f6cbd;
   --color-sf-link-button-border-focus: #242424;
   --color-sf-chip-bg-color: #f5f5f5;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #f5f5f5;
   --color-sf-chip-bg-disabled: #f0f0f0;
   --color-sf-chip-border-disabled: #fff;
   --color-sf-secondary-outline-button-text-color-hover: #242424;
@@ -406,7 +406,7 @@
   --color-sf-border-focus: var(--color-sf-border);
   --color-sf-border-selected: #6b6b6b;
   --color-sf-border-dragged: var(--color-sf-primary);
-  --color-sf-border-disabled: #08233b;
+  --color-sf-border-disabled: #424242;
   --color-sf-border-warning: #bc4b09;
   --color-sf-border-error: #dc626d;
   --color-sf-border-success: #9fd89f;
@@ -569,7 +569,7 @@
   --color-sf-diagram-palette-background: #e0e0e0;
   --color-sf-diagram-palette-hover-background: #bdbdbd;
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: #575757;
   --color-sf-rating-unrated-disabled-color: #4d4d4d;
@@ -581,9 +581,9 @@
   --color-sf-msg-border-color: var(--color-sf-border);
   --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
   --color-sf-msg-bg-color-alt1: transparent;
-  --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
+  --color-sf-msg-border-color-alt1: #666666;
   --color-sf-msg-color-alt2: #242424;
-  --color-sf-msg-bg-color-alt2: #adadad;
+  --color-sf-msg-bg-color-alt2: #c2c2c2;
   --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
   --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
@@ -594,9 +594,9 @@
   --color-sf-msg-success-color: var(--color-sf-content-text-color);
   --color-sf-msg-success-bg-color: #052505;
   --color-sf-msg-success-border-color: #107c10;
-  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-color-alt1: #54b054;
   --color-sf-msg-success-bg-color-alt1: transparent;
-  --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
+  --color-sf-msg-success-border-color-alt1: #218c21;
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #107c10;
   --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
@@ -609,9 +609,9 @@
   --color-sf-msg-danger-color: var(--color-sf-content-text-color);
   --color-sf-msg-danger-bg-color: #3b0509;
   --color-sf-msg-danger-border-color: #c50f1f;
-  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-color-alt1: #dc626d;
   --color-sf-msg-danger-bg-color-alt1: transparent;
-  --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
+  --color-sf-msg-danger-border-color-alt1: #d33f4c;
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #c50f1f;
   --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
@@ -624,9 +624,9 @@
   --color-sf-msg-info-color: var(--color-sf-content-text-color);
   --color-sf-msg-info-bg-color: #002e38;
   --color-sf-msg-info-border-color: #0099bc;
-  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-color-alt1: #56bfd7;
   --color-sf-msg-info-bg-color-alt1: transparent;
-  --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
+  --color-sf-msg-info-border-color-alt1: #31afdd;
   --color-sf-msg-info-color-alt2: #fff;
   --color-sf-msg-info-bg-color-alt2: #0099bc;
   --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
@@ -639,9 +639,9 @@
   --color-sf-msg-warning-color: var(--color-sf-content-text-color);
   --color-sf-msg-warning-bg-color: #411200;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-color-alt1: #e9835e;
   --color-sf-msg-warning-bg-color-alt1: transparent;
-  --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
+  --color-sf-msg-warning-border-color-alt1: #e36537;
   --color-sf-msg-warning-color-alt2: #fff;
   --color-sf-msg-warning-bg-color-alt2: #da3b01;
   --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
@@ -659,7 +659,7 @@
   --color-sf-link-button-focus: #115ea3;
   --color-sf-link-button-border-focus: #fff;
   --color-sf-chip-bg-color: #141414;
-  --color-sf-chip-border-color: rgba(0, 0, 0, 0);
+  --color-sf-chip-border-color: #141414;
   --color-sf-chip-bg-disabled: #141414;
   --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
   --color-sf-secondary-outline-button-text-color-hover: #fff;
@@ -714,7 +714,7 @@
   --color-sf-overlay-bg-color: rgba($black, .4);
   --color-sf-table-bg-color-hover: var(--color-sf-black);
   --color-sf-table-bg-color-pressed: var(--color-sf-black);
-  --color-sf-table-bg-color-selected: var(--color-sf-black);
+  --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
   --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
@@ -724,7 +724,7 @@
   --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-content-text-color-dragged: #000;
-  --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
+  --color-sf-content-text-color-disabled: #3ff23f;
   --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color: var(--color-sf-content-text-color);
   --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
@@ -748,12 +748,12 @@
   --color-sf-border-focus: var(--color-sf-border-hover);
   --color-sf-border-selected: var(--color-sf-border-hover);
   --color-sf-border-dragged: var(--color-sf-border-light);
-  --color-sf-border-disabled: #fff;
+  --color-sf-border-disabled: #3ff23f;
   --color-sf-border-warning: #f7630c;
   --color-sf-border-error: #c50f1f;
   --color-sf-border-success: #107c10;
   --color-sf-border-info: #0099bc;
-  --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
+  --color-sf-spreadsheet-gridline: #e6e6e6;
   --color-sf-flyout-border: var(--color-sf-border-light);
   --color-sf-primary: #1aebff;
   --color-sf-primary-text-color: #000;
@@ -911,7 +911,7 @@
   --color-sf-diagram-palette-background: #000;
   --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
   --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
-  --color-sf-rating-selected-color: var(--color-sf-content-text-color);
+  --color-sf-rating-selected-color: #fff;
   --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
   --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
   --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
@@ -936,7 +936,7 @@
   --color-sf-msg-success-color: #107c10;
   --color-sf-msg-success-bg-color: #000;
   --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-color-alt1: var(--color-sf-success);
+  --color-sf-msg-success-color-alt1: #107c10;
   --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
   --color-sf-msg-success-border-color-alt1: #fff;
   --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
@@ -951,7 +951,7 @@
   --color-sf-msg-danger-color: #c50f1f;
   --color-sf-msg-danger-bg-color: #000;
   --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
+  --color-sf-msg-danger-color-alt1: #c50f1f;
   --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
   --color-sf-msg-danger-border-color-alt1: #fff;
   --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
@@ -966,7 +966,7 @@
   --color-sf-msg-info-color: #0099bc;
   --color-sf-msg-info-bg-color: #000;
   --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-color-alt1: var(--color-sf-info);
+  --color-sf-msg-info-color-alt1: #0099bc;
   --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
   --color-sf-msg-info-border-color-alt1: #fff;
   --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
@@ -981,7 +981,7 @@
   --color-sf-msg-warning-color: #f7630c;
   --color-sf-msg-warning-bg-color: #000;
   --color-sf-msg-warning-border-color: #da3b01;
-  --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
+  --color-sf-msg-warning-color-alt1: #f7630c;
   --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
   --color-sf-msg-warning-border-color-alt1: #fff;
   --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
@@ -1022,7 +1022,7 @@
   --color-sf-secondary-badge-border-color: #fff;
   --color-sf-secondary-badge-bg-color: #000;
   --color-sf-secondary-badge-bg-color-focus: #fff;
-  --color-sf-skeleton-bg-color: #ffffff;
+  --color-sf-skeleton-bg-color: #fff;
   --color-sf-tab-selected-bg-color-disabled: #000;
   --color-sf-tab-selected-text-color-disabled: #3ff23f;
   --color-sf-ribbon-border-color: #fff;
@@ -1089,10 +1089,11 @@
 .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
   font-size: 16px;
   line-height: 1.5;
+  font-weight: 600;
 }
 .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
 .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
-  font-size: 16px;
+  font-size: 14px;
   line-height: 1.5;
   padding: 4px 0 0;
 }
@@ -1112,6 +1113,7 @@
   line-height: 1.25;
   min-height: 40px;
   padding: 12px 16px;
+  font-weight: 600;
 }
 .e-bigger .e-card .e-card-actions,
 .e-bigger.e-card .e-card-actions {
@@ -1158,6 +1160,7 @@
 .e-bigger .e-card .e-card-content,
 .e-bigger.e-card .e-card-content {
   padding: 0 16px 16px 16px;
+  font-size: 16px;
 }
 .e-bigger .e-card .e-card-content + :not(.e-card-content),
 .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
@@ -1358,10 +1361,11 @@
 .e-card .e-card-header .e-card-header-caption .e-card-header-title {
   font-size: 14px;
   font-weight: normal;
+  font-weight: 600;
   line-height: 1.5;
 }
 .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
-  font-size: 14px;
+  font-size: 12px;
   font-weight: normal;
   line-height: 1.5;
   padding: 2px 0 0;
@@ -1385,7 +1389,7 @@
   bottom: 0;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 30px;
   min-height: 30px;
   overflow: hidden;
@@ -1393,6 +1397,7 @@
   position: absolute;
   text-overflow: ellipsis;
   width: inherit;
+  font-weight: 600;
 }
 .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
   bottom: auto;