@saasquatch/mint-components 2.0.0-50 → 2.0.0-51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +32 -4
  2. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +30 -2
  3. package/dist/esm/sqm-banking-info-form_10.entry.js +32 -4
  4. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  5. package/dist/mint-components/mint-components.esm.js +1 -1
  6. package/dist/mint-components/{p-dddc6446.entry.js → p-64d27c41.entry.js} +6 -6
  7. package/dist/mint-components/{p-af4ce9f9.system.entry.js → p-88da02a4.system.entry.js} +1 -1
  8. package/dist/mint-components/p-967a9040.system.js +1 -1
  9. package/docs/docs.docx +0 -0
  10. package/package.json +1 -1
package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js CHANGED
@@ -3822,6 +3822,10 @@ const style$5 = {
3822
3822
  },
3823
3823
  EditBankDetailsButton: {
3824
3824
  marginTop: "var(--sl-spacing-large)",
3825
+ backgroundColor: "var(--sqm-secondary-button-background)",
3826
+ color: "var(--sqm-secondary-button-color)",
3827
+ borderColor: "var(--sqm-secondary-button-color-border)",
3828
+ borderRadius: "var(--sqm-secondary-button-radius)",
3825
3829
  },
3826
3830
  SkeletonOne: {
3827
3831
  width: "15%",
@@ -3901,6 +3905,26 @@ const style$5 = {
3901
3905
  };
3902
3906
  const sheet$4 = JSS.createStyleSheet(style$5);
3903
3907
  const styleString$4 = sheet$4.toString();
3908
+ const vanillaStyle$3 = `
3909
+ :host{
3910
+ display: block;
3911
+ }
3912
+
3913
+ sl-button[type="secondary"]::part(base) {
3914
+ font-family: var(--sqm-primary-font);
3915
+ background-color: var(--sqm-secondary-button-background);
3916
+ color: var(--sqm-secondary-button-color);
3917
+ border-color: var(--sqm-secondary-button-color-border);
3918
+ border-radius: var(--sqm-secondary-button-radius);
3919
+ }
3920
+
3921
+ sl-button[type="secondary"]::part(base):hover {
3922
+ background-color: var(--sqm-secondary-button-background-hover);
3923
+ color: var(--sqm-secondary-button-color-hover);
3924
+ border-color: var(--sqm-secondary-button-border-color-hover);
3925
+ }
3926
+
3927
+ `;
3904
3928
  const TaxAndCashDashboardView = (props) => {
3905
3929
  var _a;
3906
3930
  const { states, text, callbacks, slots } = props;
@@ -4105,7 +4129,10 @@ const TaxAndCashDashboardView = (props) => {
4105
4129
  const alertInfo = getAlert(states.payoutStatus);
4106
4130
  return (index.h("div", null,
4107
4131
  index.h("div", null,
4108
- index.h("style", { type: "text/css" }, styleString$4),
4132
+ index.h("style", { type: "text/css" },
4133
+ styleString$4,
4134
+ " ",
4135
+ vanillaStyle$3),
4109
4136
  states.loadingError && (index.h("div", null,
4110
4137
  index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
4111
4138
  index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
@@ -4143,7 +4170,8 @@ const TaxAndCashDashboardView = (props) => {
4143
4170
  index.h("div", { class: sheet$4.classes.BankingInformationContainer },
4144
4171
  slots.payoutDetailsCardSlot,
4145
4172
  !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
4146
- states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "secondary", exportparts: "base: secondarybutton-base",
4173
+ states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary",
4174
+ // style={{ backgroundColor: "green" }}
4147
4175
  // class={sheet.classes.EditBankDetailsButton}
4148
4176
  onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
4149
4177
  (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
@@ -5789,7 +5817,7 @@ const style$6 = {
5789
5817
  };
5790
5818
  const sheet$5 = JSS.createStyleSheet(style$6);
5791
5819
  const styleString$5 = sheet$5.toString();
5792
- const vanillaStyle$3 = `
5820
+ const vanillaStyle$4 = `
5793
5821
  :host{
5794
5822
  display: block;
5795
5823
  }
@@ -5997,7 +6025,7 @@ const UserInfoFormView = (props) => {
5997
6025
  return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
5998
6026
  index.h("style", { type: "text/css" },
5999
6027
  styleString$5,
6000
- vanillaStyle$3),
6028
+ vanillaStyle$4),
6001
6029
  states.loadingError && (index.h("div", null,
6002
6030
  index.h("sqm-form-message", { type: "error" },
6003
6031
  index.h("p", { part: "alert-title" }, text.error.loadingErrorAlertHeader),
package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js CHANGED
@@ -115,6 +115,10 @@ const style = {
115
115
  },
116
116
  EditBankDetailsButton: {
117
117
  marginTop: "var(--sl-spacing-large)",
118
+ backgroundColor: "var(--sqm-secondary-button-background)",
119
+ color: "var(--sqm-secondary-button-color)",
120
+ borderColor: "var(--sqm-secondary-button-color-border)",
121
+ borderRadius: "var(--sqm-secondary-button-radius)",
118
122
  },
119
123
  SkeletonOne: {
120
124
  width: "15%",
@@ -194,6 +198,26 @@ const style = {
194
198
  };
195
199
  const sheet = createStyleSheet(style);
196
200
  const styleString = sheet.toString();
201
+ const vanillaStyle = `
202
+ :host{
203
+ display: block;
204
+ }
205
+
206
+ sl-button[type="secondary"]::part(base) {
207
+ font-family: var(--sqm-primary-font);
208
+ background-color: var(--sqm-secondary-button-background);
209
+ color: var(--sqm-secondary-button-color);
210
+ border-color: var(--sqm-secondary-button-color-border);
211
+ border-radius: var(--sqm-secondary-button-radius);
212
+ }
213
+
214
+ sl-button[type="secondary"]::part(base):hover {
215
+ background-color: var(--sqm-secondary-button-background-hover);
216
+ color: var(--sqm-secondary-button-color-hover);
217
+ border-color: var(--sqm-secondary-button-border-color-hover);
218
+ }
219
+
220
+ `;
197
221
  export const TaxAndCashDashboardView = (props) => {
198
222
  var _a;
199
223
  const { states, text, callbacks, slots } = props;
@@ -398,7 +422,10 @@ export const TaxAndCashDashboardView = (props) => {
398
422
  const alertInfo = getAlert(states.payoutStatus);
399
423
  return (h("div", null,
400
424
  h("div", null,
401
- h("style", { type: "text/css" }, styleString),
425
+ h("style", { type: "text/css" },
426
+ styleString,
427
+ " ",
428
+ vanillaStyle),
402
429
  states.loadingError && (h("div", null,
403
430
  h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
404
431
  h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
@@ -436,7 +463,8 @@ export const TaxAndCashDashboardView = (props) => {
436
463
  h("div", { class: sheet.classes.BankingInformationContainer },
437
464
  slots.payoutDetailsCardSlot,
438
465
  !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
439
- states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "secondary", exportparts: "base: secondarybutton-base",
466
+ states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary",
467
+ // style={{ backgroundColor: "green" }}
440
468
  // class={sheet.classes.EditBankDetailsButton}
441
469
  onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
442
470
  (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
package/dist/esm/sqm-banking-info-form_10.entry.js CHANGED
@@ -3818,6 +3818,10 @@ const style$5 = {
3818
3818
  },
3819
3819
  EditBankDetailsButton: {
3820
3820
  marginTop: "var(--sl-spacing-large)",
3821
+ backgroundColor: "var(--sqm-secondary-button-background)",
3822
+ color: "var(--sqm-secondary-button-color)",
3823
+ borderColor: "var(--sqm-secondary-button-color-border)",
3824
+ borderRadius: "var(--sqm-secondary-button-radius)",
3821
3825
  },
3822
3826
  SkeletonOne: {
3823
3827
  width: "15%",
@@ -3897,6 +3901,26 @@ const style$5 = {
3897
3901
  };
3898
3902
  const sheet$4 = createStyleSheet(style$5);
3899
3903
  const styleString$4 = sheet$4.toString();
3904
+ const vanillaStyle$3 = `
3905
+ :host{
3906
+ display: block;
3907
+ }
3908
+
3909
+ sl-button[type="secondary"]::part(base) {
3910
+ font-family: var(--sqm-primary-font);
3911
+ background-color: var(--sqm-secondary-button-background);
3912
+ color: var(--sqm-secondary-button-color);
3913
+ border-color: var(--sqm-secondary-button-color-border);
3914
+ border-radius: var(--sqm-secondary-button-radius);
3915
+ }
3916
+
3917
+ sl-button[type="secondary"]::part(base):hover {
3918
+ background-color: var(--sqm-secondary-button-background-hover);
3919
+ color: var(--sqm-secondary-button-color-hover);
3920
+ border-color: var(--sqm-secondary-button-border-color-hover);
3921
+ }
3922
+
3923
+ `;
3900
3924
  const TaxAndCashDashboardView = (props) => {
3901
3925
  var _a;
3902
3926
  const { states, text, callbacks, slots } = props;
@@ -4101,7 +4125,10 @@ const TaxAndCashDashboardView = (props) => {
4101
4125
  const alertInfo = getAlert(states.payoutStatus);
4102
4126
  return (h("div", null,
4103
4127
  h("div", null,
4104
- h("style", { type: "text/css" }, styleString$4),
4128
+ h("style", { type: "text/css" },
4129
+ styleString$4,
4130
+ " ",
4131
+ vanillaStyle$3),
4105
4132
  states.loadingError && (h("div", null,
4106
4133
  h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
4107
4134
  h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
@@ -4139,7 +4166,8 @@ const TaxAndCashDashboardView = (props) => {
4139
4166
  h("div", { class: sheet$4.classes.BankingInformationContainer },
4140
4167
  slots.payoutDetailsCardSlot,
4141
4168
  !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
4142
- states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "secondary", exportparts: "base: secondarybutton-base",
4169
+ states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary",
4170
+ // style={{ backgroundColor: "green" }}
4143
4171
  // class={sheet.classes.EditBankDetailsButton}
4144
4172
  onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
4145
4173
  (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
@@ -5785,7 +5813,7 @@ const style$6 = {
5785
5813
  };
5786
5814
  const sheet$5 = createStyleSheet(style$6);
5787
5815
  const styleString$5 = sheet$5.toString();
5788
- const vanillaStyle$3 = `
5816
+ const vanillaStyle$4 = `
5789
5817
  :host{
5790
5818
  display: block;
5791
5819
  }
@@ -5993,7 +6021,7 @@ const UserInfoFormView = (props) => {
5993
6021
  return (h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
5994
6022
  h("style", { type: "text/css" },
5995
6023
  styleString$5,
5996
- vanillaStyle$3),
6024
+ vanillaStyle$4),
5997
6025
  states.loadingError && (h("div", null,
5998
6026
  h("sqm-form-message", { type: "error" },
5999
6027
  h("p", { part: "alert-title" }, text.error.loadingErrorAlertHeader),