@xqmsg/ui-core 0.14.2 → 0.14.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1594,19 +1594,20 @@ function Table(_ref) {
1594
1594
  _ref$placeholder = _ref.placeholder,
1595
1595
  placeholder = _ref$placeholder === void 0 ? 'There is currently no available data' : _ref$placeholder,
1596
1596
  loading = _ref.loading,
1597
- _ref$borderTopRadius = _ref.borderTopRadius,
1598
- borderTopRadius = _ref$borderTopRadius === void 0 ? true : _ref$borderTopRadius,
1599
1597
  loadMore = _ref.loadMore;
1600
1598
  var columnsAsConst = generateTableColumnsAsConst(columns);
1601
1599
  return /*#__PURE__*/React__default.createElement(TableContainer, {
1602
1600
  border: "none",
1603
1601
  overflowX: "auto",
1604
1602
  bg: "white",
1605
- borderRadius: "md",
1606
- borderTopLeftRadius: borderTopRadius ? 'md' : 0,
1607
- borderTopRightRadius: borderTopRadius ? 'md' : 0
1603
+ width: "fit-content"
1608
1604
  }, /*#__PURE__*/React__default.createElement(Table$2, {
1609
- variant: "unstyled"
1605
+ variant: "unstyled",
1606
+ width: "fit-content",
1607
+ style: {
1608
+ borderCollapse: 'separate',
1609
+ borderSpacing: '0px'
1610
+ }
1610
1611
  }, /*#__PURE__*/React__default.createElement(Thead, null, /*#__PURE__*/React__default.createElement(Tr, {
1611
1612
  _odd: {
1612
1613
  bg: colors.label.primary.dark
@@ -2478,26 +2479,27 @@ var baseStyle$c = {
2478
2479
  bg: colors.label.primary.dark
2479
2480
  },
2480
2481
  th: {
2481
- height: '100%',
2482
- width: '100%',
2483
2482
  bg: colors.label.primary.dark,
2484
2483
  padding: '5px 8px !important'
2485
2484
  },
2486
2485
  tr: {
2487
2486
  fontSize: '13px',
2488
- display: 'flex',
2489
- alignItems: 'center',
2490
- width: '100%',
2491
- height: '100%',
2492
- borderRadius: 'md',
2493
2487
  _odd: {
2494
- bg: colors.fill.light.tertiary
2488
+ td: {
2489
+ bg: colors.fill.light.tertiary,
2490
+ _first: {
2491
+ borderTopLeftRadius: 'md',
2492
+ borderBottomLeftRadius: 'md'
2493
+ },
2494
+ _last: {
2495
+ borderTopRightRadius: 'md',
2496
+ borderBottomRightRadius: 'md'
2497
+ }
2498
+ }
2495
2499
  }
2496
2500
  },
2497
2501
  td: {
2498
- padding: '5px 8px !important',
2499
- borderRadius: 'md',
2500
- width: '100%'
2502
+ padding: '5px 8px !important'
2501
2503
  }
2502
2504
  };
2503
2505
  var Table$1 = {