@saasquatch/mint-components 2.5.0-4 → 2.5.0-6

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.js

@@ -12,6 +12,7 @@ import { useIndirectTaxForm, } from "./useIndirectTaxForm";
 /**
  * @uiName Indirect Tax Form
  * @exampleGroup Tax and Cash Components
+ * @csspart form-container - The form container
  * @csspart alert-title - The alert title
  * @csspart primarybutton-base - The primary button base
  * @csspart secondarybutton-base - The secondary button base

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.js

@@ -145,7 +145,7 @@ export function PayoutDetailsCardView(props) {
   const { classes } = sheet;
   const { states, text } = props;
   const renderLoadingSkeleton = () => {
-    return (h("div", { class: classes.CardContainer, part: "payout-details-card" },
+    return (h("div", { class: classes.CardContainer },
       h("div", { class: classes.StatusContainer, style: { display: "block" } },
         h("sqm-skeleton", { style: { marginBottom: "var(--sl-spacing-medium)" }, width: "25%", height: "16px" }),
         h("sqm-skeleton", { width: "25%", height: "24px" })),

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/ErrorView.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 export const ErrorView = (props) => {
-  return (h("sqm-form-message", { type: "error" },
+  return (h("sqm-form-message", { type: "error", part: "container" },
     h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
     h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
 };

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js

@@ -1185,9 +1185,9 @@ export class TaxAndCashMonolith {
       case "/2":
         return (h("sqm-indirect-tax-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step2_"))));
       case "/3":
-        return (h("sqm-docusign-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step3_"))));
+        return (h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
       case "/4":
-        return (h("sqm-banking-info-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step4_"))));
+        return (h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
         return (h("sqm-tax-and-cash-dashboard", Object.assign({ exportparts: "dashboard-container: container" }, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -619,7 +619,7 @@ export const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
+      alertInfo && (h("sqm-form-message", { loading: states.loading, exportparts: "warningalert-base: alert-base, warningalert-icon: alert-icon, erroralert-base: alert-base, erroralert-icon: alert-icon, infoalert-base: alert-base, infoalert-icon: alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         h("strong", null, alertInfo.header),
         h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js

@@ -7,6 +7,7 @@ import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
 /**
  * @uiName Tax and Cash Status Dashboard
+ * @csspart dashboard-container - The dashboard container
  * @csspart alert-base - The alert base
  * @csspart alert-icon - The alert icon
  * @csspart primarybutton-base - The primary button base

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js

@@ -9,6 +9,7 @@ import { useUserInfoForm } from "./useUserInfoForm";
 /**
  * @uiName User Information Form
  * @exampleGroup Tax and Cash Components
+ * @csspart form-container - The form container
  * @csspart alert-title - The alert title
  * @csspart alert-description - The alert description
  * @csspart input-label - The input label

package/dist/collection/components/views/copy-text-view.js

@@ -91,7 +91,7 @@ export function CopyTextView(props) {
       ? "top"
       : "top-end";
   const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { class: sheet.classes.icon, exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: `base: ${props.buttonType || "primary"}button-base`, onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (h("div", { class: sheet.classes.ContainerDiv, part: "sqm-base" },
+  return (h("div", { class: sheet.classes.ContainerDiv },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle,

package/dist/collection/tables/GenericTableView.js

@@ -127,7 +127,7 @@ export function GenericTableView(props) {
   const styleString = sheet.toString();
   if (show === "empty")
     return elements.emptyElement;
-  return (h("div", { part: "sqm-base" },
+  return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("table", { class: sheet.classes.Table },
       (showLabels || hasDropZones) && (h("thead", null,

package/dist/esm/{ErrorView-74cb3af8.js → ErrorView-c6fc1d9b.js}

@@ -1,7 +1,7 @@
 import { h } from './index-38ad4957.js';
 
 const ErrorView = (props) => {
-  return (h("sqm-form-message", { type: "error" },
+  return (h("sqm-form-message", { type: "error", part: "container" },
     h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
     h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
 };

package/dist/esm/{GenericTableView-6ed48a94.js → GenericTableView-471a9386.js}

@@ -128,7 +128,7 @@ function GenericTableView(props) {
   const styleString = sheet.toString();
   if (show === "empty")
     return elements.emptyElement;
-  return (h("div", { part: "sqm-base" },
+  return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("table", { class: sheet.classes.Table },
       (showLabels || hasDropZones) && (h("thead", null,

package/dist/esm/{ShadowViewAddon-821a1ab5.js → ShadowViewAddon-86b5e986.js}

@@ -7,7 +7,7 @@ import { l as luxonLocale } from './utils-334c1e34.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-67b5cff8.js';
 import { a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED } from './useReferralCodes-25f8b792.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-997fe4da.js';
+import { C as CopyTextView } from './copy-text-view-87259b11.js';
 import { T as TextSpanView } from './sqm-text-span-view-72f43dff.js';
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
@@ -111,7 +111,7 @@ function ShareButtonView(props, children) {
 		top: 2%;
 	}
 	`;
-  return props.hide ? (h(Host, { style: { display: "none" } })) : (h("div", { part: "sqm-base" },
+  return props.hide ? (h(Host, { style: { display: "none" } })) : (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("style", { type: "text/css" }, vanillaStyle),
     h("sl-button", { class: sheet.classes.buttonStyle, target: props.openInSameTab ? "_self" : "_blank", loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: !props.isPlainLink ? props.onClick : undefined, href: props.isPlainLink ? props.messageLink : undefined, exportparts: `base: ${props.type}button-base` },
@@ -2334,7 +2334,7 @@ function CouponCodeView(props) {
 `;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", { part: "sqm-base" },
+  return (h("div", null,
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
@@ -4288,10 +4288,18 @@ function ShareLinkView(props) {
       whiteSpace: "nowrap",
       userSelect: "none",
       lineHeight: "var(--sl-input-height-medium)",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      flexGrow: 0,
+      flexShrink: 1,
+      minWidth: 0,
+      direction: "rtl",
+      textAlign: "left",
     },
     EditInput: {
       maxWidth: "260px",
-      width: "100%",
+      flexShrink: 0,
+      flexGrow: 1,
       "&::part(base)": {
         border: "none",
         borderRadius: "0",
@@ -4365,13 +4373,14 @@ function ShareLinkView(props) {
   }, { editsRemaining });
   // Editing state
   if (isEditing) {
-    return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    return (h("div", { class: sheet.classes.Container },
       h("style", { type: "text/css" },
         styleString,
         vanillaStyle$6),
       h("p", { class: sheet.classes.EditLabel }, editLabelText),
       h("div", { class: sheet.classes.EditInputWrapper },
-        h("span", { class: sheet.classes.DomainPrefix }, domainPrefix),
+        h("span", { class: sheet.classes.DomainPrefix, title: domainPrefix },
+          h("span", { dir: "ltr" }, domainPrefix)),
         h("sl-input", { class: sheet.classes.EditInput, type: "text", value: editValue, onInput: (e) => onEditValueChange(e.target.value), onKeyDown: (e) => {
             if (e.key === "/" || e.key === "@")
               e.preventDefault();
@@ -4760,7 +4769,7 @@ function LeadFormView(props) {
         vanillaStyle$7,
         styleString$9),
       h(TextSpanView, { type: "h3" }, content.pageLabel),
-      h("sqm-form-message", { loading: states.loading, exportparts: "success-icon" },
+      h("sqm-form-message", { loading: states.loading, exportparts: "successalert-icon" },
         h("b", null, content.submitSuccessHeader),
         h("br", null),
         h("div", { part: "successalert-text" }, content.submitSuccessDescription)),

package/dist/esm/{copy-text-view-997fe4da.js → copy-text-view-87259b11.js}

@@ -92,7 +92,7 @@ function CopyTextView(props) {
       ? "top"
       : "top-end";
   const copyButton = (h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (h("sl-icon-button", { class: sheet.classes.icon, exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (h("sl-button", { exportparts: `base: ${props.buttonType || "primary"}button-base`, onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (h("div", { class: sheet.classes.ContainerDiv, part: "sqm-base" },
+  return (h("div", { class: sheet.classes.ContainerDiv },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle,