@xqmsg/ui-core 0.14.2 → 0.14.3

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/ui-core.cjs.development.js

@@ -1601,19 +1601,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 +2486,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 = {