dga-ui-react 1.5.2 → 1.6.1

package/Metric/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+
+interface DGA_MetricProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    style?: "smallChart" | "largeChart";
+    label?: React.ReactNode;
+    percentage?: React.ReactNode;
+    featuredIcon?: React.ReactNode;
+    showChart?: boolean;
+    chart?: {
+        type: "realistic" | "wavy" | "straight" | "layers";
+        trend: "negative" | "positive";
+        showMarker?: boolean;
+    };
+    showInfo?: boolean;
+    change?: {
+        content: React.ReactNode;
+        type: "01" | "02";
+        trend: "positive" | "negative";
+    };
+    text?: React.ReactNode;
+    showActions?: boolean;
+    moreButton?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare const Metric: React.FC<DGA_MetricProps>;
+
+export { Metric as default };

package/Metric/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "dga-ui-react",
+  "version": "1.0.0",
+  "description": "Metric component",
+  "author": "Ashraf Ainia",
+  "license": "MIT",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "types": "index.d.ts"
+}

package/charts/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dga-ui-react",
-  "version": "1.1.1",
-  "description": "DGA ui library",
+  "version": "1.0.0",
+  "description": "DGA UI Charts",
   "author": "Ashraf Ainia",
   "license": "MIT",
   "main": "cjs/index.js",

package/dist/cjs/index.js

@@ -236,10 +236,13 @@
   }
 
   &:hover {
-    background-color: ${e=>e.$theme.palette.neutral[25]};
+    background-color: ${e=>e.$theme.palette.neutral[100]};
   }
   &:active {
-    background-color: ${e=>e.$theme.palette.neutral[50]};
+    background-color: ${e=>e.$theme.palette.neutral[200]};
+  }
+  &:focus {
+    border: 2px solid ${e=>e.$theme.textColor};
   }
 
   .dgaui_checkbox {
@@ -623,6 +626,10 @@
     margin-inline-start: 4px;
     display: inline-flex;
   }
+
+  .iconOnly {
+    display: inline-flex;
+  }
 `,Ur=er.div`
   direction: ${e=>e.$theme.direction};
   /* pointer-events: ${e=>e.$pointerEvents}; */