@saasquatch/mint-components 1.16.0-9 → 2.0.0-1

package/dist/cjs/ErrorView-3f91e5ab.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const index = require('./index-a43a63b4.js');
+
+const ErrorView = (props) => {
+  return (index.h("sqm-form-message", { type: "error" },
+    index.h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
+    index.h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
+};
+
+exports.ErrorView = ErrorView;

package/dist/cjs/{GenericTableView-a9f4ba75.js → GenericTableView-a9845e80.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
+const mixins = require('./mixins-4761d472.js');
 
 function GenericTableView(props) {
   const { states, data, callbacks, elements } = props;
@@ -18,9 +18,9 @@ function GenericTableView(props) {
       tableLayout: "fixed",
       width: "100%",
       "& tbody tr": {
-        borderBottom: "1px solid var(--sl-color-neutral-200)",
+        borderBottom: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
         "&:first-child": {
-          borderTop: "1px solid var(--sl-color-neutral-200)",
+          borderTop: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
         },
       },
       "& th": {
@@ -41,8 +41,8 @@ function GenericTableView(props) {
         },
         "& tr": {
           display: "block",
-          background: "#FFFFFF",
-          border: "1px solid var(--sl-color-neutral-200)",
+          background: "inherit",
+          border: "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",
           boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
           borderRadius: "var(--sl-border-radius-large)",
           padding: "var(--sl-spacing-medium)",
@@ -115,8 +115,8 @@ function GenericTableView(props) {
           })));
         })))),
     index.h("div", { class: sheet.classes.ButtonContainer, part: states.namespace + "-button-wrapper" },
-      index.h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
-      index.h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));
+      index.h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: secondarybutton-base", class: !states.hasPrev ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.prevLabel),
+      index.h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: secondarybutton-base", class: !states.hasNext ? sheet.classes.ButtonDisabled : "" }, data.textOverrides.moreLabel))));
 }
 
 exports.GenericTableView = GenericTableView;