@visns-studio/visns-components 5.14.13 → 5.14.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -89,7 +89,7 @@
89
89
  "react-dom": "^17.0.0 || ^18.0.0"
90
90
  },
91
91
  "name": "@visns-studio/visns-components",
92
- "version": "5.14.13",
92
+ "version": "5.14.14",
93
93
  "description": "Various packages to assist in the development of our Custom Applications.",
94
94
  "main": "src/index.js",
95
95
  "files": [
@@ -3395,7 +3395,11 @@ const DataGrid = forwardRef(
3395
3395
 
3396
3396
  return (
3397
3397
  <div
3398
- className={`group-header-clean group-header-fixed-height ${styles.groupHeaderContainer}`}
3398
+ className={`group-header-clean group-header-fixed-height ${styles.groupHeaderContainer} ${hasImportantMarker ? styles.groupHeaderImportant : ''}`}
3399
+ style={hasImportantMarker ? {
3400
+ borderLeftColor: importantMarkerColor || '#FF6961',
3401
+ background: `linear-gradient(135deg, ${importantMarkerColor || '#FF6961'}15 0%, ${importantMarkerColor || '#FF6961'}08 100%)`
3402
+ } : {}}
3399
3403
  onClick={
3400
3404
  handleGroupHeaderClick
3401
3405
  }
@@ -1078,6 +1078,15 @@
1078
1078
  opacity: 1;
1079
1079
  }
1080
1080
  }
1081
+ }
1082
+
1083
+ .groupHeaderImportant {
1084
+ border-left-width: 5px !important;
1085
+ box-shadow: 0 2px 8px rgba(255, 105, 97, 0.2) !important;
1086
+
1087
+ &:hover {
1088
+ box-shadow: 0 3px 12px rgba(255, 105, 97, 0.3) !important;
1089
+ }
1081
1090
 
1082
1091
  &:active {
1083
1092
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);