@adiba-banking-cloud/backoffice 0.0.15 → 0.0.16

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

@@ -11780,7 +11780,7 @@ const TitledPanel = _ref2 => {
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
   }, /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Center, {
-    bg: "adiba.1",
+    bg: "gray.1",
     w: 32,
     h: 32,
     style: {
@@ -12273,7 +12273,7 @@ const ApplicationPanel = _ref => {
   }, /*#__PURE__*/React$1.createElement(core.Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Text, {
     fz: "lg",
     fw: 500,
     style: {
@@ -12287,21 +12287,26 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(core.Box, {
+    hidden: subscribed
+  }, /*#__PURE__*/React$1.createElement(core.Button, {
     fw: 300,
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+      name: "AddCircle"
+    }),
     radius: "md",
-    onClick: onClick,
+    onClick: onClick
+  }, actionLabel)), /*#__PURE__*/React$1.createElement(core.Box, {
     hidden: !subscribed
-  }, actionLabel), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React$1.createElement(core.Button, {
     leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
-    color: "green",
     radius: "md",
     disabled: true,
     hidden: !subscribed
-  }, subscribedLabel))));
+  }, subscribedLabel)))));
 };
 
 const SubscriptionPlans = _ref => {

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

@@ -11759,7 +11759,7 @@ const TitledPanel = _ref2 => {
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
   }, /*#__PURE__*/React$1.createElement(Group, null, /*#__PURE__*/React$1.createElement(Center, {
-    bg: "adiba.1",
+    bg: "gray.1",
     w: 32,
     h: 32,
     style: {
@@ -12252,7 +12252,7 @@ const ApplicationPanel = _ref => {
   }, /*#__PURE__*/React$1.createElement(Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React$1.createElement(Box, null, /*#__PURE__*/React$1.createElement(Text, {
     fz: "lg",
     fw: 500,
     style: {
@@ -12266,21 +12266,26 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(Button, {
+  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(Box, {
+    hidden: subscribed
+  }, /*#__PURE__*/React$1.createElement(Button, {
     fw: 300,
+    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+      name: "AddCircle"
+    }),
     radius: "md",
-    onClick: onClick,
+    onClick: onClick
+  }, actionLabel)), /*#__PURE__*/React$1.createElement(Box, {
     hidden: !subscribed
-  }, actionLabel), /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React$1.createElement(Button, {
     leftSection: /*#__PURE__*/React$1.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
-    color: "green",
     radius: "md",
     disabled: true,
     hidden: !subscribed
-  }, subscribedLabel))));
+  }, subscribedLabel)))));
 };
 
 const SubscriptionPlans = _ref => {

package/build/typings/components/general/title/Title.stories.d.ts

@@ -8,3 +8,4 @@ export declare const SimplePageTitle: import("@storybook/core/csf").AnnotatedSto
 export declare const BreadcrumbsPageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleProps>;
 export declare const CreateButtonOnPageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleWithCreateProps>;
 export declare const SwitcherOnPageTitle: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").PageTitleWithSwitcherProps>;
+export declare const CardTitleWithIndex: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Title.types").TitleWithIndexProps>;

package/build/typings/components/general/title/Title.types.d.ts

@@ -22,3 +22,15 @@ export interface CreateButtonProps extends ButtonProps {
     createFn: (e: any) => void;
     icon: IconsProps;
 }
+export interface TitleWithIndexProps {
+    title: string;
+    growth: GrowthProps;
+    subtitle: string;
+    hasError: boolean;
+    errorLabel: string;
+    errorFn: () => void;
+}
+export interface GrowthProps {
+    text: string;
+    direction: "up" | "down";
+}

package/build/typings/components/general/title/TitleWithIndex.d.ts

@@ -0,0 +1,3 @@
+import { TitleWithIndexProps } from "./Title.types";
+import React from "react";
+export declare const TitleWithIndex: React.FC<TitleWithIndexProps>;

package/package.json

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