@teselagen/ui 0.10.6 → 0.10.8

package/index.cjs.js

@@ -34671,15 +34671,7 @@ const DraggableColumnOption = /* @__PURE__ */ __name(({
           "(",
           field.fieldGroup,
           ")"
-        ), subFrag && /* @__PURE__ */ React$1.createElement(
-          InfoHelper,
-          {
-            icon: "warning-sign",
-            intent: "warning",
-            style: { marginLeft: 5 }
-          },
-          "Viewing this column may cause the table to load slower"
-        ))
+        ), subFrag && /* @__PURE__ */ React$1.createElement(InfoHelper, { style: { marginLeft: 5 } }, "Note: Viewing this complex column may cause the table to load slower. Try hiding it for better performance."))
       }
     )
   );
@@ -57180,7 +57172,7 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
     setPageSize = noop$4,
     setSearchTerm = noop$4,
     shouldShowSubComponent,
-    showCount = false,
+    showCount = true,
     style = {},
     SubComponent,
     subHeader,

package/index.es.js

@@ -1,4 +1,5 @@
 import './ui.css';
+import './ui.css';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -34653,15 +34654,7 @@ const DraggableColumnOption = /* @__PURE__ */ __name(({
           "(",
           field.fieldGroup,
           ")"
-        ), subFrag && /* @__PURE__ */ React__default.createElement(
-          InfoHelper,
-          {
-            icon: "warning-sign",
-            intent: "warning",
-            style: { marginLeft: 5 }
-          },
-          "Viewing this column may cause the table to load slower"
-        ))
+        ), subFrag && /* @__PURE__ */ React__default.createElement(InfoHelper, { style: { marginLeft: 5 } }, "Note: Viewing this complex column may cause the table to load slower. Try hiding it for better performance."))
       }
     )
   );
@@ -57162,7 +57155,7 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
     setPageSize = noop$4,
     setSearchTerm = noop$4,
     shouldShowSubComponent,
-    showCount = false,
+    showCount = true,
     style = {},
     SubComponent,
     subHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.10.6",
+  "version": "0.10.8",
   "main": "./src/index.js",
   "type": "module",
   "exports": {

package/src/CollapsibleCard/style.css

@@ -8,7 +8,16 @@
     0 1px 3px rgba(0, 0, 0, 0.12),
     0 1px 2px rgba(0, 0, 0, 0.18);
 }
-
+.no-card .tg-card {
+  border-radius: unset;
+  box-shadow: none;
+  padding: 0;
+  margin-bottom: 0;
+  background: inherit;
+}
+.bp3-dark .no-card .tg-card {
+  background: inherit !important;
+}
 .tg-card-header {
   display: flex;
   flex-direction: row;

package/src/DataTable/DraggableColumnOptions.js

@@ -69,12 +69,9 @@ const DraggableColumnOption = ({
               </span>
             )}
             {subFrag && (
-              <InfoHelper
-                icon="warning-sign"
-                intent="warning"
-                style={{ marginLeft: 5 }}
-              >
-                Viewing this column may cause the table to load slower
+              <InfoHelper style={{ marginLeft: 5 }}>
+                Note: Viewing this complex column may cause the table to load
+                slower. Try hiding it for better performance.
               </InfoHelper>
             )}
           </span>

package/src/DataTable/index.js

@@ -460,7 +460,7 @@ const DataTable = ({
     setPageSize = noop,
     setSearchTerm = noop,
     shouldShowSubComponent,
-    showCount = false,
+    showCount = true,
     style = {},
     SubComponent,
     subHeader,

package/src/style.css

@@ -1,11 +1,13 @@
 :root {
   --base1: #ffffff;
   --base2: #cdcdcd;
+  --reversed: #293742;
 }
 
 body.bp3-dark {
   --base1: #393a3a;
   --base2: #293742;
+  --reversed: #cdcdcd;
 }
 
 .bp3-dark .tg-card {

package/ui.css

@@ -8819,11 +8819,13 @@ span.bp3-popover-target{
 /*# sourceMappingURL=blueprint-icons.css.map */:root {
   --base1: #ffffff;
   --base2: #cdcdcd;
+  --reversed: #293742;
 }
 
 body.bp3-dark {
   --base1: #393a3a;
   --base2: #293742;
+  --reversed: #cdcdcd;
 }
 
 .bp3-dark .tg-card {
@@ -10389,7 +10391,16 @@ body:not(.drag-active)
     0 1px 3px rgba(0, 0, 0, 0.12),
     0 1px 2px rgba(0, 0, 0, 0.18);
 }
-
+.no-card .tg-card {
+  border-radius: unset;
+  box-shadow: none;
+  padding: 0;
+  margin-bottom: 0;
+  background: inherit;
+}
+.bp3-dark .no-card .tg-card {
+  background: inherit !important;
+}
 .tg-card-header {
   display: flex;
   flex-direction: row;