@saasquatch/mint-components 1.15.0-54 → 1.15.0-56

package/dist/cjs/{IndirectTaxDetailsView-468f68df.js → IndirectTaxDetailsView-327a5fbb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const JSS = require('./JSS-8503a151.js');
-const utils = require('./utils-001551de.js');
+const utils = require('./utils-2a58ebaa.js');
 
 const style = {
   Description: {

package/dist/cjs/{ShadowViewAddon-5147ed3b.js → ShadowViewAddon-ff75ab64.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -1796,7 +1796,7 @@ function TaskCardView(props) {
       width: "100%",
       "& .main": {
         position: "relative",
-        boxSizing: "border-sizing",
+        boxSizing: "border-box",
         background: content.backgroundColor || "var(--sqm-portal-background)",
         border: `1px solid ${content.borderColor || "var(--sqm-border-color)"}`,
         borderRadius: "var(--sqm-border-radius-normal)",
@@ -1811,7 +1811,7 @@ function TaskCardView(props) {
       },
       "& .main.expired": {
         color: content.textColor || "var(--sqm-text)",
-        background: content.backgroundColor || "var(--sl-color-neutral-50)",
+        opacity: "0.8",
       },
       "& .title": {
         fontSize: "var(--sl-font-size-medium)",

package/dist/cjs/{global-f14cf663.js → global-5dd02132.js}

@@ -26486,10 +26486,10 @@ html {
   --sqm-text-subdued: ${(_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText};
 
   --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#1ed760"};
-  --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#1ed760"};
+  --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#ff6347"};
   --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#1ed760"};
   --sqm-primary-button-color-hover: ${(_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label};
-  --sqm-primary-button-border-color-hover: ${(_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border};
+  --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "#ff6347"};
   --sqm-primary-button-color: ${((_r = (_q = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _q === void 0 ? void 0 : _q.buttonColor) === null || _r === void 0 ? void 0 : _r.label) || "#FFFFFF"};
   --sqm-primary-button-color-border: ${((_t = (_s = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _s === void 0 ? void 0 : _s.buttonColor) === null || _t === void 0 ? void 0 : _t.border) || "transparent"};
   --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) + "px"};
@@ -26506,10 +26506,10 @@ html {
 
   --sqm-border-thickness: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderThickness) + "px"};
 
-  --sqm-accent-color-icon: ${((_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon) || "#1ed760"};
-  --sqm-accent-color-text: ${((_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text) || "#fff"};    
-  --sqm-accent-color-border: ${((_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border) || "#1ed760"};
-  --sqm-accent-color-background: ${((_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.background) || "#0d4a27"};
+  --sqm-accent-color-icon: ${(_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon};
+  --sqm-accent-color-text: ${(_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text};    
+  --sqm-accent-color-border: ${(_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border};
+  --sqm-accent-color-background: ${(_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.background};
 
   --sqm-success-color-icon: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.success) === null || _19 === void 0 ? void 0 : _19.iconAndBadge) || "var(--sl-color-success-600)"};
   --sqm-success-color-text: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.success) === null || _21 === void 0 ? void 0 : _21.text) || "var(--sl-color-success-950)"};
@@ -26596,11 +26596,11 @@ body {
   color: var(--sqm-text);
   line-height: var(--sl-line-height-normal);
   margin: 0;
-  background-color: var(--sqm-portal-background) !important;
+  background-color: var(--sqm-portal-background);
 }
 
 .story-div {
-  background: var(--sqm-portal-background) !important;
+  background: var(--sqm-portal-background);
   color: var(--sqm-text) !important;
 }
 
@@ -26712,7 +26712,7 @@ sl-details::part(summary) {
 *::part(primarybutton-base),
 sl-button[type="primary"]::part(base) {
   width: 100%;
-  background-color: var(--sqm-primary-button-background) !important;
+  background-color: var(--sqm-primary-button-background);
   color: var(--sqm-primary-button-color);
   border-color: var(--sqm-primary-button-color-border);
   border-radius: var(--sqm-primary-button-radius);

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-f14cf663.js');
+require('./global-5dd02132.js');
 require('./dom-context-hooks.module-7fa676ae.js');
 require('./index.module-4f54e412.js');
 

package/dist/cjs/mint-components.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-require('./global-f14cf663.js');
+require('./global-5dd02132.js');
 require('./dom-context-hooks.module-7fa676ae.js');
 require('./index.module-4f54e412.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
@@ -16,8 +16,8 @@ const reRender = require('./re-render-d516138a.js');
 const useChildElements = require('./useChildElements-966c9041.js');
 const luxon = require('./luxon-949beaf2.js');
 const useReferralTable = require('./useReferralTable-90d4d6e9.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-468f68df.js');
-const utils$1 = require('./utils-001551de.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-327a5fbb.js');
+const utils$1 = require('./utils-2a58ebaa.js');
 const data = require('./data-d4339c2e.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
@@ -23,7 +23,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const usePortalLogin = require('./usePortalLogin-1c022d8d.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-9a0c5e91.js');
-const ShadowViewAddon = require('./ShadowViewAddon-5147ed3b.js');
+const ShadowViewAddon = require('./ShadowViewAddon-ff75ab64.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
 

package/dist/cjs/sqm-code-verification.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 require('./index.module-4f54e412.js');
 const utils = require('./utils-6847bc06.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/{sqm-portal-email-verification-view-2569d547.js → sqm-portal-email-verification-view-93b8caa6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-f14cf663.js');
+require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2569d547.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-93b8caa6.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-profile-view-eedc2c88.js → sqm-portal-profile-view-63b34f11.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-f14cf663.js');
+require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-eedc2c88.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-63b34f11.js');
 const utilities = require('./utilities-9a0c5e91.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-f14cf663.js');
+require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 require('./cjs-1066ec21.js');
@@ -23,21 +23,21 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js'
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-50ee8796.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-ec7a5c53.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2569d547.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-93b8caa6.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0a8d3243.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-eedc2c88.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-63b34f11.js');
 require('./utilities-9a0c5e91.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 const ErrorView = require('./ErrorView-5504c2b6.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-2cca145e.js');
-const ShadowViewAddon = require('./ShadowViewAddon-5147ed3b.js');
+const ShadowViewAddon = require('./ShadowViewAddon-ff75ab64.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-468f68df.js');
-const utils = require('./utils-001551de.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-327a5fbb.js');
+const utils = require('./utils-2a58ebaa.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-f14cf663.js');
+require('./global-5dd02132.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils$1 = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const ErrorView = require('./ErrorView-5504c2b6.js');
-const utils = require('./utils-001551de.js');
+const utils = require('./utils-2a58ebaa.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
 const data = require('./data-d4339c2e.js');
 

package/dist/cjs/{utils-001551de.js → utils-2a58ebaa.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-f14cf663.js');
+const global = require('./global-5dd02132.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

package/dist/collection/components/sqm-task-card/sqm-task-card-view.js

@@ -16,7 +16,7 @@ export function TaskCardView(props) {
       width: "100%",
       "& .main": {
         position: "relative",
-        boxSizing: "border-sizing",
+        boxSizing: "border-box",
         background: content.backgroundColor || "var(--sqm-portal-background)",
         border: `1px solid ${content.borderColor || "var(--sqm-border-color)"}`,
         borderRadius: "var(--sqm-border-radius-normal)",
@@ -31,7 +31,7 @@ export function TaskCardView(props) {
       },
       "& .main.expired": {
         color: content.textColor || "var(--sqm-text)",
-        background: content.backgroundColor || "var(--sl-color-neutral-50)",
+        opacity: "0.8",
       },
       "& .title": {
         fontSize: "var(--sl-font-size-medium)",

package/dist/collection/global/styles.js

@@ -580,10 +580,10 @@ html {
   --sqm-text-subdued: ${(_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText};
 
   --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#1ed760"};
-  --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#1ed760"};
+  --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#ff6347"};
   --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#1ed760"};
   --sqm-primary-button-color-hover: ${(_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label};
-  --sqm-primary-button-border-color-hover: ${(_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border};
+  --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "#ff6347"};
   --sqm-primary-button-color: ${((_r = (_q = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _q === void 0 ? void 0 : _q.buttonColor) === null || _r === void 0 ? void 0 : _r.label) || "#FFFFFF"};
   --sqm-primary-button-color-border: ${((_t = (_s = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _s === void 0 ? void 0 : _s.buttonColor) === null || _t === void 0 ? void 0 : _t.border) || "transparent"};
   --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) + "px"};
@@ -600,10 +600,10 @@ html {
 
   --sqm-border-thickness: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderThickness) + "px"};
 
-  --sqm-accent-color-icon: ${((_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon) || "#1ed760"};
-  --sqm-accent-color-text: ${((_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text) || "#fff"};    
-  --sqm-accent-color-border: ${((_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border) || "#1ed760"};
-  --sqm-accent-color-background: ${((_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.background) || "#0d4a27"};
+  --sqm-accent-color-icon: ${(_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon};
+  --sqm-accent-color-text: ${(_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text};    
+  --sqm-accent-color-border: ${(_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border};
+  --sqm-accent-color-background: ${(_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.background};
 
   --sqm-success-color-icon: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.success) === null || _19 === void 0 ? void 0 : _19.iconAndBadge) || "var(--sl-color-success-600)"};
   --sqm-success-color-text: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.success) === null || _21 === void 0 ? void 0 : _21.text) || "var(--sl-color-success-950)"};
@@ -690,11 +690,11 @@ body {
   color: var(--sqm-text);
   line-height: var(--sl-line-height-normal);
   margin: 0;
-  background-color: var(--sqm-portal-background) !important;
+  background-color: var(--sqm-portal-background);
 }
 
 .story-div {
-  background: var(--sqm-portal-background) !important;
+  background: var(--sqm-portal-background);
   color: var(--sqm-text) !important;
 }
 
@@ -806,7 +806,7 @@ sl-details::part(summary) {
 *::part(primarybutton-base),
 sl-button[type="primary"]::part(base) {
   width: 100%;
-  background-color: var(--sqm-primary-button-background) !important;
+  background-color: var(--sqm-primary-button-background);
   color: var(--sqm-primary-button-color);
   border-color: var(--sqm-primary-button-color-border);
   border-radius: var(--sqm-primary-button-radius);

package/dist/collection/global/styles.ts

@@ -578,9 +578,7 @@ html {
   --sqm-color-text-error: #e63717;
   --sqm-content-max-width: 700px;
   --sqm-content-background: var(--sl-color-white);
-  --sqm-portal-background: ${
-    config?.color?.backgroundColor
-  };
+  --sqm-portal-background: ${config?.color?.backgroundColor};
   --widget-background-color: var(--sl-color-white);
   --sqm-portal-main-width: 900px;
   --sqm-max-width: 100%;
@@ -590,7 +588,7 @@ html {
 
   --sqm-primary-color: ${config?.main?.brandColor || "#1ed760"};
   --sqm-primary-button-background:${
-    config?.primaryButton?.buttonColor?.background || "#1ed760"
+    config?.primaryButton?.buttonColor?.background || "#ff6347"
   };
   --sqm-primary-button-background-hover: ${
     config?.primaryButton?.buttonHoverColor?.background || "#1ed760"
@@ -599,7 +597,7 @@ html {
     config?.primaryButton?.buttonHoverColor?.label
   };
   --sqm-primary-button-border-color-hover: ${
-    config?.primaryButton?.buttonHoverColor?.border
+    config?.primaryButton?.buttonHoverColor?.border || "#ff6347"
   };
   --sqm-primary-button-color: ${
     config?.primaryButton?.buttonColor?.label || "#FFFFFF"
@@ -635,17 +633,11 @@ html {
 
   --sqm-border-thickness: ${config?.border?.borderThickness + "px"};
 
-  --sqm-accent-color-icon: ${
-    config?.color?.accentColorShades?.icon || "#1ed760"
-  };
-  --sqm-accent-color-text: ${
-    config?.color?.accentColorShades?.text || "#fff"
-  };    
-  --sqm-accent-color-border: ${
-    config?.color?.accentColorShades?.border || "#1ed760"
-  };
+  --sqm-accent-color-icon: ${config?.color?.accentColorShades?.icon};
+  --sqm-accent-color-text: ${config?.color?.accentColorShades?.text};    
+  --sqm-accent-color-border: ${config?.color?.accentColorShades?.border};
   --sqm-accent-color-background: ${
-    config?.color?.accentColorShades?.background || "#0d4a27"
+    config?.color?.accentColorShades?.background
   };
 
   --sqm-success-color-icon: ${
@@ -777,11 +769,11 @@ body {
   color: var(--sqm-text);
   line-height: var(--sl-line-height-normal);
   margin: 0;
-  background-color: var(--sqm-portal-background) !important;
+  background-color: var(--sqm-portal-background);
 }
 
 .story-div {
-  background: var(--sqm-portal-background) !important;
+  background: var(--sqm-portal-background);
   color: var(--sqm-text) !important;
 }
 
@@ -893,7 +885,7 @@ sl-details::part(summary) {
 *::part(primarybutton-base),
 sl-button[type="primary"]::part(base) {
   width: 100%;
-  background-color: var(--sqm-primary-button-background) !important;
+  background-color: var(--sqm-primary-button-background);
   color: var(--sqm-primary-button-color);
   border-color: var(--sqm-primary-button-color-border);
   border-radius: var(--sqm-primary-button-radius);

package/dist/esm/{IndirectTaxDetailsView-e4e18b33.js → IndirectTaxDetailsView-83ba1411.js}

@@ -1,7 +1,7 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-a9a1ecc4.js';
+import { i as intl } from './global-314df4e4.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage } from './utils-92f9c134.js';
+import { f as formatErrorMessage } from './utils-b72a4473.js';
 
 const style = {
   Description: {

package/dist/esm/{ShadowViewAddon-3a29ee28.js → ShadowViewAddon-e35b15a1.js}

@@ -1,5 +1,5 @@
 import { h, c as Host, d as getAssetPath, g as getElement } from './index-b3a06de8.js';
-import { i as intl } from './global-a9a1ecc4.js';
+import { i as intl } from './global-314df4e4.js';
 import { b as browser, u as useMemo, k as useState } from './dom-context-hooks.module-63370afd.js';
 import { H, L, J, d as dist, w as wn, B, F as Fn, $ as $e, g as getEnvironmentSDK } from './index.module-38dad6c9.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -1794,7 +1794,7 @@ function TaskCardView(props) {
       width: "100%",
       "& .main": {
         position: "relative",
-        boxSizing: "border-sizing",
+        boxSizing: "border-box",
         background: content.backgroundColor || "var(--sqm-portal-background)",
         border: `1px solid ${content.borderColor || "var(--sqm-border-color)"}`,
         borderRadius: "var(--sqm-border-radius-normal)",
@@ -1809,7 +1809,7 @@ function TaskCardView(props) {
       },
       "& .main.expired": {
         color: content.textColor || "var(--sqm-text)",
-        background: content.backgroundColor || "var(--sl-color-neutral-50)",
+        opacity: "0.8",
       },
       "& .title": {
         fontSize: "var(--sl-font-size-medium)",

package/dist/esm/{global-a9a1ecc4.js → global-314df4e4.js}

@@ -26484,10 +26484,10 @@ html {
   --sqm-text-subdued: ${(_e = (_d = config === null || config === void 0 ? void 0 : config.color) === null || _d === void 0 ? void 0 : _d.textColorShades) === null || _e === void 0 ? void 0 : _e.subduedText};
 
   --sqm-primary-color: ${((_f = config === null || config === void 0 ? void 0 : config.main) === null || _f === void 0 ? void 0 : _f.brandColor) || "#1ed760"};
-  --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#1ed760"};
+  --sqm-primary-button-background:${((_h = (_g = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _g === void 0 ? void 0 : _g.buttonColor) === null || _h === void 0 ? void 0 : _h.background) || "#ff6347"};
   --sqm-primary-button-background-hover: ${((_k = (_j = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _j === void 0 ? void 0 : _j.buttonHoverColor) === null || _k === void 0 ? void 0 : _k.background) || "#1ed760"};
   --sqm-primary-button-color-hover: ${(_m = (_l = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _l === void 0 ? void 0 : _l.buttonHoverColor) === null || _m === void 0 ? void 0 : _m.label};
-  --sqm-primary-button-border-color-hover: ${(_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border};
+  --sqm-primary-button-border-color-hover: ${((_p = (_o = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _o === void 0 ? void 0 : _o.buttonHoverColor) === null || _p === void 0 ? void 0 : _p.border) || "#ff6347"};
   --sqm-primary-button-color: ${((_r = (_q = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _q === void 0 ? void 0 : _q.buttonColor) === null || _r === void 0 ? void 0 : _r.label) || "#FFFFFF"};
   --sqm-primary-button-color-border: ${((_t = (_s = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _s === void 0 ? void 0 : _s.buttonColor) === null || _t === void 0 ? void 0 : _t.border) || "transparent"};
   --sqm-primary-button-radius: ${((_u = config === null || config === void 0 ? void 0 : config.primaryButton) === null || _u === void 0 ? void 0 : _u.borderRadius) + "px"};
@@ -26504,10 +26504,10 @@ html {
 
   --sqm-border-thickness: ${((_9 = config === null || config === void 0 ? void 0 : config.border) === null || _9 === void 0 ? void 0 : _9.borderThickness) + "px"};
 
-  --sqm-accent-color-icon: ${((_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon) || "#1ed760"};
-  --sqm-accent-color-text: ${((_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text) || "#fff"};    
-  --sqm-accent-color-border: ${((_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border) || "#1ed760"};
-  --sqm-accent-color-background: ${((_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.background) || "#0d4a27"};
+  --sqm-accent-color-icon: ${(_11 = (_10 = config === null || config === void 0 ? void 0 : config.color) === null || _10 === void 0 ? void 0 : _10.accentColorShades) === null || _11 === void 0 ? void 0 : _11.icon};
+  --sqm-accent-color-text: ${(_13 = (_12 = config === null || config === void 0 ? void 0 : config.color) === null || _12 === void 0 ? void 0 : _12.accentColorShades) === null || _13 === void 0 ? void 0 : _13.text};    
+  --sqm-accent-color-border: ${(_15 = (_14 = config === null || config === void 0 ? void 0 : config.color) === null || _14 === void 0 ? void 0 : _14.accentColorShades) === null || _15 === void 0 ? void 0 : _15.border};
+  --sqm-accent-color-background: ${(_17 = (_16 = config === null || config === void 0 ? void 0 : config.color) === null || _16 === void 0 ? void 0 : _16.accentColorShades) === null || _17 === void 0 ? void 0 : _17.background};
 
   --sqm-success-color-icon: ${((_19 = (_18 = config === null || config === void 0 ? void 0 : config.color) === null || _18 === void 0 ? void 0 : _18.success) === null || _19 === void 0 ? void 0 : _19.iconAndBadge) || "var(--sl-color-success-600)"};
   --sqm-success-color-text: ${((_21 = (_20 = config === null || config === void 0 ? void 0 : config.color) === null || _20 === void 0 ? void 0 : _20.success) === null || _21 === void 0 ? void 0 : _21.text) || "var(--sl-color-success-950)"};
@@ -26594,11 +26594,11 @@ body {
   color: var(--sqm-text);
   line-height: var(--sl-line-height-normal);
   margin: 0;
-  background-color: var(--sqm-portal-background) !important;
+  background-color: var(--sqm-portal-background);
 }
 
 .story-div {
-  background: var(--sqm-portal-background) !important;
+  background: var(--sqm-portal-background);
   color: var(--sqm-text) !important;
 }
 
@@ -26710,7 +26710,7 @@ sl-details::part(summary) {
 *::part(primarybutton-base),
 sl-button[type="primary"]::part(base) {
   width: 100%;
-  background-color: var(--sqm-primary-button-background) !important;
+  background-color: var(--sqm-primary-button-background);
   color: var(--sqm-primary-button-color);
   border-color: var(--sqm-primary-button-color-border);
   border-radius: var(--sqm-primary-button-radius);

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-b3a06de8.js';
-import './global-a9a1ecc4.js';
+import './global-314df4e4.js';
 import './dom-context-hooks.module-63370afd.js';
 import './index.module-38dad6c9.js';
 

package/dist/esm/mint-components.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-b3a06de8.js';
-import './global-a9a1ecc4.js';
+import './global-314df4e4.js';
 import './dom-context-hooks.module-63370afd.js';
 import './index.module-38dad6c9.js';