@ballistix.digital/react-components 0.4.10 → 0.4.12

package/dist/index.d.ts

@@ -18,7 +18,7 @@ declare const base$i: {
 };
 type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
 
-type TProps$g = {
+type TProps$f = {
     src?: string | undefined;
     placeholder?: string | undefined;
     children?: ReactNode | ReactNode[] | string;
@@ -30,7 +30,7 @@ type TProps$g = {
     isLoading?: boolean;
     styles?: TAvatarElementStyles;
 };
-declare const AvatarElement: FC<TProps$g>;
+declare const AvatarElement: FC<TProps$f>;
 
 declare const base$h: {
     container: string;
@@ -39,7 +39,7 @@ declare const base$h: {
 };
 type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
 
-type TProps$f = {
+type TProps$e = {
     children: string | ReactNode;
     color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
     type?: 'normal' | 'indicator' | 'close';
@@ -50,7 +50,7 @@ type TProps$f = {
     onClose?: () => void;
     styles?: TBadgeElementStyles;
 };
-declare const BadgeElement: FC<TProps$f>;
+declare const BadgeElement: FC<TProps$e>;
 
 declare const base$g: {
     container: string;
@@ -60,7 +60,7 @@ declare const base$g: {
 };
 type TButtonElementStyles = DeepPartial$1<typeof base$g>;
 
-type TProps$e = {
+type TProps$d = {
     children: string | ReactNode;
     innerRef?: RefObject<HTMLButtonElement>;
     htmlType?: 'button' | 'submit';
@@ -72,7 +72,7 @@ type TProps$e = {
     styles?: TButtonElementStyles;
     onClick: () => void;
 };
-declare const ButtonElement: FC<TProps$e>;
+declare const ButtonElement: FC<TProps$d>;
 
 declare const base$f: {
     container: string;
@@ -82,11 +82,11 @@ declare const base$f: {
 };
 type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
 
-type TProps$d = {
+type TProps$c = {
     children: ReactElement[];
     styles?: TButtonGroupElementStyles;
 };
-declare const ButtonGroupElement: FC<TProps$d>;
+declare const ButtonGroupElement: FC<TProps$c>;
 
 declare const base$e: {
     container: string;
@@ -97,7 +97,7 @@ declare const base$e: {
 };
 type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
 
-type TProps$c = {
+type TProps$b = {
     children: ReactElement | ReactElement[];
     label: string | ReactElement;
     type?: 'button' | 'compact';
@@ -105,33 +105,18 @@ type TProps$c = {
     styles?: TDropdownElementStyles;
 };
 declare const DropdownElement: {
-    Container: FC<TProps$c>;
+    Container: FC<TProps$b>;
     Item: typeof Menu.Item;
 };
 
-type TProps$b = {
+type TProps$a = {
     accessor: IconName;
     type: 'brands' | 'light' | 'regular' | 'solid';
     className?: string;
 };
-declare const IconElement: FC<TProps$b>;
-
-declare const base$d: {
-    container: string;
-    head: string;
-    body: string;
-    foot: string;
-    label: string;
-    hint: string;
-    leading: string;
-    input: string;
-    trailing: string;
-    description: string;
-    error: string;
-};
-type TInputGroupStyles = DeepPartial$1<typeof base$d>;
+declare const IconElement: FC<TProps$a>;
 
-type TProps$a = {
+type TInputGroupFormProps = {
     name: string;
     htmlType: HTMLInputTypeAttribute;
     label?: string | ReactNode;
@@ -158,7 +143,22 @@ type TProps$a = {
     onBlur: any;
     styles?: TInputGroupStyles;
 };
-declare const InputGroupForm: FC<TProps$a>;
+declare const InputGroupForm: FC<TInputGroupFormProps>;
+
+declare const base$d: {
+    container: string;
+    head: string;
+    body: string;
+    foot: string;
+    label: string;
+    hint: string;
+    leading: string;
+    input: string;
+    trailing: string;
+    description: string;
+    error: string;
+};
+type TInputGroupStyles = DeepPartial$1<typeof base$d>;
 
 declare const base$c: {
     container: string;
@@ -696,4 +696,4 @@ type TProps = {
 };
 declare const SlideOverOverlay: FC<TProps>;
 
-export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TTableListProps, TTableListStyles, TabNavigation, TableList, VerticalNavigation };
+export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TInputGroupFormProps, TInputGroupStyles, TTableListProps, TTableListStyles, TabNavigation, TableList, VerticalNavigation };

package/dist/index.esm.js

@@ -95,7 +95,7 @@ var AvatarElement = function (props) {
     if (!src) {
         return (jsxs("span", __assign({ className: styles.placeholder }, { children: [jsx("span", __assign({ className: "text-".concat(size, " font-medium leading-none text-white") }, { children: placeholder })), status && jsx("span", { className: styles.indicator })] })));
     }
-    return (jsx("a", __assign({ href: url }, { children: jsxs("div", __assign({ className: "flex items-center" }, { children: [jsxs("span", __assign({ className: "inline-block relative" }, { children: [jsx("div", { className: styles.container, style: { backgroundImage: "url(".concat(src, ")") } }), status && jsx("span", { className: styles.indicator })] })), children && jsx("div", __assign({ className: "ml-3" }, { children: children }))] })) })));
+    return (jsx("a", __assign({ href: url }, { children: jsxs("div", __assign({ className: "flex items-center" }, { children: [jsxs("span", __assign({ className: "flex items-center justify-center" }, { children: [jsx("div", { className: styles.container, style: { backgroundImage: "url(".concat(src, ")") } }), status && jsx("span", { className: styles.indicator })] })), children && jsx("div", __assign({ className: "ml-3" }, { children: children }))] })) })));
 };
 
 var base$i = {
@@ -17580,7 +17580,7 @@ var ModalOverlay = function (props) {
 };
 
 var base$2 = {
-    container: 'relative z-20',
+    container: 'relative z-40',
     background: {
         container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
         transition: {

package/dist/index.js

@@ -105,7 +105,7 @@ var AvatarElement = function (props) {
     if (!src) {
         return (jsxRuntime.jsxs("span", __assign({ className: styles.placeholder }, { children: [jsxRuntime.jsx("span", __assign({ className: "text-".concat(size, " font-medium leading-none text-white") }, { children: placeholder })), status && jsxRuntime.jsx("span", { className: styles.indicator })] })));
     }
-    return (jsxRuntime.jsx("a", __assign({ href: url }, { children: jsxRuntime.jsxs("div", __assign({ className: "flex items-center" }, { children: [jsxRuntime.jsxs("span", __assign({ className: "inline-block relative" }, { children: [jsxRuntime.jsx("div", { className: styles.container, style: { backgroundImage: "url(".concat(src, ")") } }), status && jsxRuntime.jsx("span", { className: styles.indicator })] })), children && jsxRuntime.jsx("div", __assign({ className: "ml-3" }, { children: children }))] })) })));
+    return (jsxRuntime.jsx("a", __assign({ href: url }, { children: jsxRuntime.jsxs("div", __assign({ className: "flex items-center" }, { children: [jsxRuntime.jsxs("span", __assign({ className: "flex items-center justify-center" }, { children: [jsxRuntime.jsx("div", { className: styles.container, style: { backgroundImage: "url(".concat(src, ")") } }), status && jsxRuntime.jsx("span", { className: styles.indicator })] })), children && jsxRuntime.jsx("div", __assign({ className: "ml-3" }, { children: children }))] })) })));
 };
 
 var base$i = {
@@ -17590,7 +17590,7 @@ var ModalOverlay = function (props) {
 };
 
 var base$2 = {
-    container: 'relative z-20',
+    container: 'relative z-40',
     background: {
         container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
         transition: {

package/package.json

@@ -7,7 +7,7 @@
     "email": "info@ballistix.digital",
     "url": "https://ballistix.digital"
   },
-  "version": "0.4.10",
+  "version": "0.4.12",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.esm.js",