@xqmsg/ui-core 0.14.2 → 0.14.4

package/dist/components/table/index.d.ts

@@ -5,11 +5,10 @@ export interface TableProps<T extends ReadonlyTableColumns> {
     headers: TableHeaders<T>;
     body: TableBody<T>;
     loading?: boolean;
-    borderTopRadius?: boolean;
     loadMore?: () => void;
     placeholder?: string;
 }
 /**
  * A React component utilized to render the `Table` component
  */
-export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, placeholder, loading, borderTopRadius, loadMore, }: TableProps<T>): JSX.Element;
+export declare function Table<T extends ReadonlyTableColumns>({ columns, headers, body, placeholder, loading, loadMore, }: TableProps<T>): JSX.Element;

package/dist/theme/components/table.d.ts

@@ -5,26 +5,27 @@ declare const _default: {
             bg: string;
         };
         th: {
-            height: string;
-            width: string;
             bg: string;
             padding: string;
         };
         tr: {
             fontSize: string;
-            display: string;
-            alignItems: string;
-            width: string;
-            height: string;
-            borderRadius: string;
             _odd: {
-                bg: string;
+                td: {
+                    bg: string;
+                    _first: {
+                        borderTopLeftRadius: string;
+                        borderBottomLeftRadius: string;
+                    };
+                    _last: {
+                        borderTopRightRadius: string;
+                        borderBottomRightRadius: string;
+                    };
+                };
             };
         };
         td: {
             padding: string;
-            borderRadius: string;
-            width: string;
         };
     };
 };

package/dist/theme/provider/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ChakraProviderProps } from '@chakra-ui/react';
+import { ChakraProviderProps } from '@chakra-ui/provider';
 /**
  * A functional React wrapper component utilized to consume the custom XQ theme via `ChakraProvider`
  */

package/dist/ui-core.cjs.development.js

@@ -11,6 +11,7 @@ var reactHookForm = require('react-hook-form');
 var lodash = require('lodash');
 var icons = require('@chakra-ui/icons');
 var hi = require('react-icons/hi');
+var provider = require('@chakra-ui/provider');
 var themeTools = require('@chakra-ui/theme-tools');
 var system = require('@chakra-ui/system');
 
@@ -628,7 +629,8 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     color: "transparent",
     fontSize: "13px",
     textShadow: "0 0 0 " + colors.label.primary.light,
-    value: selectedOption
+    value: selectedOption,
+    autoComplete: "off"
   })), /*#__PURE__*/React__default.createElement(react.InputRightElement, {
     cursor: "pointer",
     onClick: function onClick() {
@@ -1601,19 +1603,20 @@ function Table(_ref) {
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? 'There is currently no available data' : _ref$placeholder,
       loading = _ref.loading,
-      _ref$borderTopRadius = _ref.borderTopRadius,
-      borderTopRadius = _ref$borderTopRadius === void 0 ? true : _ref$borderTopRadius,
       loadMore = _ref.loadMore;
   var columnsAsConst = generateTableColumnsAsConst(columns);
   return /*#__PURE__*/React__default.createElement(react.TableContainer, {
     border: "none",
     overflowX: "auto",
     bg: "white",
-    borderRadius: "md",
-    borderTopLeftRadius: borderTopRadius ? 'md' : 0,
-    borderTopRightRadius: borderTopRadius ? 'md' : 0
+    width: "fit-content"
   }, /*#__PURE__*/React__default.createElement(react.Table, {
-    variant: "unstyled"
+    variant: "unstyled",
+    width: "fit-content",
+    style: {
+      borderCollapse: 'separate',
+      borderSpacing: '0px'
+    }
   }, /*#__PURE__*/React__default.createElement(react.Thead, null, /*#__PURE__*/React__default.createElement(react.Tr, {
     _odd: {
       bg: colors.label.primary.dark
@@ -2485,26 +2488,27 @@ var baseStyle$c = {
     bg: colors.label.primary.dark
   },
   th: {
-    height: '100%',
-    width: '100%',
     bg: colors.label.primary.dark,
     padding: '5px 8px !important'
   },
   tr: {
     fontSize: '13px',
-    display: 'flex',
-    alignItems: 'center',
-    width: '100%',
-    height: '100%',
-    borderRadius: 'md',
     _odd: {
-      bg: colors.fill.light.tertiary
+      td: {
+        bg: colors.fill.light.tertiary,
+        _first: {
+          borderTopLeftRadius: 'md',
+          borderBottomLeftRadius: 'md'
+        },
+        _last: {
+          borderTopRightRadius: 'md',
+          borderBottomRightRadius: 'md'
+        }
+      }
     }
   },
   td: {
-    padding: '5px 8px !important',
-    borderRadius: 'md',
-    width: '100%'
+    padding: '5px 8px !important'
   }
 };
 var Table$1 = {
@@ -2865,7 +2869,7 @@ var customXQChakraTheme = /*#__PURE__*/react.extendTheme( /*#__PURE__*/_extends(
 var XQThemeProvider = function XQThemeProvider(_ref) {
   var children = _ref.children,
       cssVarsRoot = _ref.cssVarsRoot;
-  return /*#__PURE__*/React__default.createElement(react.ChakraProvider, {
+  return /*#__PURE__*/React__default.createElement(provider.ChakraProvider, {
     theme: customXQChakraTheme,
     resetCSS: true,
     cssVarsRoot: cssVarsRoot