@saasquatch/mint-components 1.15.0-42 → 1.15.0-44

package/dist/esm/{global-16971a34.js → global-2da1dcec.js}

@@ -25974,8 +25974,8 @@ function createStyleElement() {
   --teal-6: #0b6270;
   --teal-7: #004551;
 } */
-var _a$1, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89;
-console.log("The branding config is ", window.SquatchBrandingConfig);
+var _a$1, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90;
+console.log("The input hover color is ", (_a$1 = window.SquatchBrandingConfig.inputs) === null || _a$1 === void 0 ? void 0 : _a$1.hoverBorderColor);
 const style = `
 /* vietnamese */
 @font-face {
@@ -26466,6 +26466,8 @@ html {
   --sl-z-index-toast: 950;
   --sl-z-index-tooltip: 1000;
 }
+
+
   
 :root {
   --sqm-header-background: var(--sl-color-white);
@@ -26473,31 +26475,31 @@ html {
   --sqm-color-text-error: #e63717;
   --sqm-content-max-width: 700px;
   --sqm-content-background: var(--sl-color-white);
-  --sqm-portal-background: ${((_b = (_a$1 = window.SquatchBrandingConfig) === null || _a$1 === void 0 ? void 0 : _a$1.color) === null || _b === void 0 ? void 0 : _b.background) || "#121212"};
+  --sqm-portal-background: ${((_c = (_b = window.SquatchBrandingConfig) === null || _b === void 0 ? void 0 : _b.color) === null || _c === void 0 ? void 0 : _c.background) || "#121212"};
   --widget-background-color: var(--sl-color-white);
   --sqm-portal-main-width: 900px;
   --sqm-max-width: 100%;
-  
-  --sqm-text: ${((_c = window.SquatchBrandingConfig) === null || _c === void 0 ? void 0 : _c.font.textColor) || "white"};
-  --sqm-text-subdued: ${((_d = window.SquatchBrandingConfig) === null || _d === void 0 ? void 0 : _d.font.secondaryTextColor) || "#b3b3b3"};
-
-  --sqm-primary-color: ${((_f = (_e = window.SquatchBrandingConfig) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.primaryColor) || "#1ed760"};
-  --sqm-primary-button-background:${((_h = (_g = window.SquatchBrandingConfig) === null || _g === void 0 ? void 0 : _g.primaryButton) === null || _h === void 0 ? void 0 : _h.buttonColor) || "#1ed760"};
-  --sqm-primary-button-background-hover: ${((_k = (_j = window.SquatchBrandingConfig) === null || _j === void 0 ? void 0 : _j.primaryButton) === null || _k === void 0 ? void 0 : _k.hoverColor) || "#1ed760"};
-  --sqm-primary-button-color: ${((_m = (_l = window.SquatchBrandingConfig) === null || _l === void 0 ? void 0 : _l.primaryButton) === null || _m === void 0 ? void 0 : _m.buttonTextColor) || "#FFFFFF"};
-  --sqm-primary-button-color-border: ${((_p = (_o = window.SquatchBrandingConfig) === null || _o === void 0 ? void 0 : _o.primaryButton) === null || _p === void 0 ? void 0 : _p.buttonBorderColor) ||
+  --sqm-skeleton-background: #eee;
+  --sqm-text: ${((_d = window.SquatchBrandingConfig) === null || _d === void 0 ? void 0 : _d.font.textColor) || "white"};
+  --sqm-text-subdued: ${((_e = window.SquatchBrandingConfig) === null || _e === void 0 ? void 0 : _e.font.secondaryTextColor) || "#b3b3b3"};
+
+  --sqm-primary-color: ${((_g = (_f = window.SquatchBrandingConfig) === null || _f === void 0 ? void 0 : _f.color) === null || _g === void 0 ? void 0 : _g.primaryColor) || "#1ed760"};
+  --sqm-primary-button-background:${((_j = (_h = window.SquatchBrandingConfig) === null || _h === void 0 ? void 0 : _h.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonColor) || "#1ed760"};
+  --sqm-primary-button-background-hover: ${((_l = (_k = window.SquatchBrandingConfig) === null || _k === void 0 ? void 0 : _k.primaryButton) === null || _l === void 0 ? void 0 : _l.hoverColor) || "#1ed760"};
+  --sqm-primary-button-color: ${((_o = (_m = window.SquatchBrandingConfig) === null || _m === void 0 ? void 0 : _m.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonTextColor) || "#FFFFFF"};
+  --sqm-primary-button-color-border: ${((_q = (_p = window.SquatchBrandingConfig) === null || _p === void 0 ? void 0 : _p.primaryButton) === null || _q === void 0 ? void 0 : _q.buttonBorderColor) ||
   "transparent"};
-  --sqm-primary-button-radius: ${((_r = (_q = window.SquatchBrandingConfig) === null || _q === void 0 ? void 0 : _q.primaryButton) === null || _r === void 0 ? void 0 : _r.borderRadius) || "4px"};
+  --sqm-primary-button-radius: ${((_s = (_r = window.SquatchBrandingConfig) === null || _r === void 0 ? void 0 : _r.primaryButton) === null || _s === void 0 ? void 0 : _s.borderRadius) || "4px"};
 
 
-  --sqm-secondary-button-background: ${((_t = (_s = window.SquatchBrandingConfig) === null || _s === void 0 ? void 0 : _s.secondaryButton) === null || _t === void 0 ? void 0 : _t.buttonColor) || "#191414"};
-  --sqm-secondary-button-background-hover: ${((_v = (_u = window.SquatchBrandingConfig) === null || _u === void 0 ? void 0 : _u.secondaryButton) === null || _v === void 0 ? void 0 : _v.hoverColor) || "#282828"};
+  --sqm-secondary-button-background: ${((_u = (_t = window.SquatchBrandingConfig) === null || _t === void 0 ? void 0 : _t.secondaryButton) === null || _u === void 0 ? void 0 : _u.buttonColor) || "#191414"};
+  --sqm-secondary-button-background-hover: ${((_w = (_v = window.SquatchBrandingConfig) === null || _v === void 0 ? void 0 : _v.secondaryButton) === null || _w === void 0 ? void 0 : _w.hoverColor) || "#282828"};
 
   
-  --sqm-secondary-button-color: ${((_x = (_w = window.SquatchBrandingConfig) === null || _w === void 0 ? void 0 : _w.secondaryButton) === null || _x === void 0 ? void 0 : _x.buttonTextColor) || "#FFFFFF"};
-  --sqm-secondary-button-color-border: ${((_z = (_y = window.SquatchBrandingConfig) === null || _y === void 0 ? void 0 : _y.secondaryButton) === null || _z === void 0 ? void 0 : _z.buttonBorderColor) ||
+  --sqm-secondary-button-color: ${((_y = (_x = window.SquatchBrandingConfig) === null || _x === void 0 ? void 0 : _x.secondaryButton) === null || _y === void 0 ? void 0 : _y.buttonTextColor) || "#FFFFFF"};
+  --sqm-secondary-button-color-border: ${((_0 = (_z = window.SquatchBrandingConfig) === null || _z === void 0 ? void 0 : _z.secondaryButton) === null || _0 === void 0 ? void 0 : _0.buttonBorderColor) ||
   "#FFFFFF"};
-  --sqm-secondary-button-radius: ${((_1 = (_0 = window.SquatchBrandingConfig) === null || _0 === void 0 ? void 0 : _0.secondaryButton) === null || _1 === void 0 ? void 0 : _1.borderRadius) || "30px"};
+  --sqm-secondary-button-radius: ${((_2 = (_1 = window.SquatchBrandingConfig) === null || _1 === void 0 ? void 0 : _1.secondaryButton) === null || _2 === void 0 ? void 0 : _2.borderRadius) || "30px"};
 
   --sqm-tertiary-button-background: transparent;
   --sqm-tertiary-button-background-hover: var(--sqm-primary-color); 
@@ -26505,74 +26507,80 @@ html {
   --sqm-tertiary-button-color-border: transparent; 
   --sqm-tertiary-button-radius: 30px;
   
-  --sqm-border-radius-normal: ${((_3 = (_2 = window.SquatchBrandingConfig) === null || _2 === void 0 ? void 0 : _2.border) === null || _3 === void 0 ? void 0 : _3.radius) || "18px"}; 
-  --sqm-border-color: ${((_5 = (_4 = window.SquatchBrandingConfig) === null || _4 === void 0 ? void 0 : _4.border) === null || _5 === void 0 ? void 0 : _5.color) || "white"};
+  --sqm-border-radius-normal: ${((_4 = (_3 = window.SquatchBrandingConfig) === null || _3 === void 0 ? void 0 : _3.border) === null || _4 === void 0 ? void 0 : _4.radius) || "18px"}; 
+  --sqm-border-color: ${((_6 = (_5 = window.SquatchBrandingConfig) === null || _5 === void 0 ? void 0 : _5.border) === null || _6 === void 0 ? void 0 : _6.color) || "white"};
 
-  --sqm-border-thickness: ${((_7 = (_6 = window.SquatchBrandingConfig) === null || _6 === void 0 ? void 0 : _6.border) === null || _7 === void 0 ? void 0 : _7.thickness) || "1px"};
+  --sqm-border-thickness: ${((_8 = (_7 = window.SquatchBrandingConfig) === null || _7 === void 0 ? void 0 : _7.border) === null || _8 === void 0 ? void 0 : _8.thickness) || "1px"};
 
-  --sqm-accent-color-icon: ${((_10 = (_9 = (_8 = window.SquatchBrandingConfig) === null || _8 === void 0 ? void 0 : _8.color) === null || _9 === void 0 ? void 0 : _9.accentColorShades) === null || _10 === void 0 ? void 0 : _10.iconAndBadge) ||
+  --sqm-accent-color-icon: ${((_11 = (_10 = (_9 = window.SquatchBrandingConfig) === null || _9 === void 0 ? void 0 : _9.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.iconAndBadge) ||
   "#1ed760"};
-  --sqm-accent-color-text: ${((_13 = (_12 = (_11 = window.SquatchBrandingConfig) === null || _11 === void 0 ? void 0 : _11.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text) || "#fff"};    
-  --sqm-accent-color-border: ${((_16 = (_15 = (_14 = window.SquatchBrandingConfig) === null || _14 === void 0 ? void 0 : _14.color) === null || _15 === void 0 ? void 0 : _15.accentColorShades) === null || _16 === void 0 ? void 0 : _16.border) || "#1ed760"};
-  --sqm-accent-color-background: ${((_19 = (_18 = (_17 = window.SquatchBrandingConfig) === null || _17 === void 0 ? void 0 : _17.color) === null || _18 === void 0 ? void 0 : _18.accentColorShades) === null || _19 === void 0 ? void 0 : _19.background) ||
+  --sqm-accent-color-text: ${((_14 = (_13 = (_12 = window.SquatchBrandingConfig) === null || _12 === void 0 ? void 0 : _12.color) === null || _13 === void 0 ? void 0 : _13.accentColorShades) === null || _14 === void 0 ? void 0 : _14.text) || "#fff"};    
+  --sqm-accent-color-border: ${((_17 = (_16 = (_15 = window.SquatchBrandingConfig) === null || _15 === void 0 ? void 0 : _15.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.border) || "#1ed760"};
+  --sqm-accent-color-background: ${((_20 = (_19 = (_18 = window.SquatchBrandingConfig) === null || _18 === void 0 ? void 0 : _18.color) === null || _19 === void 0 ? void 0 : _19.accentColorShades) === null || _20 === void 0 ? void 0 : _20.background) ||
   "#0d4a27"};
 
-  --sqm-success-color-icon: ${((_22 = (_21 = (_20 = window.SquatchBrandingConfig) === null || _20 === void 0 ? void 0 : _20.color) === null || _21 === void 0 ? void 0 : _21.success) === null || _22 === void 0 ? void 0 : _22.iconAndBadge) ||
+  --sqm-success-color-icon: ${((_23 = (_22 = (_21 = window.SquatchBrandingConfig) === null || _21 === void 0 ? void 0 : _21.color) === null || _22 === void 0 ? void 0 : _22.success) === null || _23 === void 0 ? void 0 : _23.iconAndBadge) ||
   "var(--sl-color-success-600)"};
-  --sqm-success-color-text: ${((_25 = (_24 = (_23 = window.SquatchBrandingConfig) === null || _23 === void 0 ? void 0 : _23.color) === null || _24 === void 0 ? void 0 : _24.success) === null || _25 === void 0 ? void 0 : _25.text) ||
+  --sqm-success-color-text: ${((_26 = (_25 = (_24 = window.SquatchBrandingConfig) === null || _24 === void 0 ? void 0 : _24.color) === null || _25 === void 0 ? void 0 : _25.success) === null || _26 === void 0 ? void 0 : _26.text) ||
   "var(--sl-color-success-950)"};
-  --sqm-success-color-border: ${((_28 = (_27 = (_26 = window.SquatchBrandingConfig) === null || _26 === void 0 ? void 0 : _26.color) === null || _27 === void 0 ? void 0 : _27.success) === null || _28 === void 0 ? void 0 : _28.border) ||
+  --sqm-success-color-border: ${((_29 = (_28 = (_27 = window.SquatchBrandingConfig) === null || _27 === void 0 ? void 0 : _27.color) === null || _28 === void 0 ? void 0 : _28.success) === null || _29 === void 0 ? void 0 : _29.border) ||
   "var(--sl-color-success-400)"};
-  --sqm-success-color-background: ${((_31 = (_30 = (_29 = window.SquatchBrandingConfig) === null || _29 === void 0 ? void 0 : _29.color) === null || _30 === void 0 ? void 0 : _30.success) === null || _31 === void 0 ? void 0 : _31.background) ||
+  --sqm-success-color-background: ${((_32 = (_31 = (_30 = window.SquatchBrandingConfig) === null || _30 === void 0 ? void 0 : _30.color) === null || _31 === void 0 ? void 0 : _31.success) === null || _32 === void 0 ? void 0 : _32.background) ||
   "var(--sl-color-success-300)"};
   
-  --sqm-warning-color-icon: ${((_34 = (_33 = (_32 = window.SquatchBrandingConfig) === null || _32 === void 0 ? void 0 : _32.color) === null || _33 === void 0 ? void 0 : _33.warning) === null || _34 === void 0 ? void 0 : _34.iconAndBadge) ||
+  --sqm-warning-color-icon: ${((_35 = (_34 = (_33 = window.SquatchBrandingConfig) === null || _33 === void 0 ? void 0 : _33.color) === null || _34 === void 0 ? void 0 : _34.warning) === null || _35 === void 0 ? void 0 : _35.iconAndBadge) ||
   "var(--sl-color-warning-600)"};
-  --sqm-warning-color-text: ${((_37 = (_36 = (_35 = window.SquatchBrandingConfig) === null || _35 === void 0 ? void 0 : _35.color) === null || _36 === void 0 ? void 0 : _36.warning) === null || _37 === void 0 ? void 0 : _37.text) ||
+  --sqm-warning-color-text: ${((_38 = (_37 = (_36 = window.SquatchBrandingConfig) === null || _36 === void 0 ? void 0 : _36.color) === null || _37 === void 0 ? void 0 : _37.warning) === null || _38 === void 0 ? void 0 : _38.text) ||
   "var(--sl-color-warning-950)"};
-  --sqm-warning-color-border: ${((_40 = (_39 = (_38 = window.SquatchBrandingConfig) === null || _38 === void 0 ? void 0 : _38.color) === null || _39 === void 0 ? void 0 : _39.warning) === null || _40 === void 0 ? void 0 : _40.border) ||
+  --sqm-warning-color-border: ${((_41 = (_40 = (_39 = window.SquatchBrandingConfig) === null || _39 === void 0 ? void 0 : _39.color) === null || _40 === void 0 ? void 0 : _40.warning) === null || _41 === void 0 ? void 0 : _41.border) ||
   "var(--sl-color-warning-400)"};
-  --sqm-warning-color-background: ${((_43 = (_42 = (_41 = window.SquatchBrandingConfig) === null || _41 === void 0 ? void 0 : _41.color) === null || _42 === void 0 ? void 0 : _42.warning) === null || _43 === void 0 ? void 0 : _43.background) ||
+  --sqm-warning-color-background: ${((_44 = (_43 = (_42 = window.SquatchBrandingConfig) === null || _42 === void 0 ? void 0 : _42.color) === null || _43 === void 0 ? void 0 : _43.warning) === null || _44 === void 0 ? void 0 : _44.background) ||
   "var(--sl-color-warning-300)"};
 
-  --sqm-danger-color-icon: ${((_46 = (_45 = (_44 = window.SquatchBrandingConfig) === null || _44 === void 0 ? void 0 : _44.color) === null || _45 === void 0 ? void 0 : _45.critical) === null || _46 === void 0 ? void 0 : _46.iconAndBadge) ||
+  --sqm-danger-color-icon: ${((_47 = (_46 = (_45 = window.SquatchBrandingConfig) === null || _45 === void 0 ? void 0 : _45.color) === null || _46 === void 0 ? void 0 : _46.critical) === null || _47 === void 0 ? void 0 : _47.iconAndBadge) ||
   "var(--sl-color-danger-600)"};
-  --sqm-danger-color-text: ${((_49 = (_48 = (_47 = window.SquatchBrandingConfig) === null || _47 === void 0 ? void 0 : _47.color) === null || _48 === void 0 ? void 0 : _48.critical) === null || _49 === void 0 ? void 0 : _49.text) ||
+  --sqm-danger-color-text: ${((_50 = (_49 = (_48 = window.SquatchBrandingConfig) === null || _48 === void 0 ? void 0 : _48.color) === null || _49 === void 0 ? void 0 : _49.critical) === null || _50 === void 0 ? void 0 : _50.text) ||
   "var(--sl-color-danger-950)"};
-  --sqm-danger-color-border: ${((_52 = (_51 = (_50 = window.SquatchBrandingConfig) === null || _50 === void 0 ? void 0 : _50.color) === null || _51 === void 0 ? void 0 : _51.critical) === null || _52 === void 0 ? void 0 : _52.border) ||
+  --sqm-danger-color-border: ${((_53 = (_52 = (_51 = window.SquatchBrandingConfig) === null || _51 === void 0 ? void 0 : _51.color) === null || _52 === void 0 ? void 0 : _52.critical) === null || _53 === void 0 ? void 0 : _53.border) ||
   "var(--sl-color-danger-400)"};
-  --sqm-danger-color-background: ${((_55 = (_54 = (_53 = window.SquatchBrandingConfig) === null || _53 === void 0 ? void 0 : _53.color) === null || _54 === void 0 ? void 0 : _54.critical) === null || _55 === void 0 ? void 0 : _55.background) ||
+  --sqm-danger-color-background: ${((_56 = (_55 = (_54 = window.SquatchBrandingConfig) === null || _54 === void 0 ? void 0 : _54.color) === null || _55 === void 0 ? void 0 : _55.critical) === null || _56 === void 0 ? void 0 : _56.background) ||
   "var(--sl-color-danger-300)"};
 
-  --sqm-informative-color-icon: ${((_58 = (_57 = (_56 = window.SquatchBrandingConfig) === null || _56 === void 0 ? void 0 : _56.color) === null || _57 === void 0 ? void 0 : _57.informative) === null || _58 === void 0 ? void 0 : _58.iconAndBadge) ||
+  --sqm-informative-color-icon: ${((_59 = (_58 = (_57 = window.SquatchBrandingConfig) === null || _57 === void 0 ? void 0 : _57.color) === null || _58 === void 0 ? void 0 : _58.informative) === null || _59 === void 0 ? void 0 : _59.iconAndBadge) ||
   "var(--sl-color-sky-600)"};
-  --sqm-informative-color-text: ${((_61 = (_60 = (_59 = window.SquatchBrandingConfig) === null || _59 === void 0 ? void 0 : _59.color) === null || _60 === void 0 ? void 0 : _60.informative) === null || _61 === void 0 ? void 0 : _61.text) ||
+  --sqm-informative-color-text: ${((_62 = (_61 = (_60 = window.SquatchBrandingConfig) === null || _60 === void 0 ? void 0 : _60.color) === null || _61 === void 0 ? void 0 : _61.informative) === null || _62 === void 0 ? void 0 : _62.text) ||
   "var(--sl-color-sky-950)"};
-  --sqm-informative-color-border: ${((_64 = (_63 = (_62 = window.SquatchBrandingConfig) === null || _62 === void 0 ? void 0 : _62.color) === null || _63 === void 0 ? void 0 : _63.informative) === null || _64 === void 0 ? void 0 : _64.border) ||
+  --sqm-informative-color-border: ${((_65 = (_64 = (_63 = window.SquatchBrandingConfig) === null || _63 === void 0 ? void 0 : _63.color) === null || _64 === void 0 ? void 0 : _64.informative) === null || _65 === void 0 ? void 0 : _65.border) ||
   "var(--sl-color-sky-400)"};
-  --sqm-informative-color-background: ${((_67 = (_66 = (_65 = window.SquatchBrandingConfig) === null || _65 === void 0 ? void 0 : _65.color) === null || _66 === void 0 ? void 0 : _66.informative) === null || _67 === void 0 ? void 0 : _67.background) ||
+  --sqm-informative-color-background: ${((_68 = (_67 = (_66 = window.SquatchBrandingConfig) === null || _66 === void 0 ? void 0 : _66.color) === null || _67 === void 0 ? void 0 : _67.informative) === null || _68 === void 0 ? void 0 : _68.background) ||
   "var(--sl-color-sky-300)"};
 
-  --sqm-input-background: ${((_69 = (_68 = window.SquatchBrandingConfig) === null || _68 === void 0 ? void 0 : _68.inputs) === null || _69 === void 0 ? void 0 : _69.background) || "#fff"};
-  --sqm-input-border-color: ${((_71 = (_70 = window.SquatchBrandingConfig) === null || _70 === void 0 ? void 0 : _70.inputs) === null || _71 === void 0 ? void 0 : _71.borderColor) || "#eaeaea"};
-  --sqm-input-border-radius: ${((_73 = (_72 = window.SquatchBrandingConfig) === null || _72 === void 0 ? void 0 : _72.inputs) === null || _73 === void 0 ? void 0 : _73.borderRadius) || "4px"};
-  --sqm-input-color: ${((_75 = (_74 = window.SquatchBrandingConfig) === null || _74 === void 0 ? void 0 : _74.inputs) === null || _75 === void 0 ? void 0 : _75.textColor) || "#000"};
-  --sqm-input-label-color: ${((_77 = (_76 = window.SquatchBrandingConfig) === null || _76 === void 0 ? void 0 : _76.inputs) === null || _77 === void 0 ? void 0 : _77.labelColor) || "#000"};
-  --sqm-border-width: ${((_79 = (_78 = window.SquatchBrandingConfig) === null || _78 === void 0 ? void 0 : _78.inputs) === null || _79 === void 0 ? void 0 : _79.borderThickness) || "1px"};
-  --sqm-border-color-focus: ${((_81 = (_80 = window.SquatchBrandingConfig) === null || _80 === void 0 ? void 0 : _80.inputs) === null || _81 === void 0 ? void 0 : _81.focusBorderColor) || "#eaeaea"};
-  --sqm-border-color-hover: ${((_83 = (_82 = window.SquatchBrandingConfig) === null || _82 === void 0 ? void 0 : _82.inputs) === null || _83 === void 0 ? void 0 : _83.hoverBorderColor) || "#ccc"};
-  --sqm-input-label-font-size: ${((_85 = (_84 = window.SquatchBrandingConfig) === null || _84 === void 0 ? void 0 : _84.inputs) === null || _85 === void 0 ? void 0 : _85.labelFontSize) || "18px"};
-  --sqm-input-disabled-color: ${((_87 = (_86 = window.SquatchBrandingConfig) === null || _86 === void 0 ? void 0 : _86.inputs) === null || _87 === void 0 ? void 0 : _87.labelFontSize) || "#fff"};
-  --sqm-input-disabled-background: ${((_89 = (_88 = window.SquatchBrandingConfig) === null || _88 === void 0 ? void 0 : _88.inputs) === null || _89 === void 0 ? void 0 : _89.disabledBackground) || "#fff"};
+  --sqm-input-background: ${((_70 = (_69 = window.SquatchBrandingConfig) === null || _69 === void 0 ? void 0 : _69.inputs) === null || _70 === void 0 ? void 0 : _70.background) || "#fff"};
+  --sqm-input-border-color: ${((_72 = (_71 = window.SquatchBrandingConfig) === null || _71 === void 0 ? void 0 : _71.inputs) === null || _72 === void 0 ? void 0 : _72.borderColor) || "#eaeaea"};
+  --sqm-input-border-radius: ${((_74 = (_73 = window.SquatchBrandingConfig) === null || _73 === void 0 ? void 0 : _73.inputs) === null || _74 === void 0 ? void 0 : _74.borderRadius) || "4px"};
+  --sqm-input-color: ${((_76 = (_75 = window.SquatchBrandingConfig) === null || _75 === void 0 ? void 0 : _75.inputs) === null || _76 === void 0 ? void 0 : _76.textColor) || "#000"};
+  --sqm-input-label-color: ${((_78 = (_77 = window.SquatchBrandingConfig) === null || _77 === void 0 ? void 0 : _77.inputs) === null || _78 === void 0 ? void 0 : _78.labelColor) || "#000"};
+  --sqm-border-width: ${((_80 = (_79 = window.SquatchBrandingConfig) === null || _79 === void 0 ? void 0 : _79.inputs) === null || _80 === void 0 ? void 0 : _80.borderThickness) || "1px"};
+  --sqm-input-border-color-focus: ${((_82 = (_81 = window.SquatchBrandingConfig) === null || _81 === void 0 ? void 0 : _81.inputs) === null || _82 === void 0 ? void 0 : _82.focusBorderColor) || "#eaeaea"};
+  --sqm-input-border-color-hover: ${((_84 = (_83 = window.SquatchBrandingConfig) === null || _83 === void 0 ? void 0 : _83.inputs) === null || _84 === void 0 ? void 0 : _84.hoverBorderColor) || "#ccc"};
+  --sqm-input-label-font-size: ${((_86 = (_85 = window.SquatchBrandingConfig) === null || _85 === void 0 ? void 0 : _85.inputs) === null || _86 === void 0 ? void 0 : _86.labelFontSize) || "18px"};
+  --sqm-input-disabled-color: ${((_88 = (_87 = window.SquatchBrandingConfig) === null || _87 === void 0 ? void 0 : _87.inputs) === null || _88 === void 0 ? void 0 : _88.labelFontSize) || "#fff"};
+  --sqm-input-disabled-background: ${((_90 = (_89 = window.SquatchBrandingConfig) === null || _89 === void 0 ? void 0 : _89.inputs) === null || _90 === void 0 ? void 0 : _90.disabledBackground) || "#fff"};
+
+  --sl-color-primary-100: var(--sqm-primary-color);
+  --sl-color-primary-200: var(--sqm-primary-color);
+  --sl-color-primary-300: var(--sqm-primary-color);
+  --sl-color-primary-400: var(--sqm-primary-color);
+  --sl-color-primary-500: var(--sqm-primary-color);
 
   --sl-input-border-radius-medium: var(--sqm-input-border-radius, var(--sqm-border-radius-normal));
   --sl-input-color-hover: var(--sqm-input-color-hover);
   --sl-input-color-focus: var(--sqm-input-color-focus);
   --sl-input-color-disabled: var(--sqm-input-disabled-color);
   --sl-input-border-color-disabled: #7c7c7c;
-  --sl-input-border-color-focus: var(--sqm-input-border-color-focus, white);
+  --sl-input-border-color-focus: var(--sqm-input-border-color-focus, #999999);
   --sl-input-border-color: var(--sqm-input-border-color, #7c7c7c);
-  --sl-input-border-color-hover: var(--sqm-input-border-color-hover, white); 
+  --sl-input-border-color-hover: var(--sqm-input-border-color-hover, #999999); 
   --sl-input-background-color-focus: var(--sqm-input-background, #ffffff);
   --sl-input-border-radius: var(--sqm-input-border-radius, var(--sqm-border-radius-normal));
   --sl-input-background-color: var(--sqm-input-background, #ffffff);
@@ -26726,7 +26734,8 @@ sl-details::part(summary) {
   margin: 0px;
 }
 
-*::part(primarybutton-base){
+*::part(primarybutton-base),
+sl-button[type="primary"]::part(base) {
   width: 100%;
   background-color: var(--sqm-primary-button-background) !important;
   color: var(--sqm-primary-button-color);
@@ -26734,22 +26743,27 @@ sl-details::part(summary) {
   border-radius: var(--sqm-primary-button-radius);
 }
 
-*::part(primarybutton-base):hover{
+*::part(primarybutton-base):hover,
+sl-button[type="primary"]::part(base):hover{
   background-color: var(--sqm-primary-button-background-hover);
 }
 
-*::part(primarybutton-base):focus{
+
+*::part(primarybutton-base):focus,
+sl-button[type="primary"]::part(base):focus {
   box-shadow: none;
 }
 
-*::part(secondarybutton-base){
+*::part(secondarybutton-base),
+sl-button[type="secondary"]::part(base) {
   background-color: var(--sqm-secondary-button-background);
   color: var(--sqm-secondary-button-color);
   border-color: var(--sqm-secondary-button-color-border);
   border-radius: var(--sqm-secondary-button-radius);
 }
 
-*::part(secondarybutton-base):hover{
+*::part(secondarybutton-base):hover,
+sl-button[type="secondary"]::part(base):hover {
   background-color: var(--sqm-secondary-button-background-hover);
 }
 
@@ -26844,7 +26858,6 @@ sl-icon::part(base):hover {
 
 
 
-
 `;
 
 U(l$1);

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-b3a06de8.js';
 import './stencil-hooks.module-20ad2b5f.js';
-import './global-16971a34.js';
+import './global-2da1dcec.js';
 import './index.module-d49ae5e7.js';
 
 /*

package/dist/esm/mint-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-b3a06de8.js';
 import './stencil-hooks.module-20ad2b5f.js';
-import './global-16971a34.js';
+import './global-2da1dcec.js';
 import './index.module-d49ae5e7.js';
 
 /*

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host, g as getElement } from './index-b3a06de8.js';
 import { m as useRef, k as useState, f as useEffect, n as h$1, l, u as useMemo, b as browser, j as useReducer } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, q as En, u as useCallback, R as Rn, M as Mn, I as In, S as Sn } from './index.module-d49ae5e7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -14,7 +14,7 @@ import { l as luxon } from './luxon-793b7f13.js';
 import { g as generateUserError } from './useReferralTable-c1511d9d.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';
 import { E as ErrorView } from './ErrorView-eaafd6f5.js';
-import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-e43241aa.js';
+import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-df370e4a.js';
 import { e as extractProps } from './extractProps-ae1afbb3.js';
 import { b as VERIFICATION_EVENT_KEY, V as VERIFICATION_EMAIL_NAMESPACE, S as SHOW_CODE_NAMESPACE, a as VERIFICATION_PARENT_NAMESPACE } from './keys-406491dc.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-3768c8c3.js';
@@ -748,20 +748,20 @@ const style = {
     width: "16px",
     height: "16px",
     borderRadius: "50%",
-    background: "var(--sl-color-gray-200)",
+    background: "var(--sqm-skeleton-background)",
   },
   SmallSkeleton: {
     width: "100px",
     height: "16px",
     borderRadius: "50px",
-    background: "var(--sl-color-gray-200)",
+    background: "var(--sqm-skeleton-background)",
   },
   LargeSkeleton: {
     width: "100%",
     maxWidth: "320px",
     height: "40px",
     borderRadius: "50px",
-    background: "var(--sl-color-gray-200)",
+    background: "var(--sqm-skeleton-background)",
   },
   InfoWarningIcon: {
     height: "26px",
@@ -2237,7 +2237,7 @@ const style$2 = {
     gap: "10px",
     margin: "auto",
     textAlign: "center",
-    border: "1px solid var(--sl-color-gray-200)",
+    border: "1px solid var(--sqm-border-color)",
     justifyContent: "center",
   },
   MessageContainer: {
@@ -3981,6 +3981,22 @@ const style$5 = {
       margin: 0,
     },
   },
+  SuccessBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-success-color-icon)",
+      color: "var(--sqm-success-color-text)",
+    },
+  },
+  PrimaryBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-informative-color-icon)",
+      color: "var(--sqm-informative-color-text)",
+    },
+  },
   AlertContent: {
     display: "flex",
     alignItems: "flex-start",
@@ -4008,13 +4024,14 @@ function PayoutDetailsCardView(props) {
   };
   const renderStatusBadge = (status, statusBadgeText) => {
     const badgeType = status === "nextPayout" ? "success" : "primary";
+    const badgeClass = badgeType === "success" ? classes.SuccessBadge : classes.PrimaryBadge;
     const statusText = intl.formatMessage({
       id: "badgeText",
       defaultMessage: statusBadgeText,
     }, {
       badgeText: status,
     });
-    return (h("sl-badge", { pill: true, type: badgeType }, statusText));
+    return (h("sl-badge", { pill: true, class: badgeClass }, statusText));
   };
   const thresholdText = intl.formatMessage({
     id: "thresholdText",

package/dist/esm/sqm-big-stat_42.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-b3a06de8.js';
 import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { i as isDemo, _ as _$1, d as dist, J, H, $ as $e, w as wn, B, L, y as yn, j as jn, r as Ue, V as Ve, u as useCallback, Q as Qe, k as kn } from './index.module-d49ae5e7.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -8,17 +8,18 @@ import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './useReferralCodes-0b798295.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-38c7c3d5.js';
+import { C as CopyTextView } from './copy-text-view-6dec9902.js';
 import { a as useRequestRerender } from './re-render-789f9123.js';
 import { u as useChildElements } from './useChildElements-0ca9a015.js';
 import './luxon-793b7f13.js';
 import './sqm-text-span-view-4c17b8c9.js';
 import { p as pathToRegexp } from './index-ffa26b43.js';
 import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-2db047e9.js';
-import { u as usePortalLogin, P as PortalLoginView } from './usePortalLogin-2b813acc.js';
+import { P as PortalLoginView } from './sqm-portal-login-view-7670cd86.js';
+import { u as usePortalLogin } from './usePortalLogin-6b1951c6.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 import { i as isEmpty } from './utilities-6341d9fd.js';
-import { b as useDemoBigStat, Q as useBigStat, B as BigStatView, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, V as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-173ce794.js';
+import { b as useDemoBigStat, Q as useBigStat, B as BigStatView, J as CardFeedView, i as CheckboxFieldView, K as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, U as withShadowView, L as LeaderboardView, N as NameFieldsView, C as ChangeMarktingView, d as PortalChangePasswordView, h as PortalFooterView, P as PortalFrameView, e as PortalRegisterView, R as ReferralIframeView, V as demoRewardExchange, j as RewardExchangeView, a as useShareButton, S as ShareButtonView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-d59ef625.js';
 import './sqm-portal-container-view-f0b1ccfc.js';
 import { u as usePayoutStatus } from './usePayoutStatus-3768c8c3.js';
 
@@ -581,11 +582,12 @@ const SqmBrandSelector = class {
             max-width: 350px;
             overflow: hidden;
             padding: 10px;
-            position: absolute;
+            position: fixed;
             bottom: 0;
             right: 0;
             z-index: 999999;
             border: 1px solid #ccc;
+            margin: 10px;
           }
 
           .card-heading {
@@ -595,6 +597,7 @@ const SqmBrandSelector = class {
             padding-bottom: 10px;
             color: black;
             margin: 0;
+            font-size: 16px;
           }
 
           .segmented-control-container {
@@ -614,7 +617,7 @@ const SqmBrandSelector = class {
             align-items: center;
             justify-content: center;
             flex: 1;
-            padding: 4px 8px; /* Fixed spacing syntax */
+            padding: 0px 8px; 
             cursor: pointer;
             transition: all 300ms ease-in-out;
             border-radius: 9999px;
@@ -3349,7 +3352,7 @@ const PortalLogin = class {
     const content = {
       forgotPasswordButton: (h$1("slot", { name: "forgotPassword" }, h$1("a", { onClick: () => jn.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
       googleButton: null,
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("sl-button", { exportparts: "base: tertiarybutton-base", type: "text", disabled: states.loading, onClick: () => jn.push(states.registerPath) }, this.registerLabel))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("style", null, styleString), h$1("sl-button", { exportparts: "base: secondarybutton-base", type: "text", disabled: states.loading, onClick: () => jn.push(states.registerPath) }, this.registerLabel))),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,

package/dist/esm/sqm-email-verification.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance } from './index-b3a06de8.js';
 import { k as useState, f as useEffect, n as h$1 } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { d as dist, t as Pn, w as wn, J, $ as $e, i as isDemo, q as En } from './index.module-d49ae5e7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';

package/dist/esm/sqm-empty_4.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-b3a06de8.js';
 import { n as h$1 } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import './index.module-d49ae5e7.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/{sqm-invoice-table-view-e43241aa.js → sqm-invoice-table-view-df370e4a.js}

@@ -1,5 +1,5 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { E as ErrorView } from './ErrorView-eaafd6f5.js';
 

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { n as h } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { d as dist, H, J, w as wn, i as isDemo } from './index.module-d49ae5e7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-18baae5b.js';

package/dist/esm/{sqm-navigation-sidebar-item-view-48b224fa.js → sqm-navigation-sidebar-item-view-30c52ccd.js}

@@ -4,10 +4,10 @@ import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f750863a.js';
 
 function NavigationSidebarItemView(props) {
-  const { states, data } = props;
+  const { states, data, padding = "x-small" } = props;
   const backgroundColor = props.backgroundColor || "var(--sqm-portal-background)";
-  const backgroundHoverColor = props.backgroundHoverColor || "var(--sl-color-gray-50)";
-  const backgroundFocusedColor = props.backgroundFocusedColor || "var(--sl-color-gray-200)";
+  const backgroundHoverColor = props.backgroundHoverColor || "var(--sqm-accent-color-background)";
+  const backgroundFocusedColor = props.backgroundFocusedColor || "var(--sqm-primary-color)";
   const textFocusedColor = props.textFocusedColor || "var(--sqm-text)";
   const style = {
     ItemContainer: {
@@ -15,8 +15,8 @@ function NavigationSidebarItemView(props) {
       "background-color": `${states.active ? backgroundFocusedColor : backgroundColor}`,
       borderRadius: props.borderRadius
         ? `${props.borderRadius}px`
-        : "var(--sl-border-radius-large)",
-      padding: `var(--sl-spacing-${props.padding})`,
+        : "var(--sqm-border-radius-normal)",
+      padding: `var(--sl-spacing-${padding})`,
       "text-decoration": "none",
       color: states.active
         ? textFocusedColor

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -5,7 +5,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-48b224fa.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-30c52ccd.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/sqm-pagination_3.entry.js

@@ -1,13 +1,13 @@
 import { h, F as Fragment, r as registerInstance } from './index-b3a06de8.js';
 import { n as h$1, k as useState } from './stencil-hooks.module-20ad2b5f.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-d49ae5e7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-0b798295.js';
 import './mixins-f750863a.js';
-import { C as CopyTextView } from './copy-text-view-38c7c3d5.js';
+import { C as CopyTextView } from './copy-text-view-6dec9902.js';
 
 const style = {
   Container: {

package/dist/esm/{sqm-portal-email-verification-view-7ac99890.js → sqm-portal-email-verification-view-e38ec8cc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-16971a34.js';
+import { i as intl } from './global-2da1dcec.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f750863a.js';
 import { T as TextSpanView } from './sqm-text-span-view-4c17b8c9.js';

package/dist/esm/sqm-portal-email-verification.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-b3a06de8.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-20ad2b5f.js';
-import './global-16971a34.js';
+import './global-2da1dcec.js';
 import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-d49ae5e7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
 import './sqm-text-span-view-4c17b8c9.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-7ac99890.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e38ec8cc.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-2628bc62.js → sqm-portal-forgot-password-view-dc6b4f26.js}

@@ -13,13 +13,14 @@ const vanillaStyle = `
 }
 `;
 function PortalForgotPasswordView(props) {
-  const { states, callbacks, content, styles } = props;
+  const { states, callbacks, content } = props;
   const style = {
     FormWrapper: {
       ...AuthWrapper,
-      background: styles.backgroundColor,
-      borderRadius: styles.borderRadius,
-      border: styles.border,
+      background: content.backgroundColor || "var(--sqm-portal-background)",
+      borderRadius: content.borderRadius || "var(--sqm-border-radius-normal)",
+      border: content.border ||
+        "var(--sqm-border-thickness) solid var(--sqm-border-color)",
     },
     Column: { ...AuthColumn },
     ButtonsContainer: AuthButtonsContainer,
@@ -35,7 +36,7 @@ function PortalForgotPasswordView(props) {
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    h(TextSpanView, { textColor: styles.textColor, type: "h3" }, content.messageSlot),
+    h(TextSpanView, { type: "h3" }, content.messageSlot),
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
@@ -44,7 +45,7 @@ function PortalForgotPasswordView(props) {
       h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        h("sl-button", { type: "text", exportparts: "base: tertiarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => jn.push(states.loginPath) }, content.loginText)))));
+        h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => jn.push(states.loginPath) }, content.loginText)))));
 }
 
 export { PortalForgotPasswordView as P };