chore: extra fixes

Author: leonardomendix

packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-filters.scss

@@ -1,6 +1,6 @@
 @import "date-picker";
 
-$filter-shadow-color:
+$filter-box-shadow:
     0 2px 20px 1px rgba(5, 15, 129, 0.05),
     0 2px 16px 0 rgba(33, 43, 54, 0.08) !default;
 
@@ -74,7 +74,7 @@ $filter-shadow-color:
     z-index: 51;
     border-radius: 8px;
     list-style-type: none;
-    box-shadow: var(--filter-shadow-color, $filter-shadow-color);
+    box-shadow: var(--wdf-filter-box-shadow, $filter-box-shadow);
     overflow: hidden;
 
     .filter-listitem,
@@ -144,15 +144,15 @@ $filter-shadow-color:
 :not(.dropdown-content) > .dropdown-list {
     background: var(--bg-color-secondary, $bg-color-secondary);
     border-radius: 8px;
-    box-shadow: var(--filter-shadow-color, $filter-shadow-color);
+    box-shadow: var(--wdf-filter-box-shadow, $filter-box-shadow);
     max-height: 40vh;
     z-index: 102;
 }
 
 .dropdown-content {
     background: var(--bg-color-secondary, $bg-color-secondary);
     border-radius: 8px;
-    box-shadow: var(--filter-shadow-color, $filter-shadow-color);
+    box-shadow: var(--wdf-filter-box-shadow, $filter-box-shadow);
     max-height: 40vh;
     z-index: 140;
 }
@@ -203,7 +203,7 @@ $filter-shadow-color:
         z-index: 102;
         border-radius: 8px;
         list-style-type: none;
-        box-shadow: var(--filter-shadow-color, $filter-shadow-color);
+        box-shadow: var(--wdf-filter-box-shadow, $filter-box-shadow);
         overflow-x: hidden;
         max-height: 40vh;
 

packages/modules/data-widgets/src/themesource/datawidgets/web/_export-alert.scss

@@ -1,7 +1,7 @@
 .widget-datagrid-export-alert {
     background-color: var(--bg-color-secondary, $bg-color-secondary);
     border-radius: 4px;
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--export-alert-box-shadow, $export-alert-box-shadow);
     display: flex;
     flex-direction: column;
     padding: 54px;

packages/modules/data-widgets/src/themesource/datawidgets/web/_export-progress.scss

@@ -1,6 +1,6 @@
 .widget-datagrid-export-progress {
     align-items: center;
-    background-color: var(--brand-default, $brand-default);
+    background-color: var(--color-default-lighter, $color-default-lighter);
     border-radius: 4px;
     display: flex;
     height: 18px;

packages/modules/data-widgets/src/themesource/datawidgets/web/_tree-node.scss

@@ -93,7 +93,7 @@
             position: absolute;
             top: 0;
             left: 7px;
-            border: var(--border-default, $border-default);
+            border: var(--widget-tree-node-border, $border-default);
         }
     }
 
@@ -105,7 +105,7 @@
             position: absolute;
             width: 10px;
             height: 0;
-            border: var(--border-default, $border-default);
+            border: var(--widget-tree-node-border, $border-default);
             top: 50%;
             left: -16px;
             transform: translate(0, -50%);

packages/modules/data-widgets/src/themesource/datawidgets/web/variables.scss

@@ -2,6 +2,7 @@
 
 // Brand colors
 $brand-primary: #264ae5 !default;
+$brand-danger: #e33f4e !default;
 $brand-light: #e6eaff !default;
 $grid-selected-row-background: $brand-light !default;
 $color-contrast: #000 !default;
@@ -47,7 +48,8 @@ $gallery-gap: $spacing-small !default;
 
 // Effects and animations
 $dragging-color-effect: rgba(10, 19, 37, 0.8) !default;
-$shadow-color: rgba($gray-primary, 0.5) !default;
+$shadow-color: rgba($gray-primary, 0.66) !default;
+$export-alert-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !default;
 $skeleton-background: linear-gradient(90deg, rgba(194, 194, 194, 0.2) 0%, #d2d2d2 100%) !default;
 
 // Assets