@saasquatch/mint-components 1.15.0-140 → 1.15.0-141

package/dist/cjs/{IndirectTaxDetailsView-92481647.js → IndirectTaxDetailsView-eb39e4e0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-0df1c47f.js');
+const global = require('./global-271f7a23.js');
 const JSS = require('./JSS-8503a151.js');
-const utils = require('./utils-ba8fc342.js');
+const utils = require('./utils-c8a94902.js');
 
 const style = {
   Description: {

package/dist/cjs/{ShadowViewAddon-5ab169b9.js → ShadowViewAddon-8c344799.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-0df1c47f.js');
+const global = require('./global-271f7a23.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');
@@ -9,7 +9,7 @@ const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
 const mixins = require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-2942fe20.js');
+const copyTextView = require('./copy-text-view-fdc30546.js');
 const useChildElements = require('./useChildElements-966c9041.js');
 const luxon = require('./luxon-949beaf2.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
@@ -1885,7 +1885,6 @@ const arrow_left_right = () => {
 function TaskCardView(props) {
   var _a, _b;
   const { callbacks, states, content } = props;
-  console.log("buttonType ", content.buttonType);
   const style = {
     TaskCard: {
       display: "inline-block",
@@ -1896,7 +1895,7 @@ function TaskCardView(props) {
         background: content.backgroundColor || "var(--sqm-portal-background)",
         border: `var(--sqm-border-thickness) solid ${content.borderColor || "var(--sqm-border-color)"}`,
         borderRadius: "var(--sqm-border-radius-normal)",
-        boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
+        boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.4)",
         fontSize: "var(--sl-font-size-small)",
         lineHeight: "var(--sl-line-height-dense)",
         color: content.textColor || "var(--sqm-text)",
@@ -1926,7 +1925,7 @@ function TaskCardView(props) {
     NotStarted: {
       fontSize: "var(--sl-font-size-small)",
       padding: "var(--sl-spacing-medium)",
-      color: content.textColor || "var(--sl-color-primary-600)",
+      color: content.textColor || "var(--sqm-primary-color)",
       border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
       borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
@@ -1943,11 +1942,11 @@ function TaskCardView(props) {
     Ended: {
       fontSize: "var(--sl-font-size-small)",
       padding: "var(--sl-spacing-medium)",
-      color: content.textColor || "var(--sl-color-warning-600)",
+      color: content.textColor || "var(--sqm-warning-color-text)",
       border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
       borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
-      background: content.backgroundColor || "var(--sl-color-warning-50)",
+      background: content.backgroundColor || "var(--sqm-warning-color-background)",
       fontWeight: "var(--sl-font-weight-semibold)",
       lineHeight: "var(--sl-line-height-dense)",
       "& .icon": {
@@ -1985,7 +1984,7 @@ function TaskCardView(props) {
         marginRight: "var(--sl-spacing-xx-small)",
       },
       "& .end": {
-        color: content.textColor || "var(--sl-color-warning-500)",
+        color: content.textColor || "var(--sqm-warning-color-text)",
         fontWeight: "var(--sl-font-weight-semibold)",
         marginBottom: "var(--sl-spacing-xx-small)",
       },
@@ -1995,7 +1994,7 @@ function TaskCardView(props) {
     },
     Footer: {
       "&[data-subdue] .success": {
-        color: content.textColor || "var(--sl-color-primary-300)",
+        color: content.textColor || "var(--sqm-accent-color-text)",
       },
       "&[data-subdue] .neutral": {
         color: content.textColor || "var(--sqm-text)",

package/dist/cjs/{copy-text-view-2942fe20.js → copy-text-view-fdc30546.js}

@@ -44,8 +44,8 @@ function CopyTextView(props) {
         "--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-background-color-focus": "var(--sqm-portal-background)",
-        "--sl-input-background-color-hover": "var(--sqm-portal-background)",
+        "--sl-input-background-color-focus": "var(--sqm-input-background)",
+        "--sl-input-background-color-hover": "var(--sqm-input-background)",
         cursor: "pointer",
         overflow: "visible",
         borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",

package/dist/cjs/{global-0df1c47f.js → global-271f7a23.js}

@@ -26008,7 +26008,7 @@ function insertFont(font) {
   --teal-7: #004551;
 } */
 const parseBrandingConfig = (config) => {
-  var _a, _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;
+  var _a, _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;
   return ({
     styles: `
 /* vietnamese */
@@ -26575,9 +26575,22 @@ html {
   --sqm-input-label-color: var(--sqm-text);
   --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "hsl(0, 0%, 7%)"};
   --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "hsl(0, 0%, 91%)"};
+  sl-menu-item::part(base):hover {
+    background-color: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.hoverStateColor) || "hsl(0, 0%, 91%)"}; 
+  }
   --sqm-input-label-font-size: inherit;
   --sqm-input-disabled-color: var(--sqm-text-subdued);
-  --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
+  --sqm-input-disabled-background: ${((_67 = config === null || config === void 0 ? void 0 : config.formFields) === null || _67 === void 0 ? void 0 : _67.disabledBackgroundColor) || "#F4F4F5"};
+
+  sl-select::part(display-input),
+  sl-select::part(base),
+  sl-dropdown::part(display-input),
+  sl-dropdown::part(base),
+  sl-input::part(input)
+   {
+    color: var(--sqm-input-color);
+  }
+
 
   --sl-color-primary-100: var(--sqm-primary-color);
   --sl-color-primary-200: var(--sqm-primary-color);
@@ -26604,6 +26617,8 @@ html {
 
 
 
+
+
 /* --- Disabled State --- */
 --sl-input-background-color-disabled: var(--sqm-input-disabled-background, var(--sl-color-neutral-100));
 --sl-input-color-disabled: var(--sqm-input-disabled-color, var(--sl-color-neutral-500)); /* Your current: var(--sqm-input-disabled-color) */
@@ -26896,7 +26911,7 @@ sl-icon::part(base):hover {
 
 
 `,
-    font: (_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont,
+    font: (_68 = config === null || config === void 0 ? void 0 : config.main) === null || _68 === void 0 ? void 0 : _68.brandFont,
   });
 };
 

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-0df1c47f.js');
+require('./global-271f7a23.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-0df1c47f.js');
+require('./global-271f7a23.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-0df1c47f.js');
+const global = require('./global-271f7a23.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-92481647.js');
-const utils$1 = require('./utils-ba8fc342.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-eb39e4e0.js');
+const utils$1 = require('./utils-c8a94902.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_44.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-0df1c47f.js');
+const global = require('./global-271f7a23.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');
@@ -12,7 +12,7 @@ const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-2942fe20.js');
+const copyTextView = require('./copy-text-view-fdc30546.js');
 const reRender = require('./re-render-d516138a.js');
 const useChildElements = require('./useChildElements-966c9041.js');
 require('./luxon-949beaf2.js');
@@ -25,7 +25,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-9a0c5e91.js');
-const ShadowViewAddon = require('./ShadowViewAddon-5ab169b9.js');
+const ShadowViewAddon = require('./ShadowViewAddon-8c344799.js');
 require('./sqm-portal-container-view-07e4343f.js');
 const parseStates = require('./parseStates-d1effc19.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-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+const global = require('./global-271f7a23.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 require('./index.module-4f54e412.js');
 const utils = require('./utils-7cbd60cc.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-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+const global = require('./global-271f7a23.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');
@@ -11,7 +11,7 @@ const utils = require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-2942fe20.js');
+const copyTextView = require('./copy-text-view-fdc30546.js');
 
 const style = {
   Container: {

package/dist/cjs/{sqm-portal-email-verification-view-bd4ec210.js → sqm-portal-email-verification-view-b2cc45a4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+require('./global-271f7a23.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-bd4ec210.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b2cc45a4.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-profile-view-9f6772c0.js → sqm-portal-profile-view-ebf2e814.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+require('./global-271f7a23.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-7cbd60cc.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-7a61ae4c.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-9f6772c0.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-ebf2e814.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-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+const global = require('./global-271f7a23.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-0df1c47f.js');
+require('./global-271f7a23.js');
 const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 const index_module = require('./index.module-4f54e412.js');
 require('./cjs-1066ec21.js');
@@ -11,7 +11,7 @@ require('./utils-7cbd60cc.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-2942fe20.js');
+const copyTextView = require('./copy-text-view-fdc30546.js');
 const GenericTableView = require('./GenericTableView-a9845e80.js');
 require('./useChildElements-966c9041.js');
 const luxon = require('./luxon-949beaf2.js');
@@ -23,19 +23,19 @@ 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-de90ef03.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-4e88f774.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-bd4ec210.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b2cc45a4.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-9f6772c0.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-ebf2e814.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 sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
-const ShadowViewAddon = require('./ShadowViewAddon-5ab169b9.js');
+const ShadowViewAddon = require('./ShadowViewAddon-8c344799.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-92481647.js');
-const utils = require('./utils-ba8fc342.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-eb39e4e0.js');
+const utils = require('./utils-c8a94902.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./global-0df1c47f.js');
+require('./global-271f7a23.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-7cbd60cc.js');
 require('./JSS-8503a151.js');
-const utils = require('./utils-ba8fc342.js');
+const utils = require('./utils-c8a94902.js');
 const parseStates = require('./parseStates-d1effc19.js');
 const data = require('./data-d4339c2e.js');
 const extractProps = require('./extractProps-fd93ba62.js');

package/dist/cjs/{utils-ba8fc342.js → utils-c8a94902.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-const global = require('./global-0df1c47f.js');
+const global = require('./global-271f7a23.js');
 const JSS = require('./JSS-8503a151.js');
 
 const style = {

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

@@ -9,7 +9,6 @@ import * as SVGs from "./SVGs";
 export function TaskCardView(props) {
   var _a, _b;
   const { callbacks, states, content } = props;
-  console.log("buttonType ", content.buttonType);
   const style = {
     TaskCard: {
       display: "inline-block",
@@ -20,7 +19,7 @@ export function TaskCardView(props) {
         background: content.backgroundColor || "var(--sqm-portal-background)",
         border: `var(--sqm-border-thickness) solid ${content.borderColor || "var(--sqm-border-color)"}`,
         borderRadius: "var(--sqm-border-radius-normal)",
-        boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.2)",
+        boxShadow: "1px 2px 4px rgba(211, 211, 211, 0.4)",
         fontSize: "var(--sl-font-size-small)",
         lineHeight: "var(--sl-line-height-dense)",
         color: content.textColor || "var(--sqm-text)",
@@ -50,7 +49,7 @@ export function TaskCardView(props) {
     NotStarted: {
       fontSize: "var(--sl-font-size-small)",
       padding: "var(--sl-spacing-medium)",
-      color: content.textColor || "var(--sl-color-primary-600)",
+      color: content.textColor || "var(--sqm-primary-color)",
       border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
       borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
@@ -67,11 +66,11 @@ export function TaskCardView(props) {
     Ended: {
       fontSize: "var(--sl-font-size-small)",
       padding: "var(--sl-spacing-medium)",
-      color: content.textColor || "var(--sl-color-warning-600)",
+      color: content.textColor || "var(--sqm-warning-color-text)",
       border: `var(--sqm-border-thickness, 1px) solid ${content.borderColor || "var(--sl-color-neutral-200)"}`,
       borderRadius: "var(--sqm-border-radius-normal) var(--sqm-border-radius-normal) 0 0",
       borderBottom: "none",
-      background: content.backgroundColor || "var(--sl-color-warning-50)",
+      background: content.backgroundColor || "var(--sqm-warning-color-background)",
       fontWeight: "var(--sl-font-weight-semibold)",
       lineHeight: "var(--sl-line-height-dense)",
       "& .icon": {
@@ -109,7 +108,7 @@ export function TaskCardView(props) {
         marginRight: "var(--sl-spacing-xx-small)",
       },
       "& .end": {
-        color: content.textColor || "var(--sl-color-warning-500)",
+        color: content.textColor || "var(--sqm-warning-color-text)",
         fontWeight: "var(--sl-font-weight-semibold)",
         marginBottom: "var(--sl-spacing-xx-small)",
       },
@@ -119,7 +118,7 @@ export function TaskCardView(props) {
     },
     Footer: {
       "&[data-subdue] .success": {
-        color: content.textColor || "var(--sl-color-primary-300)",
+        color: content.textColor || "var(--sqm-accent-color-text)",
       },
       "&[data-subdue] .neutral": {
         color: content.textColor || "var(--sqm-text)",

package/dist/collection/components/views/copy-text-view.js

@@ -41,8 +41,8 @@ export function CopyTextView(props) {
         "--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-background-color-focus": "var(--sqm-portal-background)",
-        "--sl-input-background-color-hover": "var(--sqm-portal-background)",
+        "--sl-input-background-color-focus": "var(--sqm-input-background)",
+        "--sl-input-background-color-hover": "var(--sqm-input-background)",
         cursor: "pointer",
         overflow: "visible",
         borderRadius: `${props.borderRadius}px` || "var(--sqm-border-radius-normal)",

package/dist/collection/global/styles.js

@@ -71,7 +71,7 @@
   --teal-7: #004551;
 } */
 export const parseBrandingConfig = (config) => {
-  var _a, _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;
+  var _a, _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;
   return ({
     styles: `
 /* vietnamese */
@@ -638,9 +638,22 @@ html {
   --sqm-input-label-color: var(--sqm-text);
   --sqm-input-border-color-focus: ${((_64 = config === null || config === void 0 ? void 0 : config.formFields) === null || _64 === void 0 ? void 0 : _64.selectedStateColor) || "hsl(0, 0%, 7%)"};
   --sqm-input-border-color-hover: ${((_65 = config === null || config === void 0 ? void 0 : config.formFields) === null || _65 === void 0 ? void 0 : _65.hoverStateColor) || "hsl(0, 0%, 91%)"};
+  sl-menu-item::part(base):hover {
+    background-color: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.hoverStateColor) || "hsl(0, 0%, 91%)"}; 
+  }
   --sqm-input-label-font-size: inherit;
   --sqm-input-disabled-color: var(--sqm-text-subdued);
-  --sqm-input-disabled-background: ${((_66 = config === null || config === void 0 ? void 0 : config.formFields) === null || _66 === void 0 ? void 0 : _66.disabledBackgroundColor) || "#F4F4F5"};
+  --sqm-input-disabled-background: ${((_67 = config === null || config === void 0 ? void 0 : config.formFields) === null || _67 === void 0 ? void 0 : _67.disabledBackgroundColor) || "#F4F4F5"};
+
+  sl-select::part(display-input),
+  sl-select::part(base),
+  sl-dropdown::part(display-input),
+  sl-dropdown::part(base),
+  sl-input::part(input)
+   {
+    color: var(--sqm-input-color);
+  }
+
 
   --sl-color-primary-100: var(--sqm-primary-color);
   --sl-color-primary-200: var(--sqm-primary-color);
@@ -667,6 +680,8 @@ html {
 
 
 
+
+
 /* --- Disabled State --- */
 --sl-input-background-color-disabled: var(--sqm-input-disabled-background, var(--sl-color-neutral-100));
 --sl-input-color-disabled: var(--sqm-input-disabled-color, var(--sl-color-neutral-500)); /* Your current: var(--sqm-input-disabled-color) */
@@ -959,6 +974,6 @@ sl-icon::part(base):hover {
 
 
 `,
-    font: (_67 = config === null || config === void 0 ? void 0 : config.main) === null || _67 === void 0 ? void 0 : _67.brandFont,
+    font: (_68 = config === null || config === void 0 ? void 0 : config.main) === null || _68 === void 0 ? void 0 : _68.brandFont,
   });
 };

package/dist/collection/global/styles.ts

@@ -739,12 +739,27 @@ html {
   --sqm-input-border-color-hover: ${
     config?.formFields?.hoverStateColor || "hsl(0, 0%, 91%)"
   };
+  sl-menu-item::part(base):hover {
+    background-color: ${
+      config?.formFields?.hoverStateColor || "hsl(0, 0%, 91%)"
+    }; 
+  }
   --sqm-input-label-font-size: inherit;
   --sqm-input-disabled-color: var(--sqm-text-subdued);
   --sqm-input-disabled-background: ${
     config?.formFields?.disabledBackgroundColor || "#F4F4F5"
   };
 
+  sl-select::part(display-input),
+  sl-select::part(base),
+  sl-dropdown::part(display-input),
+  sl-dropdown::part(base),
+  sl-input::part(input)
+   {
+    color: var(--sqm-input-color);
+  }
+
+
   --sl-color-primary-100: var(--sqm-primary-color);
   --sl-color-primary-200: var(--sqm-primary-color);
   --sl-color-primary-300: var(--sqm-primary-color);
@@ -770,6 +785,8 @@ html {
 
 
 
+
+
 /* --- Disabled State --- */
 --sl-input-background-color-disabled: var(--sqm-input-disabled-background, var(--sl-color-neutral-100));
 --sl-input-color-disabled: var(--sqm-input-disabled-color, var(--sl-color-neutral-500)); /* Your current: var(--sqm-input-disabled-color) */

package/dist/esm/{IndirectTaxDetailsView-67deb1d0.js → IndirectTaxDetailsView-ef887dae.js}

@@ -1,7 +1,7 @@
 import { h } from './index-b3a06de8.js';
-import { i as intl } from './global-200e3d35.js';
+import { i as intl } from './global-03bc4bb2.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { f as formatErrorMessage } from './utils-325c4849.js';
+import { f as formatErrorMessage } from './utils-f37fadf4.js';
 
 const style = {
   Description: {