iguazio.dashboard-react-controls 1.9.2 → 1.9.3

package/dist/scss/borders.scss

@@ -18,3 +18,9 @@ $labelEditBorder: 1px solid rgba($amethyst, 0.34);
 $applyBtnBorder: 4px solid $brightTurquoise;
 $focusBorder: 1px solid $topaz;
 $tableRowBorder: 1px solid $titanWhite;
+
+// stats borders
+$runningBorder: 2px solid $pictonBlue;
+$totalBorder: 2px solid rgba($black, 0.2);
+$failedBorder: 2px solid $amaranth;
+$completedBorder: 2px solid $brightTurquoise;

package/dist/scss/mixins.scss

@@ -976,6 +976,38 @@
   }
 }
 
+@mixin statsAddBorderAndTextColor($border, $textColor) {
+  &.selected {
+    border: $border;
+
+    .stats__counter {
+      color: $textColor;
+    }
+  }
+
+  &:hover {
+    border: $border;
+  }
+}
+
+@mixin stats() {
+  &_total {
+    @include statsAddBorderAndTextColor($totalBorder, $black)
+  }
+
+  &_running {
+    @include statsAddBorderAndTextColor($runningBorder, $pictonBlue)
+  }
+
+  &_failed {
+    @include statsAddBorderAndTextColor($failedBorder, $amaranth)
+  }
+
+  &_completed {
+    @include statsAddBorderAndTextColor($completedBorder, $brightTurquoise)
+  }
+}
+
 @mixin gradient($type) {
   @if $type == 'card' {
     background: linear-gradient(180deg, $brightTurquoise 4px, $white 4px);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "1.9.2",
+    "version": "1.9.3",
     "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
     "main": "dist/index.js",
     "module": "dist/index.js",