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

package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js

@@ -649,6 +649,11 @@ const mockPaymentOptions = {
 };
 
 const style = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -792,11 +797,8 @@ const style = {
     "&::part(panel)": {
       maxWidth: "420px",
     },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
     "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
+      fontSize: "var(--sl-font-size-large)",
       fontWeight: "600",
     },
     "&::part(body)": {
@@ -883,12 +885,11 @@ const BankingInfoFormView = (props) => {
       styleString,
       vanillaStyle),
     index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      index.h("div", { slot: "label" },
-        index.h("div", { color: "red" },
-          index.h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      index.h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        index.h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        index.h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
       index.h("p", null, text.modalDescription),
-      index.h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true }, text.modalButtonText)),
+      index.h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     index.h("div", { class: classes.TextContainer },
       index.h("div", null,
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
@@ -1587,7 +1588,7 @@ const BankingInfoForm = class {
     /**
      * @uiName Information modal description text
      */
-    this.modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      */
@@ -2420,6 +2421,11 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
 };
 
 const style$3 = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -2535,11 +2541,8 @@ const style$3 = {
     "&::part(panel)": {
       maxWidth: "420px",
     },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
     "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
+      fontSize: "var(--sl-font-size-large)",
       fontWeight: "600",
     },
     "&::part(body)": {
@@ -2585,23 +2588,21 @@ const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$3;
-  console.log({ states });
   return (index.h("div", { class: classes.Container },
     index.h("style", { type: "text/css" },
       styleString$3,
       vanillaStyle$2),
     index.h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      index.h("div", { slot: "label" },
-        index.h("div", { color: "red" },
-          index.h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      index.h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        index.h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        index.h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
       index.h("p", null, global.intl.formatMessage({
         id: "modalText",
         defaultMessage: text.modalDescription,
       }, {
         br: index.h("br", null),
       })),
-      index.h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose }, text.modalButtonText)),
+      index.h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     index.h("div", { class: classes.TextContainer },
       index.h("div", null,
         !states.hideSteps && (index.h("p", null, global.intl.formatMessage({
@@ -5027,7 +5028,7 @@ const TaxAndCashMonolith = class {
      * @uiName Information modal description text
      * @uiGroup Step 4 Properties
      */
-    this.step4_modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      * @uiGroup Step 4 Properties

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

@@ -3,6 +3,11 @@ import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { FORM_STEPS } from "../sqm-tax-and-cash/data";
 const style = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -146,11 +151,8 @@ const style = {
     "&::part(panel)": {
       maxWidth: "420px",
     },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
     "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
+      fontSize: "var(--sl-font-size-large)",
       fontWeight: "600",
     },
     "&::part(body)": {
@@ -237,12 +239,11 @@ export const BankingInfoFormView = (props) => {
       styleString,
       vanillaStyle),
     h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
       h("p", null, text.modalDescription),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({

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

@@ -282,7 +282,7 @@ export class BankingInfoForm {
     /**
      * @uiName Information modal description text
      */
-    this.modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      */
@@ -1684,7 +1684,7 @@ export class BankingInfoForm {
       },
       "attribute": "modal-description",
       "reflect": false,
-      "defaultValue": "\"By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.\""
+      "defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
     },
     "modalButtonText": {
       "type": "string",

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

@@ -3,6 +3,11 @@ import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { FORM_STEPS } from "../sqm-tax-and-cash/data";
 const style = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -118,11 +123,8 @@ const style = {
     "&::part(panel)": {
       maxWidth: "420px",
     },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
     "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
+      fontSize: "var(--sl-font-size-large)",
       fontWeight: "600",
     },
     "&::part(body)": {
@@ -168,23 +170,21 @@ export const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet;
-  console.log({ states });
   return (h("div", { class: classes.Container },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
     h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
       h("p", null, intl.formatMessage({
         id: "modalText",
         defaultMessage: text.modalDescription,
       }, {
         br: h("br", null),
       })),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onModalClose }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({

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

@@ -557,7 +557,7 @@ export class TaxAndCashMonolith {
      * @uiName Information modal description text
      * @uiGroup Step 4 Properties
      */
-    this.step4_modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      * @uiGroup Step 4 Properties
@@ -3409,7 +3409,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-4_modal-description",
       "reflect": false,
-      "defaultValue": "\"By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.\""
+      "defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
     },
     "step4_modalButtonText": {
       "type": "string",

package/dist/esm/sqm-banking-info-form_17.entry.js

@@ -645,6 +645,11 @@ const mockPaymentOptions = {
 };
 
 const style = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -788,11 +793,8 @@ const style = {
     "&::part(panel)": {
       maxWidth: "420px",
     },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
     "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
+      fontSize: "var(--sl-font-size-large)",
       fontWeight: "600",
     },
     "&::part(body)": {
@@ -879,12 +881,11 @@ const BankingInfoFormView = (props) => {
       styleString,
       vanillaStyle),
     h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
       h("p", null, text.modalDescription),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -1583,7 +1584,7 @@ const BankingInfoForm = class {
     /**
      * @uiName Information modal description text
      */
-    this.modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      */
@@ -2416,6 +2417,11 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
 };
 
 const style$3 = {
+  ModalTitleContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-small)",
+    alignItems: "center",
+  },
   FormWrapper: {
     display: "flex",
     justifyContent: "flex-start",
@@ -2531,11 +2537,8 @@ const style$3 = {
     "&::part(panel)": {
       maxWidth: "420px",
     },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
     "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
+      fontSize: "var(--sl-font-size-large)",
       fontWeight: "600",
     },
     "&::part(body)": {
@@ -2581,23 +2584,21 @@ const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$3;
-  console.log({ states });
   return (h("div", { class: classes.Container },
     h("style", { type: "text/css" },
       styleString$3,
       vanillaStyle$2),
     h("sl-dialog", { class: sheet$3.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
-      h("div", { slot: "label" },
-        h("div", { color: "red" },
-          h("sl-icon", { name: "info-circle" })),
-        text.modalTitle),
+      h("div", { class: classes.ModalTitleContainer, slot: "label" },
+        h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
+        h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
       h("p", null, intl.formatMessage({
         id: "modalText",
         defaultMessage: text.modalDescription,
       }, {
         br: h("br", null),
       })),
-      h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose }, text.modalButtonText)),
+      h("sl-button", { slot: "footer", type: "primary", class: sheet$3.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
     h("div", { class: classes.TextContainer },
       h("div", null,
         !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -5023,7 +5024,7 @@ const TaxAndCashMonolith = class {
      * @uiName Information modal description text
      * @uiGroup Step 4 Properties
      */
-    this.step4_modalDescription = "By changing your bank account information, your account and payouts will be placed on hold for up to 48 hours until your change is verified.";
+    this.step4_modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
     /**
      * @uiName Information modal button text
      * @uiGroup Step 4 Properties