@adiba-banking-cloud/backoffice 0.0.29 → 0.0.30

package/build/index.cjs.js/index.js

@@ -11263,10 +11263,11 @@ const parseColorToRgb = colorString => {
 const createAreaFillGradient = function (baseColor) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
-    startOpacity = 0.6,
-    endOpacity = 0.0
+    startOpacity = 0.2,
+    endOpacity = 0.08
   } = options;
   const parsedColor = parseColorToRgb(baseColor);
+  "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", 1)");
 
   // Color string for the top of the gradient (base color with specified start opacity)
   const rgbaStart = "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", ").concat(startOpacity, ")");
@@ -11285,8 +11286,9 @@ const createAreaFillGradient = function (baseColor) {
     },
     stops: [[0, rgbaStart],
     // First stop: at the top (0% of gradient vector)
-    [1, rgbaEnd] // Second stop: at the bottom (100% of gradient vector)
-    ]
+    [0.9, rgbaEnd],
+    // Second stop: at the bottom (100% of gradient vector)
+    [1, "transparent"]]
   };
 };
 
@@ -11573,7 +11575,6 @@ const initSeries = props => {
   const renderPlot = () => {
     const areaspline = {
       lineWidth: 1,
-      opacity: 0.3,
       color: "#C8700B",
       pointPlacement: "on",
       marker: {
@@ -11822,8 +11823,12 @@ const UserMenuTarget = _ref => {
   }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "sm"
   }, /*#__PURE__*/React.createElement(core.Avatar, {
-    radius: "xl",
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     align: "flex-start",
@@ -12141,11 +12146,17 @@ const AvatarLabelPanel = _ref2 => {
   }), /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React.createElement(core.Center, {
-    w: labelWidth
+  }, /*#__PURE__*/React.createElement(core.Box, {
+    w: labelWidth,
+    pl: 'md'
   }, /*#__PURE__*/React.createElement(core.Avatar, {
     size: avatarSize,
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   })), /*#__PURE__*/React.createElement(core.Stack, {
     py: 10,
     gap: "md",
@@ -12508,7 +12519,7 @@ const ApplicationPanel = _ref => {
     src: coverImage,
     fallbackSrc: img$a
   }), /*#__PURE__*/React.createElement(core.Overlay, {
-    gradient: "linear-gradient(45deg, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 100%)"
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%)"
   }))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
   }, /*#__PURE__*/React.createElement(core.Stack, {

package/build/index.esm.js/index.js

@@ -11242,10 +11242,11 @@ const parseColorToRgb = colorString => {
 const createAreaFillGradient = function (baseColor) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
-    startOpacity = 0.6,
-    endOpacity = 0.0
+    startOpacity = 0.2,
+    endOpacity = 0.08
   } = options;
   const parsedColor = parseColorToRgb(baseColor);
+  "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", 1)");
 
   // Color string for the top of the gradient (base color with specified start opacity)
   const rgbaStart = "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", ").concat(startOpacity, ")");
@@ -11264,8 +11265,9 @@ const createAreaFillGradient = function (baseColor) {
     },
     stops: [[0, rgbaStart],
     // First stop: at the top (0% of gradient vector)
-    [1, rgbaEnd] // Second stop: at the bottom (100% of gradient vector)
-    ]
+    [0.9, rgbaEnd],
+    // Second stop: at the bottom (100% of gradient vector)
+    [1, "transparent"]]
   };
 };
 
@@ -11552,7 +11554,6 @@ const initSeries = props => {
   const renderPlot = () => {
     const areaspline = {
       lineWidth: 1,
-      opacity: 0.3,
       color: "#C8700B",
       pointPlacement: "on",
       marker: {
@@ -11801,8 +11802,12 @@ const UserMenuTarget = _ref => {
   }, /*#__PURE__*/React.createElement(Group, {
     gap: "sm"
   }, /*#__PURE__*/React.createElement(Avatar, {
-    radius: "xl",
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   }), /*#__PURE__*/React.createElement(Stack, {
     gap: 0,
     align: "flex-start",
@@ -12120,11 +12125,17 @@ const AvatarLabelPanel = _ref2 => {
   }), /*#__PURE__*/React.createElement(Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React.createElement(Center, {
-    w: labelWidth
+  }, /*#__PURE__*/React.createElement(Box, {
+    w: labelWidth,
+    pl: 'md'
   }, /*#__PURE__*/React.createElement(Avatar, {
     size: avatarSize,
-    src: avatar
+    src: avatar,
+    radius: 'md',
+    key: name,
+    name: name,
+    color: "initials",
+    bd: '0.5px solid adiba.2'
   })), /*#__PURE__*/React.createElement(Stack, {
     py: 10,
     gap: "md",
@@ -12487,7 +12498,7 @@ const ApplicationPanel = _ref => {
     src: coverImage,
     fallbackSrc: img$a
   }), /*#__PURE__*/React.createElement(Overlay, {
-    gradient: "linear-gradient(45deg, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.1) 100%)"
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%)"
   }))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md"
   }, /*#__PURE__*/React.createElement(Stack, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",