@adiba-banking-cloud/backoffice 0.0.23 → 0.0.24

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

@@ -12224,11 +12224,16 @@ const ApplicationPanel = _ref => {
   return /*#__PURE__*/React.createElement(core.Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React.createElement(core.Card.Section, null, /*#__PURE__*/React.createElement(core.Image, {
+  }, rest), /*#__PURE__*/React.createElement(core.Card.Section, null, /*#__PURE__*/React.createElement(core.AspectRatio, {
+    ratio: 3 / 2,
+    maw: 350
+  }, /*#__PURE__*/React.createElement(core.Image, {
     src: coverImage,
     alt: name,
     fallbackSrc: img$a
-  })), /*#__PURE__*/React.createElement(core.Card.Section, {
+  }), /*#__PURE__*/React.createElement(core.Overlay, {
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%)"
+  }))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
   }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "sm"
@@ -12237,7 +12242,9 @@ const ApplicationPanel = _ref => {
   }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 400
   }, name), /*#__PURE__*/React.createElement(core.Badge, {
-    hidden: !discount,
+    style: {
+      display: String(discount).length < 1 ? "none" : "block"
+    },
     fw: 300,
     variant: "outline"
   }, discount)), /*#__PURE__*/React.createElement(core.Text, {

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

@@ -5,7 +5,7 @@ import HighchartsReact from 'highcharts-react-official';
 import HighchartsRounded from 'highcharts-rounded-corners';
 import * as IconSax from 'iconsax-react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, createTheme, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, rem, SimpleGrid, Indicator, Table } from '@mantine/core';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, createTheme, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table } from '@mantine/core';
 import { Link } from 'react-router-dom';
 import { useDisclosure } from '@mantine/hooks';
 import '@fontsource/poppins/100.css';
@@ -12203,11 +12203,16 @@ const ApplicationPanel = _ref => {
   return /*#__PURE__*/React.createElement(Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React.createElement(Card.Section, null, /*#__PURE__*/React.createElement(Image, {
+  }, rest), /*#__PURE__*/React.createElement(Card.Section, null, /*#__PURE__*/React.createElement(AspectRatio, {
+    ratio: 3 / 2,
+    maw: 350
+  }, /*#__PURE__*/React.createElement(Image, {
     src: coverImage,
     alt: name,
     fallbackSrc: img$a
-  })), /*#__PURE__*/React.createElement(Card.Section, {
+  }), /*#__PURE__*/React.createElement(Overlay, {
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%)"
+  }))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md"
   }, /*#__PURE__*/React.createElement(Stack, {
     gap: "sm"
@@ -12216,7 +12221,9 @@ const ApplicationPanel = _ref => {
   }, /*#__PURE__*/React.createElement(Text, {
     fw: 400
   }, name), /*#__PURE__*/React.createElement(Badge, {
-    hidden: !discount,
+    style: {
+      display: String(discount).length < 1 ? "none" : "block"
+    },
     fw: 300,
     variant: "outline"
   }, discount)), /*#__PURE__*/React.createElement(Text, {

package/package.json

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