@saasquatch/mint-components 2.0.0-45 → 2.0.0-48

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

@@ -3822,6 +3822,10 @@ const style$5 = {
   },
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-large)",
+    backgroundColor: "var(--sqm-secondary-button-background)",
+    color: "var(--sqm-secondary-button-color)",
+    borderColor: "var(--sqm-secondary-button-color-border)",
+    borderRadius: "var(--sqm-secondary-button-radius)",
   },
   SkeletonOne: {
     width: "15%",
@@ -4103,7 +4107,6 @@ const TaxAndCashDashboardView = (props) => {
     }
   };
   const alertInfo = getAlert(states.payoutStatus);
-  console.log({ states, props });
   return (index.h("div", null,
     index.h("div", null,
       index.h("style", { type: "text/css" }, styleString$4),
@@ -4144,7 +4147,9 @@ const TaxAndCashDashboardView = (props) => {
         index.h("div", { class: sheet$4.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", 
+            // class={sheet.classes.EditBankDetailsButton}
+            onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
           index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4689,7 +4694,6 @@ const TaxAndCashDashboard = class {
     const props = index_module.isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
-    console.log({ stateController: this.stateController });
     return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
       } })));
@@ -4697,7 +4701,6 @@ const TaxAndCashDashboard = class {
 };
 function useDemoTaxAndCashDashboard(props) {
   const stateController = parseStates.parseStates(props.stateController);
-  console.log({ stateController });
   // @ts-ignore
   return cjs.cjs({
     states: {

package/dist/cjs/sqm-tax-and-cash.cjs.entry.js

@@ -1264,7 +1264,6 @@ const TaxAndCashMonolith = class {
   render() {
     var _a, _b;
     const props = index_module.isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
-    console.log({ props });
     // @ts-ignore
     if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
       const textProps = utils$1.getProps(this);

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

@@ -122,13 +122,13 @@ export class Hero {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Content background",
+            "text": "Splash image",
             "name": "uiName"
           }, {
             "text": "Background",
             "name": "uiWidget"
           }],
-        "text": "Content background color or image (for use in the left column)"
+        "text": "Splash image or background color (for use in the left column)"
       },
       "attribute": "background",
       "reflect": false
@@ -172,13 +172,13 @@ export class Hero {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Splash image",
+            "text": "Content background",
             "name": "uiName"
           }, {
             "text": "Background",
             "name": "uiWidget"
           }],
-        "text": "Splash image or background color (for use in the right column)"
+        "text": "Content background color or image (for use in the right column)"
       },
       "attribute": "secondary-background",
       "reflect": false

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

@@ -1100,7 +1100,6 @@ export class TaxAndCashMonolith {
   render() {
     var _a, _b;
     const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
-    console.log({ props });
     // @ts-ignore
     if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
       const textProps = getProps(this);

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

@@ -115,6 +115,10 @@ const style = {
   },
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-large)",
+    backgroundColor: "var(--sqm-secondary-button-background)",
+    color: "var(--sqm-secondary-button-color)",
+    borderColor: "var(--sqm-secondary-button-color-border)",
+    borderRadius: "var(--sqm-secondary-button-radius)",
   },
   SkeletonOne: {
     width: "15%",
@@ -396,7 +400,6 @@ export const TaxAndCashDashboardView = (props) => {
     }
   };
   const alertInfo = getAlert(states.payoutStatus);
-  console.log({ states, props });
   return (h("div", null,
     h("div", null,
       h("style", { type: "text/css" }, styleString),
@@ -437,7 +440,9 @@ export const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", 
+            // class={sheet.classes.EditBankDetailsButton}
+            onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet.classes.SkeletonOne }),

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

@@ -2,10 +2,10 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop } from "@stencil/core";
 import deepmerge from "deepmerge";
+import { parseStates } from "../../../utils/parseStates";
 import { getProps } from "../../../utils/utils";
 import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
-import { parseStates } from "../../../utils/parseStates";
 /**
  * @uiName Tax and Cash Status Dashboard
  */
@@ -363,7 +363,6 @@ export class TaxAndCashDashboard {
     const props = isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
-    console.log({ stateController: this.stateController });
     return (h(Host, null,
       h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
           payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
@@ -1903,7 +1902,6 @@ export class TaxAndCashDashboard {
 }
 function useDemoTaxAndCashDashboard(props) {
   const stateController = parseStates(props.stateController);
-  console.log({ stateController });
   // @ts-ignore
   return deepmerge({
     states: {

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

@@ -3818,6 +3818,10 @@ const style$5 = {
   },
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-large)",
+    backgroundColor: "var(--sqm-secondary-button-background)",
+    color: "var(--sqm-secondary-button-color)",
+    borderColor: "var(--sqm-secondary-button-color-border)",
+    borderRadius: "var(--sqm-secondary-button-radius)",
   },
   SkeletonOne: {
     width: "15%",
@@ -4099,7 +4103,6 @@ const TaxAndCashDashboardView = (props) => {
     }
   };
   const alertInfo = getAlert(states.payoutStatus);
-  console.log({ states, props });
   return (h("div", null,
     h("div", null,
       h("style", { type: "text/css" }, styleString$4),
@@ -4140,7 +4143,9 @@ const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet$4.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", 
+            // class={sheet.classes.EditBankDetailsButton}
+            onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4685,7 +4690,6 @@ const TaxAndCashDashboard = class {
     const props = isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
-    console.log({ stateController: this.stateController });
     return (h(Host, null, h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
       } })));
@@ -4693,7 +4697,6 @@ const TaxAndCashDashboard = class {
 };
 function useDemoTaxAndCashDashboard(props) {
   const stateController = parseStates(props.stateController);
-  console.log({ stateController });
   // @ts-ignore
   return cjs({
     states: {

package/dist/esm/sqm-tax-and-cash.entry.js

@@ -1260,7 +1260,6 @@ const TaxAndCashMonolith = class {
   render() {
     var _a, _b;
     const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
-    console.log({ props });
     // @ts-ignore
     if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
       const textProps = getProps(this);