@saasquatch/mint-components 1.15.0-129 → 1.15.0-130

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 (31) hide show
  1. package/dist/cjs/{ShadowViewAddon-802edf50.js → ShadowViewAddon-e56c90ab.js} +8 -21
  2. package/dist/cjs/sqm-big-stat_44.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-form-message.cjs.entry.js +5 -5
  4. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  5. package/dist/collection/components/sqm-form-message/sqm-form-message.css +8 -8
  6. package/dist/collection/components/sqm-form-message/sqm-form-message.js +5 -5
  7. package/dist/collection/components/sqm-share-button/sqm-share-button-view.js +8 -21
  8. package/dist/esm/{ShadowViewAddon-cbc08775.js → ShadowViewAddon-439a4d47.js} +8 -21
  9. package/dist/esm/sqm-big-stat_44.entry.js +1 -1
  10. package/dist/esm/sqm-form-message.entry.js +5 -5
  11. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  12. package/dist/esm-es5/ShadowViewAddon-439a4d47.js +1 -0
  13. package/dist/esm-es5/sqm-big-stat_44.entry.js +1 -1
  14. package/dist/esm-es5/sqm-form-message.entry.js +1 -1
  15. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  16. package/dist/mint-components/mint-components.esm.js +1 -1
  17. package/dist/mint-components/p-019a2c63.system.js +1 -0
  18. package/dist/mint-components/{p-d121d444.entry.js → p-34f8a8f7.entry.js} +1 -1
  19. package/dist/mint-components/{p-fe838d97.js → p-4a3fd23f.js} +1 -1
  20. package/dist/mint-components/p-916a2045.system.entry.js +1 -0
  21. package/dist/mint-components/{p-e0adce3f.system.entry.js → p-932d8135.system.entry.js} +1 -1
  22. package/dist/mint-components/{p-4ec37b67.entry.js → p-9d8815bb.entry.js} +1 -1
  23. package/dist/mint-components/p-a597b136.entry.js +1 -0
  24. package/dist/mint-components/{p-6d6ec081.system.entry.js → p-bb295a46.system.entry.js} +1 -1
  25. package/dist/mint-components/p-cb39dc04.system.js +1 -1
  26. package/docs/docs.docx +0 -0
  27. package/package.json +1 -1
  28. package/dist/esm-es5/ShadowViewAddon-cbc08775.js +0 -1
  29. package/dist/mint-components/p-2abbdc44.entry.js +0 -1
  30. package/dist/mint-components/p-a8424c0a.system.entry.js +0 -1
  31. package/dist/mint-components/p-b2c30584.system.js +0 -1
package/dist/cjs/{ShadowViewAddon-802edf50.js → ShadowViewAddon-e56c90ab.js} RENAMED
@@ -63,7 +63,11 @@ const medium = {
63
63
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
64
64
  twitter: { color: "#000000", text: "#fff", icon: "twitter-x" },
65
65
  email: { color: "#666666", text: "#fff", icon: "envelope" },
66
- direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
66
+ direct: {
67
+ color: "var(--sqm-primary-button-background)",
68
+ text: "var(--sqm-primary-button-color)",
69
+ icon: "send",
70
+ },
67
71
  linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
68
72
  sms: { color: "#34DA50", text: "#fff", icon: "chat" },
69
73
  fbmessenger: { color: "#0084ff", text: "#fff", icon: "messenger" },
@@ -82,25 +86,6 @@ const style = {
82
86
  };
83
87
  const sheet = JSS.createStyleSheet(style);
84
88
  const styleString = sheet.toString();
85
- // TODO: Figure out hover and active states
86
- // *::part(base):hover {
87
- // border-color: ${
88
- // props.backgroundcolor
89
- // ? props.backgroundcolor
90
- // : props.medium
91
- // ? medium[props.medium].color
92
- // : ""
93
- // }!important;
94
- // }
95
- // *::part(base):focus {
96
- // border-color: ${
97
- // props.backgroundcolor
98
- // ? props.backgroundcolor
99
- // : props.medium
100
- // ? medium[props.medium].color
101
- // : ""
102
- // }!important;
103
- // }
104
89
  function ShareButtonView(props, children) {
105
90
  const vanillaStyle = `
106
91
  sl-button::part(base) {
@@ -117,7 +102,9 @@ function ShareButtonView(props, children) {
117
102
  : props.medium
118
103
  ? medium[props.medium].text
119
104
  : ""};
120
- border-radius: ${props.borderradius ? props.borderradius + "px" : ""};
105
+ border-radius: ${props.borderradius
106
+ ? props.borderradius + "px"
107
+ : "var(--sqm-primary-button-radius)"};
121
108
  }
122
109
 
123
110
 
package/dist/cjs/sqm-big-stat_44.cjs.entry.js CHANGED
@@ -25,7 +25,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
25
25
  const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
26
26
  const AsYouType = require('./AsYouType-6788393a.js');
27
27
  const utilities = require('./utilities-9a0c5e91.js');
28
- const ShadowViewAddon = require('./ShadowViewAddon-802edf50.js');
28
+ const ShadowViewAddon = require('./ShadowViewAddon-e56c90ab.js');
29
29
  require('./sqm-portal-container-view-07e4343f.js');
30
30
  const parseStates = require('./parseStates-d1effc19.js');
31
31
  const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
package/dist/cjs/sqm-form-message.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-a43a63b4.js');
6
6
  const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
7
7
 
8
- const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error::part(alert-icon){color:var(--sqm-danger-color-icon) !important;font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning::part(alert-icon){color:var(--sqm-warning-color-icon) !important;font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success::part(alert-icon){color:var(--sqm-success-color-icon) !important;font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info::part(alert-icon){color:var(--sqm-informative-color-icon) !important;font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
8
+ const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
9
9
 
10
10
  const FormMessage = class {
11
11
  constructor(hostRef) {
@@ -16,16 +16,16 @@ const FormMessage = class {
16
16
  disconnectedCallback() { }
17
17
  render() {
18
18
  if (this.type === "error") {
19
- return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, index.h("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
19
+ return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
20
20
  }
21
21
  else if (this.type === "info") {
22
- return (index.h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, index.h("sl-icon", { slot: "icon", part: "alert-icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
22
+ return (index.h("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
23
23
  }
24
24
  else if (this.type === "warning") {
25
- return (index.h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: "Warning", type: "warning", open: true }, index.h("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), index.h("slot", null)));
25
+ return (index.h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: "Warning", type: "warning", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), index.h("slot", null)));
26
26
  }
27
27
  else {
28
- return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, index.h("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
28
+ return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
29
29
  }
30
30
  }
31
31
  };
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -32,7 +32,7 @@ require('./utilities-9a0c5e91.js');
32
32
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
33
33
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
34
34
  const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
35
- const ShadowViewAddon = require('./ShadowViewAddon-802edf50.js');
35
+ const ShadowViewAddon = require('./ShadowViewAddon-e56c90ab.js');
36
36
  const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
37
37
  const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-7e1bb557.js');
38
38
  const utils = require('./utils-ba8fc342.js');
package/dist/collection/components/sqm-form-message/sqm-form-message.css CHANGED
@@ -11,8 +11,8 @@ sl-alert::part(base) {
11
11
  font-size: 14px;
12
12
  }
13
13
 
14
- .Error::part(alert-icon) {
15
- color: var(--sqm-danger-color-icon) !important;
14
+ .Error #icon {
15
+ color: var(--sqm-danger-color-icon);
16
16
  font-size: 24px;
17
17
  }
18
18
 
@@ -22,8 +22,8 @@ sl-alert::part(base) {
22
22
  border-color: var(--sqm-warning-color-border);
23
23
  }
24
24
 
25
- .Warning::part(alert-icon) {
26
- color: var(--sqm-warning-color-icon) !important;
25
+ .Warning #icon {
26
+ color: var(--sqm-warning-color-icon);
27
27
  font-size: 24px;
28
28
  }
29
29
 
@@ -33,8 +33,8 @@ sl-alert::part(base) {
33
33
  border-color: var(--sqm-success-color-border);
34
34
  }
35
35
 
36
- .Success::part(alert-icon) {
37
- color: var(--sqm-success-color-icon) !important;
36
+ .Success #icon {
37
+ color: var(--sqm-success-color-icon);
38
38
  font-size: 24px;
39
39
  }
40
40
 
@@ -44,8 +44,8 @@ sl-alert::part(base) {
44
44
  border-color: var(--sqm-informative-color-border);
45
45
  }
46
46
 
47
- .Info::part(alert-icon) {
48
- color: var(--sqm-informative-color-icon) !important;
47
+ .Info #icon {
48
+ color: var(--sqm-informative-color-icon);
49
49
  font-size: 24px;
50
50
  }
51
51
 
package/dist/collection/components/sqm-form-message/sqm-form-message.js CHANGED
@@ -13,22 +13,22 @@ export class FormMessage {
13
13
  render() {
14
14
  if (this.type === "error") {
15
15
  return (h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true },
16
- h("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }),
16
+ h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }),
17
17
  h("slot", null)));
18
18
  }
19
19
  else if (this.type === "info") {
20
- return (h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true },
21
- h("sl-icon", { slot: "icon", part: "alert-icon", name: `${this.icon ? this.icon : "info-circle"}` }),
20
+ return (h("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true },
21
+ h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }),
22
22
  h("slot", null)));
23
23
  }
24
24
  else if (this.type === "warning") {
25
25
  return (h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: "Warning", type: "warning", open: true },
26
- h("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }),
26
+ h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }),
27
27
  h("slot", null)));
28
28
  }
29
29
  else {
30
30
  return (h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true },
31
- h("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }),
31
+ h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }),
32
32
  h("slot", null)));
33
33
  }
34
34
  }
package/dist/collection/components/sqm-share-button/sqm-share-button-view.js CHANGED
@@ -5,7 +5,11 @@ const medium = {
5
5
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
6
6
  twitter: { color: "#000000", text: "#fff", icon: "twitter-x" },
7
7
  email: { color: "#666666", text: "#fff", icon: "envelope" },
8
- direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
8
+ direct: {
9
+ color: "var(--sqm-primary-button-background)",
10
+ text: "var(--sqm-primary-button-color)",
11
+ icon: "send",
12
+ },
9
13
  linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
10
14
  sms: { color: "#34DA50", text: "#fff", icon: "chat" },
11
15
  fbmessenger: { color: "#0084ff", text: "#fff", icon: "messenger" },
@@ -24,25 +28,6 @@ const style = {
24
28
  };
25
29
  const sheet = createStyleSheet(style);
26
30
  const styleString = sheet.toString();
27
- // TODO: Figure out hover and active states
28
- // *::part(base):hover {
29
- // border-color: ${
30
- // props.backgroundcolor
31
- // ? props.backgroundcolor
32
- // : props.medium
33
- // ? medium[props.medium].color
34
- // : ""
35
- // }!important;
36
- // }
37
- // *::part(base):focus {
38
- // border-color: ${
39
- // props.backgroundcolor
40
- // ? props.backgroundcolor
41
- // : props.medium
42
- // ? medium[props.medium].color
43
- // : ""
44
- // }!important;
45
- // }
46
31
  export function ShareButtonView(props, children) {
47
32
  const vanillaStyle = `
48
33
  sl-button::part(base) {
@@ -59,7 +44,9 @@ export function ShareButtonView(props, children) {
59
44
  : props.medium
60
45
  ? medium[props.medium].text
61
46
  : ""};
62
- border-radius: ${props.borderradius ? props.borderradius + "px" : ""};
47
+ border-radius: ${props.borderradius
48
+ ? props.borderradius + "px"
49
+ : "var(--sqm-primary-button-radius)"};
63
50
  }
64
51
 
65
52
 
package/dist/esm/{ShadowViewAddon-cbc08775.js → ShadowViewAddon-439a4d47.js} RENAMED
@@ -61,7 +61,11 @@ const medium = {
61
61
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
62
62
  twitter: { color: "#000000", text: "#fff", icon: "twitter-x" },
63
63
  email: { color: "#666666", text: "#fff", icon: "envelope" },
64
- direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
64
+ direct: {
65
+ color: "var(--sqm-primary-button-background)",
66
+ text: "var(--sqm-primary-button-color)",
67
+ icon: "send",
68
+ },
65
69
  linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
66
70
  sms: { color: "#34DA50", text: "#fff", icon: "chat" },
67
71
  fbmessenger: { color: "#0084ff", text: "#fff", icon: "messenger" },
@@ -80,25 +84,6 @@ const style = {
80
84
  };
81
85
  const sheet = createStyleSheet(style);
82
86
  const styleString = sheet.toString();
83
- // TODO: Figure out hover and active states
84
- // *::part(base):hover {
85
- // border-color: ${
86
- // props.backgroundcolor
87
- // ? props.backgroundcolor
88
- // : props.medium
89
- // ? medium[props.medium].color
90
- // : ""
91
- // }!important;
92
- // }
93
- // *::part(base):focus {
94
- // border-color: ${
95
- // props.backgroundcolor
96
- // ? props.backgroundcolor
97
- // : props.medium
98
- // ? medium[props.medium].color
99
- // : ""
100
- // }!important;
101
- // }
102
87
  function ShareButtonView(props, children) {
103
88
  const vanillaStyle = `
104
89
  sl-button::part(base) {
@@ -115,7 +100,9 @@ function ShareButtonView(props, children) {
115
100
  : props.medium
116
101
  ? medium[props.medium].text
117
102
  : ""};
118
- border-radius: ${props.borderradius ? props.borderradius + "px" : ""};
103
+ border-radius: ${props.borderradius
104
+ ? props.borderradius + "px"
105
+ : "var(--sqm-primary-button-radius)"};
119
106
  }
120
107
 
121
108
 
package/dist/esm/sqm-big-stat_44.entry.js CHANGED
@@ -21,7 +21,7 @@ import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
21
21
  import { u as usePortalLogin } from './usePortalLogin-e95df3c3.js';
22
22
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
23
23
  import { i as isEmpty } from './utilities-72c07b09.js';
24
- import { u as useDemoBigStat, U as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, j as RewardExchangeView, W as demoRewardExchange, J as useShareButton, a as ShareButtonView, K as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-cbc08775.js';
24
+ import { u as useDemoBigStat, U as useBigStat, B as BigStatView, C as CardFeedView, c as CheckboxFieldView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, V as withShadowView, L as LeaderboardView, N as NameFieldsView, f as ChangeMarktingView, P as PortalChangePasswordView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, d as PortalRegisterView, R as ReferralIframeView, j as RewardExchangeView, W as demoRewardExchange, J as useShareButton, a as ShareButtonView, K as useShareLink, S as StatContainerView, T as TaskCardView } from './ShadowViewAddon-439a4d47.js';
25
25
  import './sqm-portal-container-view-176e92e3.js';
26
26
  import { p as parseStates } from './parseStates-ed75e224.js';
27
27
  import { u as usePayoutStatus } from './usePayoutStatus-93462be3.js';
package/dist/esm/sqm-form-message.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
2
2
  import { n as h } from './dom-context-hooks.module-63370afd.js';
3
3
 
4
- const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error::part(alert-icon){color:var(--sqm-danger-color-icon) !important;font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning::part(alert-icon){color:var(--sqm-warning-color-icon) !important;font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success::part(alert-icon){color:var(--sqm-success-color-icon) !important;font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info::part(alert-icon){color:var(--sqm-informative-color-icon) !important;font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
4
+ const sqmFormMessageCss = "sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";
5
5
 
6
6
  const FormMessage = class {
7
7
  constructor(hostRef) {
@@ -12,16 +12,16 @@ const FormMessage = class {
12
12
  disconnectedCallback() { }
13
13
  render() {
14
14
  if (this.type === "error") {
15
- return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, h$1("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
15
+ return (h$1("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), h$1("slot", null)));
16
16
  }
17
17
  else if (this.type === "info") {
18
- return (h$1("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, h$1("sl-icon", { slot: "icon", part: "alert-icon", name: `${this.icon ? this.icon : "info-circle"}` }), h$1("slot", null)));
18
+ return (h$1("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), h$1("slot", null)));
19
19
  }
20
20
  else if (this.type === "warning") {
21
- return (h$1("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: "Warning", type: "warning", open: true }, h$1("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), h$1("slot", null)));
21
+ return (h$1("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: "Warning", type: "warning", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), h$1("slot", null)));
22
22
  }
23
23
  else {
24
- return (h$1("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, h$1("sl-icon", { part: "alert-icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), h$1("slot", null)));
24
+ return (h$1("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true }, h$1("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), h$1("slot", null)));
25
25
  }
26
26
  }
27
27
  };
package/dist/esm/sqm-stencilbook.entry.js CHANGED
@@ -28,7 +28,7 @@ import './utilities-72c07b09.js';
28
28
  import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-abef7286.js';
29
29
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-33805220.js';
30
30
  import { Q as QrCodeView } from './sqm-qr-code-view-97124a66.js';
31
- import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, R as ReferralIframeView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as useShareButton, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as ShadowViewAddon } from './ShadowViewAddon-cbc08775.js';
31
+ import { S as StatContainerView, B as BigStatView, a as ShareButtonView, P as PortalChangePasswordView, b as PoweredByImg$1, u as useDemoBigStat, T as TaskCardView, C as CardFeedView, c as CheckboxFieldView, d as PortalRegisterView, e as CouponCodeView, D as DropdownFieldView, E as EditProfileView, L as LeaderboardView, H as HeroView, I as InputFieldView, N as NameFieldsView, f as ChangeMarktingView, g as PortalFooterView, h as PortalForgotPasswordView, i as PortalFrameView, R as ReferralIframeView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as useShareButton, K as useShareLink, M as ProgressBarView, O as ProgressBar$2, Q as ShadowViewAddon } from './ShadowViewAddon-439a4d47.js';
32
32
  import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-176e92e3.js';
33
33
  import { I as InvoiceTableView, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView } from './IndirectTaxDetailsView-8e181f45.js';
34
34
  import { t as taxTypeToName, L as LoadingView } from './utils-325c4849.js';