@saasquatch/mint-components 1.15.0-17 → 1.15.0-19

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-83f90fa1.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-9cc0f695.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();
@@ -16,14 +16,29 @@ function useNavigationSidebarItem(props) {
     data: {
       label: props.label,
       icon: props.icon,
-      path: props.path
+      path: props.path,
     },
+    backgroundColor: props.backgroundColor,
+    backgroundHoverColor: props.backgroundHoverColor,
+    textColor: props.textColor,
+    textHoverColor: props.textHoverColor,
+    borderRadius: props.borderRadius,
+    backgroundFocusedColor: props.backgroundFocusedColor,
+    textFocusedColor: props.textFocusedColor,
+    padding: props.padding,
   };
 }
 
 const NavigationSidebarItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @uiName Padding
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+     */
+    this.padding = "x-small";
     h(this);
   }
   disconnectedCallback() { }
@@ -43,6 +58,14 @@ function useSidebarItemDemo(props) {
       label: props.label || "Dashboard",
       icon: props.icon || "house",
     },
+    backgroundColor: props.backgroundColor,
+    backgroundHoverColor: props.backgroundHoverColor,
+    textColor: props.textColor,
+    textHoverColor: props.textHoverColor,
+    borderRadius: props.borderRadius,
+    backgroundFocusedColor: props.backgroundFocusedColor,
+    textFocusedColor: props.textFocusedColor,
+    padding: props.padding,
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

package/dist/esm/{sqm-navigation-sidebar-view-9d802b78.js → sqm-navigation-sidebar-view-f898265a.js}

@@ -1,6 +1,7 @@
 import { h } from './index-91e7729f.js';
 
-const vanillaStyle = `
+function NavigationSidebarView(props, children) {
+  const vanillaStyle = `
 
 * {
   padding: 0;
@@ -8,6 +9,16 @@ const vanillaStyle = `
   box-sizing: border-box;
 }
 
+.container {
+  background: var(--sqm-portal-background);
+}
+
+.menu-items {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
 @keyframes slideIn {
   0% {
     left: -350px;
@@ -59,12 +70,12 @@ const vanillaStyle = `
     flex-direction: column;
     z-index: 100;
   }
-  .menu-items { 
+  .menu-items {
     display: none;
     padding: 20px;
     border-right: 1px solid #eaeaea;
     padding-top: 60px;
-    background: white; 
+    background: var(--sqm-portal-background); 
     width: 100vw;
     height: 100vh;
     position: absolute;
@@ -128,7 +139,7 @@ const vanillaStyle = `
   .toggler:checked ~ .hamburger > .line:nth-child(2),
   .toggler:checked ~ .hamburger > .line:nth-child(3) {
     width: 75%;
-    border-bottom: 3px solid #444445;
+    border-bottom: 3px solid ${props.mobileMenuColor};
     margin: 0;
   }
 
@@ -138,11 +149,10 @@ const vanillaStyle = `
     height: 4px;
     width: 100%;
     margin-bottom: 3px;
-    border-bottom: 5px solid #444445;
+    border-bottom: 5px solid ${props.mobileMenuColor};
   }
 }
 `;
-function NavigationSidebarView(props, children) {
   return (h("div", { class: "container", part: "sqm-base" },
     h("style", null, vanillaStyle),
     h("input", Object.assign({ type: "checkbox", class: "toggler" }, props)),

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

@@ -1,21 +1,31 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { n as h, k as useState, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { k as kn, H } from './index.module-89a79f66.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
+import { i as isDemo, k as kn, H } from './index.module-89a79f66.js';
+import { c as cjs } from './cjs-bdfb4486.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-f898265a.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ignored = true;
+    /**
+     * @uiName Text color
+     * @uiWidget color
+     * @format color
+     * @uiGroup Style
+     */
+    this.mobileMenuColor = "var(--sqm-text, #444445)";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = useNavigationSidebar();
+    const props = isDemo()
+      ? useDemoNavigationSidebar(this)
+      : useNavigationSidebar(this);
     return (h$1(NavigationSidebarView, Object.assign({}, props), h$1("slot", null)));
   }
 };
-function useNavigationSidebar() {
+function useNavigationSidebar(props) {
   const location = kn();
   const programId = H();
   const [checked, setChecked] = useState(false);
@@ -27,9 +37,15 @@ function useNavigationSidebar() {
     setChecked(e.target.checked);
   }
   return {
+    mobileMenuColor: props.mobileMenuColor,
     checked,
     onClick,
   };
 }
+function useDemoNavigationSidebar(props) {
+  return cjs({
+    mobileMenuColor: props.mobileMenuColor,
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
 
 export { NavigationSidebar as sqm_navigation_sidebar };

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

@@ -1,6 +1,6 @@
 import { h, F as Fragment, r as registerInstance } from './index-91e7729f.js';
 import { n as h$1, k as useState } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-9d6f3bbe.js';
+import { i as intl } from './global-5e65213d.js';
 import { F as Fn, i as isDemo, d as dist, H, J, w as wn, $ as $e, B } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
@@ -25,7 +25,7 @@ const style = {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PaginationView(props) {
-  const { states, callbacks, text } = props;
+  const { states, callbacks, text, buttonType } = props;
   const { onNext, onPrev } = callbacks;
   const { currentPage, totalPages, loading } = states;
   if (totalPages === 1)
@@ -33,10 +33,10 @@ function PaginationView(props) {
   return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
     h("style", { type: "text/css" }, styleString),
     !loading && (h(Fragment, null,
-      h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+      h("sl-button", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
         h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
       h("div", { class: sheet.classes.TextContainer }, text.paginationText))),
-    h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
+    h("sl-button", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }
 
@@ -75,6 +75,15 @@ const Pagination = class {
      * @uiName Pagination text
      */
     this.paginationText = "{currentPage} of {totalPages}";
+    /**
+     * The type of the button (primary or secondary) that will be used to copy the link.
+     * @uiName Button Type
+     * @uiType string
+     * @uiEnum ["primary", "secondary"]
+     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiGroup Style
+     */
+    this.buttonType = "secondary";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -93,6 +102,7 @@ function useDemoPagination(props) {
       totalPages: 5,
       loading: false,
     },
+    buttonType: props.buttonType,
     callbacks: {
       onNext: () => setCurrentPage(currentPage + 1),
       onPrev: () => setCurrentPage(currentPage - 1),

package/dist/esm/{sqm-portal-email-verification-view-14f1c22c.js → sqm-portal-email-verification-view-56a69db0.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-9d6f3bbe.js';
+import { i as intl } from './global-5e65213d.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-83f90fa1.js';
 import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-9d6f3bbe.js';
+import './global-5e65213d.js';
 import { l as ln, n as nn, J, j as jn, u as useCallback, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-83f90fa1.js';
 import './sqm-text-span-view-c577cc60.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-14f1c22c.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-56a69db0.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-profile-view-41116f1d.js → sqm-portal-profile-view-5cf91770.js}

@@ -1,5 +1,5 @@
 import { h } from './index-91e7729f.js';
-import { i as intl } from './global-9d6f3bbe.js';
+import { i as intl } from './global-5e65213d.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-c577cc60.js';
 

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-91e7729f.js';
 import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-4bc38af4.js';
-import './global-9d6f3bbe.js';
+import './global-5e65213d.js';
 import { d as dist, J, w as wn, $ as $e, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './sqm-text-span-view-c577cc60.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-41116f1d.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-5cf91770.js';
 import { i as isEmpty } from './utilities-5b0ca040.js';
 
 const GET_USER = dist.gql `

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-91e7729f.js';
 import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-9d6f3bbe.js';
+import { i as intl } from './global-5e65213d.js';
 import { i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-4bc38af4.js';
-import { i as intl } from './global-9d6f3bbe.js';
+import { i as intl } from './global-5e65213d.js';
 import { d as dist, J, H, L, w as wn, R as Rn, i as isDemo } from './index.module-89a79f66.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { l as luxonLocale } from './utils-334c1e34.js';

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-91e7729f.js';
 import { a as commonjsGlobal, u as useMemo, k as useState, f as useEffect, c as createCommonjsModule, n as h$1 } from './stencil-hooks.module-4bc38af4.js';
-import './global-9d6f3bbe.js';
+import './global-5e65213d.js';
 import { j as jn, k as kn, b as setUserIdentity, d as dist, X as Xe, p as setProgramId } from './index.module-89a79f66.js';
 import './cjs-bdfb4486.js';
 import './utils-334c1e34.js';
@@ -18,22 +18,22 @@ import './index-ffa26b43.js';
 import { E as EmailRegistrationView } from './email-registration-view-a7818cf2.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-753c8d4a.js';
 import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-8ef8180f.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9d802b78.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-8f1c72bc.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-14f1c22c.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-f898265a.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-9cc0f695.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-56a69db0.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-50444a7c.js';
 import { P as PortalLoginView } from './sqm-portal-login-view-37c85d04.js';
 import { B as BaseRegistrationFormView } from './sqm-base-registration-form-view-31f1cb87.js';
 import { P as PortalRegistrationFormView } from './sqm-portal-registration-form-view-21d57492.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-41116f1d.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-5cf91770.js';
 import './utilities-5b0ca040.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-b000ffc5.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-2983ba9b.js';
 import './ErrorView-48e2b969.js';
 import { Q as QrCodeView } from './sqm-qr-code-view-10b8b4cb.js';
-import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-6a9f6e48.js';
+import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, C as ChangeMarktingView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, i as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, j as RewardExchangeView, r as rewardExchangeCustomErrorMsg, k as rewardExchangeLongText, l as rewardExchangeSelected, m as chooseAmountFixed, n as chooseAmountFixedNoDescription, o as chooseAmountVariable, p as chooseAmountVariableNoDescription, q as chooseAmountVariableDisabled, s as chooseAmountVariableUnavailable, t as confirmFixed, v as confirmVariable, w as redemptionError, x as queryError, y as success, z as successVariable, A as loading, F as empty$1, G as rewardExchange, J as CardFeedView, K as CouponCodeView, M as ProgressBar$2, O as autoColorScaleCss, Q as ShadowViewAddon } from './ShadowViewAddon-28c8307e.js';
 import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-fda573e4.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-a2c45ff7.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>