@saasquatch/mint-components 1.3.3-5 → 1.4.0

package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js

@@ -1,110 +1,110 @@
-import { h, Component, Host, State } from "@stencil/core";
-import { useStencilbook } from "@saasquatch/stencilbook";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import * as ShareButton from "../../stories/ShareButton.stories";
-import * as ShareLink from "../../stories/ShareLink.stories";
-import * as BigStat from "../../stories/BigStat.stories";
-import * as Leaderboard from "../../stories/Leaderboard.stories";
-import * as Router from "../../stories/Router.stories";
-import * as LeaderboardRank from "../../stories/LeaderboardRank.stories";
-import * as PortalFrame from "../../stories/PortalFrame.stories";
-import * as EditProfile from "../../stories/EditProfileForm.stories";
-import * as UseShareLink from "../../stories/UseShareLink.stories";
-import * as UseShareButton from "../../stories/UseShareButton.stories";
-import * as UseBigStat from "../../stories/UseBigStat.stories";
-import * as UseEditProfile from "../../stories/UseEditProfile.stories";
-import * as UseLeaderboard from "../../stories/UseLeaderboard.stories";
-import * as FormMessage from "../../stories/FormMessage.stories";
-import * as NewPortal from "../../stories/NewPortal.stories";
-import * as SidebarItem from "../../stories/SidebarItem.stories";
-import * as NavigationSidebar from "../../stories/NavigationSidebar.stories";
-import * as PortalLogin from "../../stories/PortalLogin.stories";
-import * as PortalRegister from "../../stories/PortalRegister.stories";
-import * as PortalForgotPassword from "../../stories/PortalForgotPassword.stories";
-import * as PortalEmailVerification from "../../stories/PortalEmailVerification.stories";
-import * as PortalResetPassword from "../../stories/PortalResetPassword.stories";
-import * as PortalVerifyEmail from "../../stories/PortalVerifyEmail.stories";
-import * as AssetCard from "../../stories/AssetCard.stories";
-import * as DividedLayout from "../../stories/DividedLayout.stories";
-import * as ChangePassword from "../../stories/ChangePassword.stories";
-import * as PortalProfile from "../../stories/PortalProfile.stories";
-import * as ReferralTable from "../../stories/ReferralTable.stories";
-import * as ReferralTableCell from "../../stories/ReferralTableCell.stories";
-import * as ReferralTableRewardsCell from "../../stories/ReferralTableRewardsCell.stories";
-import * as UserName from "../../stories/UserName.stories";
-import * as PasswordField from "../../stories/PasswordField.stories";
-import * as PortalTemplates from "../../stories/PortalTemplates.stories";
-import * as ProgramMenu from "../../stories/ProgramMenu.stories";
-import * as PoweredByImg from "../../stories/PoweredByImg.stories";
-import * as PortalFooter from "../../stories/PortalFooter.stories";
-import * as Hero from "../../stories/Hero.stories";
-import * as ReferralIframe from "../../stories/ReferralIframe.stories";
-import * as NameFields from "../../stories/NameFields.stories";
-import { CucumberAddon } from "./CucumberAddon";
-import { HookStoryAddon } from "./HookStoryAddon";
-import { ShadowViewAddon } from "../../ShadowViewAddon";
-const stories = [
-  ShareButton,
-  ShareLink,
-  BigStat,
-  Leaderboard,
-  LeaderboardRank,
-  UseShareLink,
-  UseShareButton,
-  UseBigStat,
-  UseEditProfile,
-  UseLeaderboard,
-  Router,
-  PortalFrame,
-  EditProfile,
-  FormMessage,
-  NewPortal,
-  SidebarItem,
-  NavigationSidebar,
-  PortalLogin,
-  PortalRegister,
-  PortalForgotPassword,
-  PortalEmailVerification,
-  PortalResetPassword,
-  PortalVerifyEmail,
-  AssetCard,
-  DividedLayout,
-  ChangePassword,
-  PortalProfile,
-  ReferralTable,
-  ReferralTableCell,
-  ReferralTableRewardsCell,
-  UserName,
-  PasswordField,
-  PortalTemplates,
-  ProgramMenu,
-  PoweredByImg,
-  PortalFooter,
-  Hero,
-  ReferralIframe,
-  NameFields,
-];
-/**
- * For internal documentation
- *
- * @undocumented
- */
-export class StencilStorybook {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { class: Style, children } = useStencilbook(stories, {
-      h,
-      title: "Mint Components",
-      addons: [CucumberAddon, ShadowViewAddon, HookStoryAddon],
-    });
-    return (h(Host, { class: Style, onClick: {} }, children));
-  }
-  static get is() { return "sqm-stencilbook"; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
+import { h, Component, Host, State } from "@stencil/core";
+import { useStencilbook } from "@saasquatch/stencilbook";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import * as ShareButton from "../../stories/ShareButton.stories";
+import * as ShareLink from "../../stories/ShareLink.stories";
+import * as BigStat from "../../stories/BigStat.stories";
+import * as Leaderboard from "../../stories/Leaderboard.stories";
+import * as Router from "../../stories/Router.stories";
+import * as LeaderboardRank from "../../stories/LeaderboardRank.stories";
+import * as PortalFrame from "../../stories/PortalFrame.stories";
+import * as EditProfile from "../../stories/EditProfileForm.stories";
+import * as UseShareLink from "../../stories/UseShareLink.stories";
+import * as UseShareButton from "../../stories/UseShareButton.stories";
+import * as UseBigStat from "../../stories/UseBigStat.stories";
+import * as UseEditProfile from "../../stories/UseEditProfile.stories";
+import * as UseLeaderboard from "../../stories/UseLeaderboard.stories";
+import * as FormMessage from "../../stories/FormMessage.stories";
+import * as NewPortal from "../../stories/NewPortal.stories";
+import * as SidebarItem from "../../stories/SidebarItem.stories";
+import * as NavigationSidebar from "../../stories/NavigationSidebar.stories";
+import * as PortalLogin from "../../stories/PortalLogin.stories";
+import * as PortalRegister from "../../stories/PortalRegister.stories";
+import * as PortalForgotPassword from "../../stories/PortalForgotPassword.stories";
+import * as PortalEmailVerification from "../../stories/PortalEmailVerification.stories";
+import * as PortalResetPassword from "../../stories/PortalResetPassword.stories";
+import * as PortalVerifyEmail from "../../stories/PortalVerifyEmail.stories";
+import * as AssetCard from "../../stories/AssetCard.stories";
+import * as DividedLayout from "../../stories/DividedLayout.stories";
+import * as ChangePassword from "../../stories/ChangePassword.stories";
+import * as PortalProfile from "../../stories/PortalProfile.stories";
+import * as ReferralTable from "../../stories/ReferralTable.stories";
+import * as ReferralTableCell from "../../stories/ReferralTableCell.stories";
+import * as ReferralTableRewardsCell from "../../stories/ReferralTableRewardsCell.stories";
+import * as UserName from "../../stories/UserName.stories";
+import * as PasswordField from "../../stories/PasswordField.stories";
+import * as PortalTemplates from "../../stories/PortalTemplates.stories";
+import * as ProgramMenu from "../../stories/ProgramMenu.stories";
+import * as PoweredByImg from "../../stories/PoweredByImg.stories";
+import * as PortalFooter from "../../stories/PortalFooter.stories";
+import * as Hero from "../../stories/Hero.stories";
+import * as ReferralIframe from "../../stories/ReferralIframe.stories";
+import * as NameFields from "../../stories/NameFields.stories";
+import { CucumberAddon } from "./CucumberAddon";
+import { HookStoryAddon } from "./HookStoryAddon";
+import { ShadowViewAddon } from "../../ShadowViewAddon";
+const stories = [
+  ShareButton,
+  ShareLink,
+  BigStat,
+  Leaderboard,
+  LeaderboardRank,
+  UseShareLink,
+  UseShareButton,
+  UseBigStat,
+  UseEditProfile,
+  UseLeaderboard,
+  Router,
+  PortalFrame,
+  EditProfile,
+  FormMessage,
+  NewPortal,
+  SidebarItem,
+  NavigationSidebar,
+  PortalLogin,
+  PortalRegister,
+  PortalForgotPassword,
+  PortalEmailVerification,
+  PortalResetPassword,
+  PortalVerifyEmail,
+  AssetCard,
+  DividedLayout,
+  ChangePassword,
+  PortalProfile,
+  ReferralTable,
+  ReferralTableCell,
+  ReferralTableRewardsCell,
+  UserName,
+  PasswordField,
+  PortalTemplates,
+  ProgramMenu,
+  PoweredByImg,
+  PortalFooter,
+  Hero,
+  ReferralIframe,
+  NameFields,
+];
+/**
+ * For internal documentation
+ *
+ * @undocumented
+ */
+export class StencilStorybook {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { class: Style, children } = useStencilbook(stories, {
+      h,
+      title: "Mint Components",
+      addons: [CucumberAddon, ShadowViewAddon, HookStoryAddon],
+    });
+    return (h(Host, { class: Style, onClick: {} }, children));
+  }
+  static get is() { return "sqm-stencilbook"; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}

package/dist/collection/components/sqm-text/sqm-text.js

@@ -1,77 +1,77 @@
-import { Component, h, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { insertCSS } from "../../insertcss";
-import debugFn from "debug";
-const debug = debugFn("sq:global");
-const textStyles = `
-  sqm-text {
-    display: block;
-  }
-
-  sqm-text h1 {
-    font-size: var(--sl-font-size-xx-large);
-    font-weight: 600;
-    color: var(--sl-color-gray-800);
-    margin: 0;
-  }
-
-  sqm-text h2 {
-    font-size: var(--sl-font-size-x-large);
-    font-weight: 600;
-    color: var(--sl-color-gray-800);
-    margin: 0;
-  }
-
-  sqm-text h3 {
-    font-size: var(--sl-font-size-large);
-    font-weight: 600;
-    color: var(--sl-color-gray-800);
-    margin: 0;
-  }
-
-  sqm-text h4 {
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--sl-color-gray-800);
-    margin: 0;
-  }
-
-  sqm-text p {
-    font-size: var(--sl-font-size-small);
-    font-weight: 400;
-    color: var(--sl-color-gray-800);
-    margin: 0;
-  }
-
-  sqm-text p[light] {
-    font-size: var(--sl-font-size-x-small);
-    font-weight: 400;
-    color: var(--sl-color-gray-600);
-    margin: 0;
-  }
-`;
-/**
- * @uiName Text
- */
-export class Text {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() {
-    try {
-      insertCSS(textStyles);
-    }
-    catch (error) {
-      debug(error);
-    }
-  }
-  render() {
-    return h("slot", null);
-  }
-  static get is() { return "sqm-text"; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
+import { Component, h, State } from "@stencil/core";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { insertCSS } from "../../insertcss";
+import debugFn from "debug";
+const debug = debugFn("sq:global");
+const textStyles = `
+  sqm-text {
+    display: block;
+  }
+
+  sqm-text h1 {
+    font-size: var(--sl-font-size-xx-large);
+    font-weight: 600;
+    color: var(--sl-color-gray-800);
+    margin: 0;
+  }
+
+  sqm-text h2 {
+    font-size: var(--sl-font-size-x-large);
+    font-weight: 600;
+    color: var(--sl-color-gray-800);
+    margin: 0;
+  }
+
+  sqm-text h3 {
+    font-size: var(--sl-font-size-large);
+    font-weight: 600;
+    color: var(--sl-color-gray-800);
+    margin: 0;
+  }
+
+  sqm-text h4 {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--sl-color-gray-800);
+    margin: 0;
+  }
+
+  sqm-text p {
+    font-size: var(--sl-font-size-small);
+    font-weight: 400;
+    color: var(--sl-color-gray-800);
+    margin: 0;
+  }
+
+  sqm-text p[light] {
+    font-size: var(--sl-font-size-x-small);
+    font-weight: 400;
+    color: var(--sl-color-gray-600);
+    margin: 0;
+  }
+`;
+/**
+ * @uiName Text
+ */
+export class Text {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() {
+    try {
+      insertCSS(textStyles);
+    }
+    catch (error) {
+      debug(error);
+    }
+  }
+  render() {
+    return h("slot", null);
+  }
+  static get is() { return "sqm-text"; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}

package/dist/collection/components/sqm-text-span/sqm-text-span-view.js

@@ -1,56 +1,56 @@
-import { h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-export function TextSpanView(props, children) {
-  const style = {
-    p: {
-      "font-size": "var(--sl-font-size-small)",
-      "font-weight": "400",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    subtext: {
-      "font-size": "var(--sl-font-size-x-small)",
-      "font-weight": "400",
-      color: "var(--sl-color-gray-600)",
-      margin: "0",
-    },
-    h1: {
-      "font-size": "var(--sl-font-size-xx-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h2: {
-      "font-size": "var(--sl-font-size-x-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h3: {
-      "font-size": "var(--sl-font-size-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h4: {
-      "font-size": "13px",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-  };
-  jss.setup(preset());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    sqm-text-span {
-      display: inline;
-    }
-  `;
-  return (h("span", { class: sheet.classes[props.type] },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}
+import { h } from "@stencil/core";
+import jss from "jss";
+import preset from "jss-preset-default";
+export function TextSpanView(props, children) {
+  const style = {
+    p: {
+      "font-size": "var(--sl-font-size-small)",
+      "font-weight": "400",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    subtext: {
+      "font-size": "var(--sl-font-size-x-small)",
+      "font-weight": "400",
+      color: "var(--sl-color-gray-600)",
+      margin: "0",
+    },
+    h1: {
+      "font-size": "var(--sl-font-size-xx-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h2: {
+      "font-size": "var(--sl-font-size-x-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h3: {
+      "font-size": "var(--sl-font-size-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h4: {
+      "font-size": "13px",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+  };
+  jss.setup(preset());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (h("span", { class: sheet.classes[props.type] },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
+}

package/dist/collection/components/sqm-text-span/sqm-text-span.js

@@ -1,69 +1,69 @@
-import { Component, h, Prop, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { TextSpanView } from "./sqm-text-span-view";
-/**
- * @uiName Text Span
- */
-export class Text {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  render() {
-    return h(TextSpanView, { type: this.type }, this.text);
-  }
-  static get is() { return "sqm-text-span"; }
-  static get properties() { return {
-    "text": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "text",
-      "reflect": false
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"p\" | \"subtext\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
-        "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"subtext\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Text",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"p\", \"subtext\", \"h1\", \"h2\", \"h3\", \"h4\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
+import { Component, h, Prop, State } from "@stencil/core";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { TextSpanView } from "./sqm-text-span-view";
+/**
+ * @uiName Text Span
+ */
+export class Text {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() { }
+  render() {
+    return h(TextSpanView, { type: this.type }, this.text);
+  }
+  static get is() { return "sqm-text-span"; }
+  static get properties() { return {
+    "text": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "text",
+      "reflect": false
+    },
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"p\" | \"subtext\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
+        "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"subtext\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Text",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"p\", \"subtext\", \"h1\", \"h2\", \"h3\", \"h4\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}