@adiba-banking-cloud/backoffice 0.0.10 → 0.0.12

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

@@ -9,6 +9,14 @@ var IconSax = require('iconsax-react');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
+require('@fontsource/poppins/100.css');
+require('@fontsource/poppins/200.css');
+require('@fontsource/poppins/300.css');
+require('@fontsource/poppins/400.css');
+require('@fontsource/poppins/500.css');
+require('@fontsource/poppins/600.css');
+require('@fontsource/poppins/700.css');
+require('@fontsource/poppins/800.css');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -11695,7 +11703,9 @@ const SideMenu = _ref => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
     var _item$children;
     return /*#__PURE__*/React.createElement(core.NavLink, {
-      mt: 'xs',
+      mt: "xs",
+      fw: 300,
+      c: color,
       style: {
         borderRadius: radius
       },
@@ -11712,11 +11722,35 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
+      c: color,
+      fw: 300,
+      style: {
+        borderRadius: radius
+      },
       key: subitem.id
     })) : undefined);
   }));
 };
 
+const theme = core.createTheme({
+  focusRing: "never",
+  colors: {
+    adiba: ["#E7E8EB", "#CFD1D8", "#B7BAC4", "#9FA3B1", "#575E77", "#273050", "#0f193d", "#0D1636", "#0C1430", "#0A112A"],
+    altiba: ["#F4E2CE", "#EED4B5", "#E9C59D", "#D89A54", "#D38C3B", "#CD7E23", "#c8700b", "#B46409", "#A05908", "#8C4E07"]
+  },
+  fontFamily: "Poppins",
+  headings: {
+    fontFamily: "Poppins",
+    fontWeight: "500"
+  },
+  primaryColor: "adiba",
+  other: {
+    fontWeights: {
+      normal: 300
+    }
+  }
+});
+
 exports.ApplicationMenu = ApplicationMenu;
 exports.DynamicLogo = DynamicLogo;
 exports.DynamicShigaLogo = DynamicShigaLogo;
@@ -11726,3 +11760,4 @@ exports.SideMenu = SideMenu;
 exports.SimpleColumn = SimpleColumn;
 exports.StackedColumn = StackedColumn;
 exports.UserMenu = UserMenu;
+exports.theme = theme;

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

@@ -5,8 +5,16 @@ 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 } from '@mantine/core';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, createTheme } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
+import '@fontsource/poppins/100.css';
+import '@fontsource/poppins/200.css';
+import '@fontsource/poppins/300.css';
+import '@fontsource/poppins/400.css';
+import '@fontsource/poppins/500.css';
+import '@fontsource/poppins/600.css';
+import '@fontsource/poppins/700.css';
+import '@fontsource/poppins/800.css';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -11674,7 +11682,9 @@ const SideMenu = _ref => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
     var _item$children;
     return /*#__PURE__*/React.createElement(NavLink, {
-      mt: 'xs',
+      mt: "xs",
+      fw: 300,
+      c: color,
       style: {
         borderRadius: radius
       },
@@ -11691,9 +11701,33 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
+      c: color,
+      fw: 300,
+      style: {
+        borderRadius: radius
+      },
       key: subitem.id
     })) : undefined);
   }));
 };
 
-export { ApplicationMenu, DynamicLogo, DynamicShigaLogo, EqualizerColumn, Icons, SideMenu, SimpleColumn, StackedColumn, UserMenu };
+const theme = createTheme({
+  focusRing: "never",
+  colors: {
+    adiba: ["#E7E8EB", "#CFD1D8", "#B7BAC4", "#9FA3B1", "#575E77", "#273050", "#0f193d", "#0D1636", "#0C1430", "#0A112A"],
+    altiba: ["#F4E2CE", "#EED4B5", "#E9C59D", "#D89A54", "#D38C3B", "#CD7E23", "#c8700b", "#B46409", "#A05908", "#8C4E07"]
+  },
+  fontFamily: "Poppins",
+  headings: {
+    fontFamily: "Poppins",
+    fontWeight: "500"
+  },
+  primaryColor: "adiba",
+  other: {
+    fontWeights: {
+      normal: 300
+    }
+  }
+});
+
+export { ApplicationMenu, DynamicLogo, DynamicShigaLogo, EqualizerColumn, Icons, SideMenu, SimpleColumn, StackedColumn, UserMenu, theme };

package/build/typings/components/index.d.ts

@@ -4,3 +4,4 @@ export { DynamicLogo, DynamicShigaLogo } from "./general/logos/Logos";
 export { ApplicationMenu } from "./menus/application/Application";
 export { UserMenu } from "./menus/user/User";
 export { SideMenu } from "./menus/side/Side";
+export { theme } from "./theme";

package/build/typings/components/theme.d.ts

@@ -0,0 +1,149 @@
+import "@fontsource/poppins/100.css";
+import "@fontsource/poppins/200.css";
+import "@fontsource/poppins/300.css";
+import "@fontsource/poppins/400.css";
+import "@fontsource/poppins/500.css";
+import "@fontsource/poppins/600.css";
+import "@fontsource/poppins/700.css";
+import "@fontsource/poppins/800.css";
+export declare const theme: {
+    focusRing?: "auto" | "never" | "always" | undefined;
+    scale?: number | undefined;
+    fontSmoothing?: boolean | undefined;
+    white?: string | undefined;
+    black?: string | undefined;
+    colors?: {
+        [x: string & {}]: import("@mantine/core").MantineColorsTuple | undefined;
+        blue?: import("@mantine/core").MantineColorsTuple | undefined;
+        gray?: import("@mantine/core").MantineColorsTuple | undefined;
+        cyan?: import("@mantine/core").MantineColorsTuple | undefined;
+        green?: import("@mantine/core").MantineColorsTuple | undefined;
+        indigo?: import("@mantine/core").MantineColorsTuple | undefined;
+        lime?: import("@mantine/core").MantineColorsTuple | undefined;
+        orange?: import("@mantine/core").MantineColorsTuple | undefined;
+        pink?: import("@mantine/core").MantineColorsTuple | undefined;
+        red?: import("@mantine/core").MantineColorsTuple | undefined;
+        teal?: import("@mantine/core").MantineColorsTuple | undefined;
+        violet?: import("@mantine/core").MantineColorsTuple | undefined;
+        yellow?: import("@mantine/core").MantineColorsTuple | undefined;
+        dark?: import("@mantine/core").MantineColorsTuple | undefined;
+        grape?: import("@mantine/core").MantineColorsTuple | undefined;
+    } | undefined;
+    primaryShade?: import("@mantine/core").MantineColorShade | {
+        light?: import("@mantine/core").MantineColorShade | undefined;
+        dark?: import("@mantine/core").MantineColorShade | undefined;
+    } | undefined;
+    primaryColor?: string | undefined;
+    variantColorResolver?: import("@mantine/core").VariantColorsResolver | undefined;
+    autoContrast?: boolean | undefined;
+    luminanceThreshold?: number | undefined;
+    fontFamily?: string | undefined;
+    fontFamilyMonospace?: string | undefined;
+    headings?: {
+        fontFamily?: string | undefined;
+        fontWeight?: string | undefined;
+        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
+        sizes?: {
+            h1?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h2?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h3?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h4?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h5?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h6?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+    radius?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    defaultRadius?: import("@mantine/core").MantineRadius | undefined;
+    spacing?: {
+        [x: number]: string | undefined;
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    fontSizes?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    lineHeights?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    breakpoints?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    shadows?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    respectReducedMotion?: boolean | undefined;
+    cursorType?: "default" | "pointer" | undefined;
+    defaultGradient?: {
+        from?: string | undefined;
+        to?: string | undefined;
+        deg?: number | undefined;
+    } | undefined;
+    activeClassName?: string | undefined;
+    focusClassName?: string | undefined;
+    components?: {
+        [x: string]: {
+            classNames?: any;
+            styles?: any;
+            vars?: any;
+            defaultProps?: any;
+        } | undefined;
+    } | undefined;
+    other?: {
+        [x: string]: any;
+    } | undefined;
+};

package/package.json

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