@saasquatch/mint-components 1.6.8-8 → 1.6.8

package/dist/collection/components/sqm-tabs/sqm-tabs-view.js

@@ -5,10 +5,10 @@ export const TabsView = ({ content, placement, }) => {
   const padding = !placement || placement === "top" || placement === "bottom"
     ? "var(--sl-spacing-x-large) 0;"
     : "0 var(--sl-spacing-xx-large);";
-  const vanillaStyle = `
-    sl-tab-panel::part(base) {
-      padding: ${padding};
-    }
+  const vanillaStyle = `
+    sl-tab-panel::part(base) {
+      padding: ${padding};
+    }
   `;
   const host = useHost();
   return (h(Host, null,

package/dist/collection/components/sqm-task-card/DetailsView.js

@@ -48,6 +48,6 @@ export function Details(props) {
     h("span", { class: sheet.classes.Description },
       h("input", { type: "checkbox", id: "details-" + rid }),
       h("label", { class: "details", htmlFor: "details-" + rid },
-        h("sl-icon", { exportparts: "base: task-card-chevron-icon", name: "chevron-down" })),
+        h("sl-icon", { name: "chevron-down" })),
       h("span", { class: "summary", "progress-bar": props.progressBar }, props.content.description))));
 }

package/dist/collection/components/sqm-task-card/sqm-task-card-view.js

@@ -190,14 +190,13 @@ export function TaskCardView(props) {
   const taskEnded = content.rewardDuration && dateEnd <= dateToday;
   const taskNotStarted = content.rewardDuration && dateToday <= dateStart;
   const taskUnavailable = taskEnded || taskNotStarted;
-  const vanillaStyle = `
-	:host{
-		display: block;
-		margin-bottom: var(--sl-spacing-large);
-	}
-
+  const vanillaStyle = `
+	:host{
+		display: block;
+		margin-bottom: var(--sl-spacing-large);
+	}
   `;
-  return (h("div", { class: sheet.classes.TaskCard, part: "sqm-base" },
+  return (h("div", { class: sheet.classes.TaskCard },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
@@ -213,8 +212,8 @@ export function TaskCardView(props) {
           .toLocaleString(DateTime.DATETIME_MED),
       }))),
     !states.loading && taskEnded && (h("div", { class: sheet.classes.Ended },
-      h("span", { class: "icon", part: "test" },
-        h("sl-icon", { exportparts: "base: task-card-icon", name: "exclamation-triangle-fill" })),
+      h("span", { class: "icon" },
+        h("sl-icon", { name: "exclamation-triangle-fill" })),
       intl.formatMessage({
         id: "endedMessage",
         defaultMessage: content.endedMessage,
@@ -223,7 +222,7 @@ export function TaskCardView(props) {
           .setLocale(luxonLocale(states.locale))
           .toLocaleString(DateTime.DATETIME_MED),
       }))),
-    h("div", { part: "sqm-card-container-inner", style: {
+    h("div", { style: {
         borderRadius: taskUnavailable &&
           "0 0 var(--sl-border-radius-large) var(--sl-border-radius-large)",
       }, class: taskUnavailable
@@ -231,12 +230,12 @@ export function TaskCardView(props) {
         : taskComplete
           ? "main complete"
           : "main" },
-      h("div", { class: "container", part: "sqm-card-container", "data-subdue": taskComplete || taskUnavailable },
+      h("div", { class: "container", "data-subdue": taskComplete || taskUnavailable },
         h("div", { class: sheet.classes.Header, style: { opacity: taskComplete || taskUnavailable ? "0.45" : "1" } }, states.loading ? (h("sl-skeleton", { style: { width: "22%", margin: "0" } })) : (h("div", null,
           showComplete && (h("span", { class: taskUnavailable ? "icon neutral" : "icon" }, taskComplete ? checkmark_filled : checkmark_circle)),
-          h("span", { part: "sqm-value", class: "value" }, content.rewardAmount),
-          h("span", { part: "sqm-unit", class: "text" }, content.rewardUnit)))),
-        states.loading ? (h("sl-skeleton", { style: { width: "42%", margin: "var(--sl-spacing-medium) 0" } })) : (h("div", { class: "title", part: "sqm-title", style: {
+          h("span", { class: "value" }, content.rewardAmount),
+          h("span", { class: "text" }, content.rewardUnit)))),
+        states.loading ? (h("sl-skeleton", { style: { width: "42%", margin: "var(--sl-spacing-medium) 0" } })) : (h("div", { class: "title", style: {
             marginBottom: !content.description
               ? content.steps
                 ? "var(--sl-spacing-x-large)"
@@ -277,7 +276,7 @@ export function TaskCardView(props) {
                 .setLocale(luxonLocale(states.locale))
                 .toLocaleString(DateTime.DATETIME_MED),
             })))),
-          h("sl-button", { exportparts: "base: task-card-button", id: "sl-button", class: taskUnavailable
+          h("sl-button", { class: taskUnavailable
               ? "action neutral"
               : taskComplete
                 ? "action disabled"

package/dist/collection/components/sqm-task-card/useTaskCard.js

@@ -1,12 +1,12 @@
 import { useMutation, useUserIdentity, useRefreshDispatcher, useLocale, } from "@saasquatch/component-boilerplate";
 import { useEffect } from "@saasquatch/stencil-hooks";
 import { gql } from "graphql-request";
-const SEND_EVENT = gql `
-  mutation taskCardEvent($userEventInput: UserEventInput!) {
-    logUserEvent(userEventInput: $userEventInput) {
-      userId
-    }
-  }
+const SEND_EVENT = gql `
+  mutation taskCardEvent($userEventInput: UserEventInput!) {
+    logUserEvent(userEventInput: $userEventInput) {
+      userId
+    }
+  }
 `;
 export function useTaskCard(props) {
   const user = useUserIdentity();

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

@@ -1,51 +1,51 @@
 import { Component, h, State } from "@stencil/core";
 import { withHooks } from "@saasquatch/stencil-hooks";
-const vanillaStyle = `
-  sqm-text {
-    display: block;
-  }
-
-  sqm-text h1 {
-    font-size: var(--sl-font-size-xxx-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h2 {
-    font-size: var(--sl-font-size-xx-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h3 {
-    font-size: var(--sl-font-size-x-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h4 {
-    font-size: var(--sl-font-size-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text p {
-    font-size: var(--sl-font-size-medium);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text sub {
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-400);
-    margin: 0;
-  }
+const vanillaStyle = `
+  sqm-text {
+    display: block;
+  }
+
+  sqm-text h1 {
+    font-size: var(--sl-font-size-xxx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h2 {
+    font-size: var(--sl-font-size-xx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h3 {
+    font-size: var(--sl-font-size-x-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h4 {
+    font-size: var(--sl-font-size-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text p {
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text sub {
+    font-size: var(--sl-font-size-small);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-400);
+    margin: 0;
+  }
 `;
 /**
  * @uiName Text

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

@@ -40,16 +40,16 @@ const style = {
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
-const vanillaStyle = `
-    :host {
-      word-wrap: break-word;
-    }
-    sqm-text-span {
-      display: inline;
-    }
+const vanillaStyle = `
+    :host {
+      word-wrap: break-word;
+    }
+    sqm-text-span {
+      display: inline;
+    }
   `;
 export function TextSpanView(props, children) {
-  return (h("span", { class: sheet.classes[props.type], part: "sqm-text-span" },
+  return (h("span", { class: sheet.classes[props.type] },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/collection/components/sqm-timeline/sqm-timeline-entry-view.js

@@ -46,23 +46,23 @@ const style = {
 };
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
-const vanillaStyle = `
-	:host{
-		display: block; 
-	}
-
-	:host(:not(:last-of-type)) .line {
-		display: block; 
-	}
+const vanillaStyle = `
+	:host{
+		display: block; 
+	}
+
+	:host(:not(:last-of-type)) .line {
+		display: block; 
+	}
 	`;
 export function TimelineEntryView(props) {
   var _a;
   const timeline_icon = (_a = props.icon) !== null && _a !== void 0 ? _a : props.iconState;
-  return (h("div", { class: sheet.classes.TimelineReward, part: "sqm-timeline-container" },
+  return (h("div", { class: sheet.classes.TimelineReward },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    h("div", { class: "container", part: "sqm-base" },
+    h("div", { class: "container" },
       h("div", { class: "line" }, "/"),
       h("div", { class: "step" },
         timeline_icon === "gift" && (h("div", { class: "icon" },
@@ -71,7 +71,7 @@ export function TimelineEntryView(props) {
           h(Circle, null))),
         h("div", null,
           h("div", null,
-            h("span", { class: "reward", part: "sqm-reward" }, props.reward),
-            h("span", { class: "unit", part: "sqm-unit" }, props.unit)),
-          h("div", { class: "description", part: "sqm-description" }, props.desc))))));
+            h("span", { class: "reward" }, props.reward),
+            h("span", { class: "unit" }, props.unit)),
+          h("div", { class: "description" }, props.desc))))));
 }

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

@@ -30,14 +30,14 @@ export class Timeline {
         // incase child is not sqm-timeline-entry
       }
     });
-    const vanillaStyle = `
-		:host{
-			display: block;   
-		}
-
-		::slotted(*:not(:only-child):not(:last-child)) {
-			margin-bottom: var(--sl-spacing-xx-large);
-		}
+    const vanillaStyle = `
+		:host{
+			display: block;   
+		}
+
+		::slotted(*:not(:only-child):not(:last-child)) {
+			margin-bottom: var(--sl-spacing-xx-large);
+		}
 	`;
     return (h("div", null,
       h("style", { type: "text/css" }, vanillaStyle),

package/dist/collection/components/sqm-titled-section/sqm-portal-section-view.js

@@ -15,8 +15,8 @@ export function PortalSectionView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.SectionContainer, part: "sqm-portal-section-container" },
+  return (h("div", { class: sheet.classes.SectionContainer },
     h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.LabelContainer, part: "sqm-portal-section-label" }, props.label),
+    h("div", { class: sheet.classes.LabelContainer }, props.label),
     props.content));
 }

package/dist/collection/components/sqm-user-name/useUserName.js

@@ -1,14 +1,14 @@
 import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
 import { gql } from "graphql-request";
-const GET_USER_NAME = gql `
-  query getUserName {
-    viewer {
-      ... on User {
-        firstName
-        lastName
-      }
-    }
-  }
+const GET_USER_NAME = gql `
+  query getUserName {
+    viewer {
+      ... on User {
+        firstName
+        lastName
+      }
+    }
+  }
 `;
 export function useUserName(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;