@saasquatch/mint-components 2.0.2-0 → 2.0.2-2
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.
- package/dist/cjs/{ShadowViewAddon-1b38dcfc.js → ShadowViewAddon-925a8fa6.js} +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +4 -4
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +13 -7
- package/dist/cjs/sqm-header-logo.cjs.entry.js +10 -4
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +18 -11
- package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +12 -6
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +4 -4
- package/dist/esm/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_10.entry.js +4 -4
- package/dist/esm/sqm-big-stat_47.entry.js +13 -7
- package/dist/esm/sqm-header-logo.entry.js +10 -4
- package/dist/esm/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
- package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-612062cd.system.entry.js → p-0649123a.system.entry.js} +1 -1
- package/dist/mint-components/p-09ab53fb.system.entry.js +1 -0
- package/dist/mint-components/{p-2c86af62.system.entry.js → p-2dc720db.system.entry.js} +1 -1
- package/dist/mint-components/{p-9f8d34d1.system.js → p-38f932ae.system.js} +1 -1
- package/dist/mint-components/{p-0e1a1b14.js → p-57ce33dd.js} +1 -1
- package/dist/mint-components/{p-f6a7d4d3.entry.js → p-5f3eafd4.entry.js} +1 -1
- package/dist/mint-components/p-7e009640.system.entry.js +1 -0
- package/dist/mint-components/{p-3219fdbe.entry.js → p-838c6cf8.entry.js} +1 -1
- package/dist/mint-components/p-967a9040.system.js +1 -1
- package/dist/mint-components/p-ab111e29.entry.js +1 -0
- package/dist/mint-components/{p-ef8c9f73.entry.js → p-e728337d.entry.js} +2 -2
- package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +3 -3
- package/dist/types/components.d.ts +6 -6
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-014dc2be.entry.js +0 -1
- package/dist/mint-components/p-09707418.system.entry.js +0 -1
- package/dist/mint-components/p-333d5597.system.entry.js +0 -1
- package/dist/types/global/android.d.ts +0 -7
- package/dist/types/global/demo.d.ts +0 -2
- package/dist/types/stories/features.d.ts +0 -4
- package/dist/types/stories/templates.d.ts +0 -4
|
@@ -7,9 +7,14 @@ import { Component, h, Host, Prop } from "@stencil/core";
|
|
|
7
7
|
export class HeroImage {
|
|
8
8
|
constructor() {
|
|
9
9
|
/**
|
|
10
|
-
* @uiName Logo text
|
|
10
|
+
* @uiName Logo text size
|
|
11
11
|
*/
|
|
12
|
-
this.logoTextSize =
|
|
12
|
+
this.logoTextSize = 32;
|
|
13
|
+
/**
|
|
14
|
+
* @uiWidget color
|
|
15
|
+
* @uiName Logo text color
|
|
16
|
+
*/
|
|
17
|
+
this.logoTextColor = "#555555";
|
|
13
18
|
/**
|
|
14
19
|
* Page participants are navigated to after clicking the header logo.
|
|
15
20
|
*
|
|
@@ -27,8 +32,9 @@ export class HeroImage {
|
|
|
27
32
|
render() {
|
|
28
33
|
return (h(Host, null,
|
|
29
34
|
h("a", { href: this.nextPage, part: "sqm-link" }, this.imageUrl ? (h("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
|
|
30
|
-
fontSize: this.logoTextSize
|
|
31
|
-
color: this.logoTextColor || "
|
|
35
|
+
fontSize: `${this.logoTextSize}px`,
|
|
36
|
+
color: this.logoTextColor || "#555555",
|
|
37
|
+
textDecoration: "none",
|
|
32
38
|
} }, this.logoText)))));
|
|
33
39
|
}
|
|
34
40
|
static get is() { return "sqm-header-logo"; }
|
|
@@ -81,25 +87,25 @@ export class HeroImage {
|
|
|
81
87
|
"reflect": false
|
|
82
88
|
},
|
|
83
89
|
"logoTextSize": {
|
|
84
|
-
"type": "
|
|
90
|
+
"type": "number",
|
|
85
91
|
"mutable": false,
|
|
86
92
|
"complexType": {
|
|
87
|
-
"original": "
|
|
88
|
-
"resolved": "
|
|
93
|
+
"original": "number",
|
|
94
|
+
"resolved": "number",
|
|
89
95
|
"references": {}
|
|
90
96
|
},
|
|
91
97
|
"required": false,
|
|
92
98
|
"optional": true,
|
|
93
99
|
"docs": {
|
|
94
100
|
"tags": [{
|
|
95
|
-
"text": "Logo text",
|
|
101
|
+
"text": "Logo text size",
|
|
96
102
|
"name": "uiName"
|
|
97
103
|
}],
|
|
98
104
|
"text": ""
|
|
99
105
|
},
|
|
100
106
|
"attribute": "logo-text-size",
|
|
101
107
|
"reflect": false,
|
|
102
|
-
"defaultValue": "
|
|
108
|
+
"defaultValue": "32"
|
|
103
109
|
},
|
|
104
110
|
"logoTextColor": {
|
|
105
111
|
"type": "string",
|
|
@@ -116,13 +122,14 @@ export class HeroImage {
|
|
|
116
122
|
"text": "color",
|
|
117
123
|
"name": "uiWidget"
|
|
118
124
|
}, {
|
|
119
|
-
"text": "Logo text",
|
|
125
|
+
"text": "Logo text color",
|
|
120
126
|
"name": "uiName"
|
|
121
127
|
}],
|
|
122
128
|
"text": ""
|
|
123
129
|
},
|
|
124
130
|
"attribute": "logo-text-color",
|
|
125
|
-
"reflect": false
|
|
131
|
+
"reflect": false,
|
|
132
|
+
"defaultValue": "\"#555555\""
|
|
126
133
|
},
|
|
127
134
|
"nextPage": {
|
|
128
135
|
"type": "string",
|
|
@@ -3,14 +3,14 @@ import { createStyleSheet } from "../../styling/JSS";
|
|
|
3
3
|
import { intl } from "../../global/global";
|
|
4
4
|
import { PoweredByImg } from "./PoweredByImg";
|
|
5
5
|
const vanillaStyle = `
|
|
6
|
-
:host{
|
|
6
|
+
:host {
|
|
7
7
|
margin: 0 auto;
|
|
8
8
|
width: 100%;
|
|
9
9
|
}
|
|
10
|
-
a{
|
|
10
|
+
a {
|
|
11
11
|
cursor:pointer;
|
|
12
12
|
color: var(--sqm-text-subdued);
|
|
13
|
-
text-decoration: none
|
|
13
|
+
text-decoration: none;
|
|
14
14
|
}
|
|
15
15
|
`;
|
|
16
16
|
export function PortalFooterView(props) {
|
|
@@ -161,7 +161,9 @@ export function PayoutStatusAlertView(props) {
|
|
|
161
161
|
}, {
|
|
162
162
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
163
163
|
}),
|
|
164
|
-
|
|
164
|
+
button: (h(Fragment, null,
|
|
165
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
166
|
+
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
165
167
|
alertType: "warning",
|
|
166
168
|
icon: "exclamation-triangle",
|
|
167
169
|
};
|
|
@@ -174,7 +176,9 @@ export function PayoutStatusAlertView(props) {
|
|
|
174
176
|
}, {
|
|
175
177
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
176
178
|
}),
|
|
177
|
-
|
|
179
|
+
button: (h(Fragment, null,
|
|
180
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
181
|
+
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
178
182
|
alertType: "warning",
|
|
179
183
|
icon: "exclamation-triangle",
|
|
180
184
|
};
|
|
@@ -187,7 +191,9 @@ export function PayoutStatusAlertView(props) {
|
|
|
187
191
|
}, {
|
|
188
192
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
189
193
|
}),
|
|
190
|
-
|
|
194
|
+
button: (h(Fragment, null,
|
|
195
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
|
|
196
|
+
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
191
197
|
alertType: "warning",
|
|
192
198
|
icon: "exclamation-triangle",
|
|
193
199
|
};
|
|
@@ -200,7 +206,8 @@ export function PayoutStatusAlertView(props) {
|
|
|
200
206
|
}, {
|
|
201
207
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
202
208
|
}),
|
|
203
|
-
|
|
209
|
+
button: (h(Fragment, null,
|
|
210
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
204
211
|
alertType: "warning",
|
|
205
212
|
icon: "exclamation-triangle",
|
|
206
213
|
};
|
|
@@ -214,8 +221,7 @@ export function PayoutStatusAlertView(props) {
|
|
|
214
221
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
215
222
|
}),
|
|
216
223
|
button: (h(Fragment, null,
|
|
217
|
-
h("sl-button", { disabled: states.loading, type: "
|
|
218
|
-
h("sl-button", { disabled: states.loading, type: "default", onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
224
|
+
h("sl-button", { disabled: states.loading, type: "primary", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
|
|
219
225
|
alertType: "warning",
|
|
220
226
|
icon: "exclamation-triangle",
|
|
221
227
|
};
|
|
@@ -361,7 +361,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
361
361
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
362
362
|
}),
|
|
363
363
|
button: (h(Fragment, null,
|
|
364
|
-
h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
364
|
+
h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
365
365
|
h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
366
366
|
alertType: "warning",
|
|
367
367
|
icon: "exclamation-triangle",
|
|
@@ -377,7 +377,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
377
377
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
378
378
|
}),
|
|
379
379
|
button: (h(Fragment, null,
|
|
380
|
-
h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
380
|
+
h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
381
381
|
h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
382
382
|
alertType: "warning",
|
|
383
383
|
icon: "exclamation-triangle",
|
|
@@ -393,7 +393,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
393
393
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
394
394
|
}),
|
|
395
395
|
button: (h(Fragment, null,
|
|
396
|
-
h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
396
|
+
h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
|
|
397
397
|
h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
|
|
398
398
|
alertType: "warning",
|
|
399
399
|
icon: "exclamation-triangle",
|
|
@@ -422,7 +422,7 @@ export const TaxAndCashDashboardView = (props) => {
|
|
|
422
422
|
}, {
|
|
423
423
|
supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
|
|
424
424
|
}),
|
|
425
|
-
button: (h("sl-button", { disabled: states.disabled || states.loading, type: "
|
|
425
|
+
button: (h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
|
|
426
426
|
alertType: "warning",
|
|
427
427
|
icon: "exclamation-triangle",
|
|
428
428
|
class: sheet.classes.WarningHoldAlertContainer,
|
|
@@ -2849,14 +2849,14 @@ function ChangeMarktingView(props) {
|
|
|
2849
2849
|
}
|
|
2850
2850
|
|
|
2851
2851
|
const vanillaStyle$5 = `
|
|
2852
|
-
:host{
|
|
2852
|
+
:host {
|
|
2853
2853
|
margin: 0 auto;
|
|
2854
2854
|
width: 100%;
|
|
2855
2855
|
}
|
|
2856
|
-
a{
|
|
2856
|
+
a {
|
|
2857
2857
|
cursor:pointer;
|
|
2858
2858
|
color: var(--sqm-text-subdued);
|
|
2859
|
-
text-decoration: none
|
|
2859
|
+
text-decoration: none;
|
|
2860
2860
|
}
|
|
2861
2861
|
`;
|
|
2862
2862
|
function PortalFooterView(props) {
|