@saasquatch/mint-components 1.3.3-5 → 1.4.0

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js

@@ -1,68 +1,68 @@
-import { h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-import { intl } from "../../global/global";
-import { PoweredByImg } from "./PoweredByImg";
-const vanillaStyle = `
-  :host{
-    margin: 0 auto;
-    width: 100%;
-  }
-  a{
-    cursor:pointer;
-    color: inherit;
-    text-decoration: none;
-  }
-`;
-export function PortalFooterView(props) {
-  const style = {
-    RowContainer: {
-      display: "flex",
-      "& > :not(:last-child)": {
-        "margin-right": "var(--sl-spacing-large)",
-      },
-    },
-    Container: {
-      display: "flex",
-      "flex-direction": "column",
-      "align-items": "center",
-      "font-size": "var(--sl-font-size-small)",
-      color: "var(--sl-color-gray-600)",
-      "padding-top": `var(--sl-spacing-${props.paddingTop})`,
-      "padding-right": `var(--sl-spacing-${props.paddingRight})`,
-      "padding-bottom": `var(--sl-spacing-${props.paddingBottom})`,
-      "padding-left": `var(--sl-spacing-${props.paddingLeft})`,
-      "& a:hover": {
-        color: "var(--sl-color-gray-900)",
-      },
-    },
-    SupportText: {
-      textAlign: "center",
-    },
-    PoweredByLink: {
-      color: "var(--sl-color-gray-400)",
-      "font-size": "var(--sl-font-size-xx-small)",
-      "&:hover": {
-        color: "var(--sl-color-gray-900)",
-      },
-    },
-  };
-  jss.setup(preset());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h("div", { class: sheet.classes.RowContainer },
-      props.faqLink && (h("a", { target: "_blank", href: props.faqLink }, props.faqText)),
-      props.termsLink && (h("a", { target: "_blank", href: props.termsLink }, props.termsText))),
-    h("p", { class: sheet.classes.SupportText }, intl.formatMessage({
-      id: "supportFooter",
-      defaultMessage: props.supportText,
-    }, {
-      email: (h("a", { target: "_blank", href: `mailto:${props.supportEmail}` }, props.supportEmail)),
-    })),
-    props.showPoweredBy && (h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
-      h(PoweredByImg, null)))));
-}
+import { h } from "@stencil/core";
+import jss from "jss";
+import preset from "jss-preset-default";
+import { intl } from "../../global/global";
+import { PoweredByImg } from "./PoweredByImg";
+const vanillaStyle = `
+  :host{
+    margin: 0 auto;
+    width: 100%;
+  }
+  a{
+    cursor:pointer;
+    color: inherit;
+    text-decoration: none;
+  }
+`;
+export function PortalFooterView(props) {
+  const style = {
+    RowContainer: {
+      display: "flex",
+      "& > :not(:last-child)": {
+        "margin-right": "var(--sl-spacing-large)",
+      },
+    },
+    Container: {
+      display: "flex",
+      "flex-direction": "column",
+      "align-items": "center",
+      "font-size": "var(--sl-font-size-small)",
+      color: "var(--sl-color-gray-600)",
+      "padding-top": `var(--sl-spacing-${props.paddingTop})`,
+      "padding-right": `var(--sl-spacing-${props.paddingRight})`,
+      "padding-bottom": `var(--sl-spacing-${props.paddingBottom})`,
+      "padding-left": `var(--sl-spacing-${props.paddingLeft})`,
+      "& a:hover": {
+        color: "var(--sl-color-gray-900)",
+      },
+    },
+    SupportText: {
+      textAlign: "center",
+    },
+    PoweredByLink: {
+      color: "var(--sl-color-gray-400)",
+      "font-size": "var(--sl-font-size-xx-small)",
+      "&:hover": {
+        color: "var(--sl-color-gray-900)",
+      },
+    },
+  };
+  jss.setup(preset());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("div", { class: sheet.classes.Container },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h("div", { class: sheet.classes.RowContainer },
+      props.faqLink && (h("a", { target: "_blank", href: props.faqLink }, props.faqText)),
+      props.termsLink && (h("a", { target: "_blank", href: props.termsLink }, props.termsText))),
+    h("p", { class: sheet.classes.SupportText }, intl.formatMessage({
+      id: "supportFooter",
+      defaultMessage: props.supportText,
+    }, {
+      email: (h("a", { target: "_blank", href: `mailto:${props.supportEmail}` }, props.supportEmail)),
+    })),
+    props.showPoweredBy && (h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
+      h(PoweredByImg, null)))));
+}