qbs-react-grid 1.3.2 → 1.3.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.
Files changed (4) hide show
  1. package/es/qbsTable/utilities/CardComponent.js +2 -2
  2. package/lib/qbsTable/utilities/CardComponent.js +2 -2
  3. package/package.json +1 -1
  4. package/src/qbsTable/utilities/CardComponent.tsx +2 -2
package/es/qbsTable/utilities/CardComponent.js CHANGED
@@ -29,12 +29,12 @@ var CardComponent = function CardComponent(_ref) {
29
29
  ref: useCardRef,
30
30
  className: "p-3 gap-3 border-2 border-grey shadow-sm rounded-lg relative qbs-card-container"
31
31
  }, /*#__PURE__*/React.createElement("div", {
32
- className: "grid " + getGridColsClass(initialDisplayCount) + " qbs-card-columns"
32
+ className: "grid " + getGridColsClass(initialDisplayCount) + " gap-2 qbs-card-columns"
33
33
  }, displayedColumns.map(function (col, index) {
34
34
  var _col$colSpan;
35
35
  return /*#__PURE__*/React.createElement("div", {
36
36
  key: index,
37
- className: "grid " + getGridColSpanClass((_col$colSpan = col.colSpan) != null ? _col$colSpan : 1) + " gap-2 place-content-start text-sm qbs-card-column " + (index === initialDisplayCount - 1 ? 'mr-4' : '') + " "
37
+ className: "grid " + getGridColSpanClass((_col$colSpan = col.colSpan) != null ? _col$colSpan : 1) + " place-content-start text-sm qbs-card-column " + (index === initialDisplayCount - 1 ? 'mr-4' : '') + " "
38
38
  }, /*#__PURE__*/React.createElement("p", {
39
39
  className: " text-grey qbs-card-column-title "
40
40
  }, col.title), col.customCell || col.link ? /*#__PURE__*/React.createElement("span", {
package/lib/qbsTable/utilities/CardComponent.js CHANGED
@@ -36,12 +36,12 @@ var CardComponent = function CardComponent(_ref) {
36
36
  ref: useCardRef,
37
37
  className: "p-3 gap-3 border-2 border-grey shadow-sm rounded-lg relative qbs-card-container"
38
38
  }, /*#__PURE__*/_react["default"].createElement("div", {
39
- className: "grid " + (0, _store.getGridColsClass)(initialDisplayCount) + " qbs-card-columns"
39
+ className: "grid " + (0, _store.getGridColsClass)(initialDisplayCount) + " gap-2 qbs-card-columns"
40
40
  }, displayedColumns.map(function (col, index) {
41
41
  var _col$colSpan;
42
42
  return /*#__PURE__*/_react["default"].createElement("div", {
43
43
  key: index,
44
- className: "grid " + (0, _store.getGridColSpanClass)((_col$colSpan = col.colSpan) != null ? _col$colSpan : 1) + " gap-2 place-content-start text-sm qbs-card-column " + (index === initialDisplayCount - 1 ? 'mr-4' : '') + " "
44
+ className: "grid " + (0, _store.getGridColSpanClass)((_col$colSpan = col.colSpan) != null ? _col$colSpan : 1) + " place-content-start text-sm qbs-card-column " + (index === initialDisplayCount - 1 ? 'mr-4' : '') + " "
45
45
  }, /*#__PURE__*/_react["default"].createElement("p", {
46
46
  className: " text-grey qbs-card-column-title "
47
47
  }, col.title), col.customCell || col.link ? /*#__PURE__*/_react["default"].createElement("span", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.3.2",
3
+ "version": "1.3.3",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
package/src/qbsTable/utilities/CardComponent.tsx CHANGED
@@ -43,13 +43,13 @@ const CardComponent: React.FC<Props> = ({
43
43
  ref={useCardRef}
44
44
  className="p-3 gap-3 border-2 border-grey shadow-sm rounded-lg relative qbs-card-container"
45
45
  >
46
- <div className={`grid ${getGridColsClass(initialDisplayCount)} qbs-card-columns`}>
46
+ <div className={`grid ${getGridColsClass(initialDisplayCount)} gap-2 qbs-card-columns`}>
47
47
  {displayedColumns.map((col: QbsColumnProps, index: number) => (
48
48
  <div
49
49
  key={index}
50
50
  className={`grid ${getGridColSpanClass(
51
51
  col.colSpan ?? 1
52
- )} gap-2 place-content-start text-sm qbs-card-column ${
52
+ )} place-content-start text-sm qbs-card-column ${
53
53
  index === initialDisplayCount - 1 ? 'mr-4' : ''
54
54
  } `}
55
55
  >