@saasquatch/mint-components 1.15.0-38 → 1.15.0-39

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -12,7 +12,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-82e8797b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-f0702822.js');
+const copyTextView = require('./copy-text-view-9017cd99.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 require('./luxon-2926d85f.js');
@@ -23,7 +23,7 @@ const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 const AsYouType = require('./AsYouType-6788393a.js');
 const utilities = require('./utilities-78f5e169.js');
-const ShadowViewAddon = require('./ShadowViewAddon-3460f9e5.js');
+const ShadowViewAddon = require('./ShadowViewAddon-8993904c.js');
 require('./sqm-portal-container-view-4f15143a.js');
 const usePayoutStatus = require('./usePayoutStatus-4b5894ef.js');
 
@@ -407,6 +407,7 @@ function useCouponCode(props) {
     dateAvailable,
     loading,
     errorType,
+    buttonType: props.buttonType || "primary",
   };
 }
 
@@ -994,6 +995,7 @@ const Hero = class {
 function HeroImageView(props, children) {
   const overlay = Boolean((props.header || props.description || props.buttonText) &&
     props.layout === "overlay");
+  console.log("buttonType is ", props.buttonType);
   // Dependent on props, not feasiable to move out
   const style = {
     Container: {
@@ -1003,7 +1005,7 @@ function HeroImageView(props, children) {
         width: "100%",
         height: "100%",
         position: "absolute",
-        background: props.overlayColor || "var(--sl-color-primary-900)",
+        background: props.overlayColor || "var(--sl-color-black)",
         opacity: props.overlayOpacity,
       },
     },
@@ -1110,7 +1112,7 @@ function HeroImageView(props, children) {
       index.h("div", { class: sheet.classes.Overlay, part: "sqm-overlay" },
         props.header && (index.h("div", { class: sheet.classes.Header }, props.header)),
         props.description && (index.h("div", { class: sheet.classes.Description }, props.description)),
-        props.buttonText && (index.h("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: () => props.buttonNewTab
+        props.buttonText && (index.h("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: `base: ${props.buttonType}button-base`, onClick: () => props.buttonNewTab
             ? window.open(props.buttonLink)
             : window.open(props.buttonLink, "_parent") }, props.buttonText)),
         children && children)));
@@ -1189,11 +1191,11 @@ const HeroImage = class {
      */
     this.paddingImage = "none";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary, secondary, or tertiary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -4717,11 +4719,11 @@ const ShareCode = class {
      */
     this.buttonStyle = "icon";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary, secondary, or tertiary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -4792,11 +4794,11 @@ const ShareLink = class {
      */
     this.copyButtonLabel = "Copy Link";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary, secondary, or tertiary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -4931,7 +4933,7 @@ function useTaskCard(props) {
       textColor: props.textColor,
       borderColor: props.borderColor,
       borderRadius: props.borderRadius,
-      buttonStyle: props.buttonStyle,
+      buttonType: props.buttonType,
     },
   };
   return {
@@ -5053,11 +5055,11 @@ const TaskCard = class {
     /**
      * @uiName Button Style
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
-    this.buttonStyle = "primary";
+    this.buttonType = "primary";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -5069,7 +5071,6 @@ const TaskCard = class {
     const { states, callbacks } = index_module.isDemo()
       ? useTaskCardDemo(this)
       : useTaskCard(this);
-    console.log("button style from controller", this.buttonStyle);
     return (index.h(ShadowViewAddon.TaskCardView, { callbacks: callbacks, states: {
         loading,
         loadingEvent: states.loadingEvent,
@@ -5080,6 +5081,7 @@ const TaskCard = class {
 };
 function useTaskCardDemo(props) {
   return cjs.cjs({
+    content: { ...props },
     states: { loadingEvent: false, locale: "en" },
     callbacks: {
       sendEvent: (event) => console.log(event),
@@ -5156,7 +5158,7 @@ function TimelineEntryView(props) {
         display: "none",
         color: "transparent",
         userSelect: "none",
-        background: props.lineColor || "var(--sl-color-primary-500)",
+        background: props.lineColor || "var(--sqm-accent-color-icon)",
         width: "4px",
         borderRadius: "4px",
         margin: "-2px",
@@ -5171,7 +5173,7 @@ function TimelineEntryView(props) {
         position: "relative",
         top: "4px",
         zIndex: "1",
-        color: props.lineColor || "var(--sl-color-primary-500)",
+        color: props.lineColor || "var(--sqm-accent-color-icon)",
         marginRight: "var(--sl-spacing-large)",
       },
       "& .reward": {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 require('./index.module-ee84433d.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');

package/dist/cjs/{sqm-invoice-table-view-64038caf.js → sqm-invoice-table-view-d4bc23a8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const JSS = require('./JSS-8503a151.js');
 const ErrorView = require('./ErrorView-b2fcf954.js');
 

package/dist/cjs/{sqm-leaderboard-rank-view-d39a55d8.js → sqm-leaderboard-rank-view-7c6cebe3.js}

@@ -4,7 +4,7 @@ const index = require('./index-a29c60ef.js');
 
 function LeaderboardRankView(props) {
   const { data } = props;
-  return index.h("span", { class: "P" }, data.rank);
+  return (index.h("span", { style: { marginTop: "0px", fontSize: "var(--sl-font-size-small)" } }, data.rank));
 }
 
 exports.LeaderboardRankView = LeaderboardRankView;

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-7c6cebe3.js');
 
 const GET_RANK = index_module.dist.gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-82e8797b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-f0702822.js');
+const copyTextView = require('./copy-text-view-9017cd99.js');
 
 const style = {
   Container: {
@@ -37,10 +37,10 @@ function PaginationView(props) {
   return (index.h("span", { class: sheet.classes.Container, part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString),
     !loading && (index.h(index.Fragment, null,
-      index.h("sl-button", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+      index.h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
         index.h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
       index.h("div", { class: sheet.classes.TextContainer }, text.paginationText))),
-    index.h("sl-button", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
+    index.h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       index.h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }
 
@@ -80,11 +80,11 @@ const Pagination = class {
      */
     this.paginationText = "{currentPage} of {totalPages}";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary, secondary, or tertiary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
     this.buttonType = "secondary";
@@ -235,11 +235,11 @@ const ReferralCode = class {
      */
     this.buttonStyle = "icon";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary, secondary, or tertiary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";

package/dist/cjs/{sqm-portal-email-verification-view-f41d2630.js → sqm-portal-email-verification-view-b6a76150.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-efeaed0c.js');
+require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-ce4c0178.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f41d2630.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b6a76150.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-profile-view-8ed04298.js → sqm-portal-profile-view-0639cfa0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-efeaed0c.js');
+require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-ce4c0178.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-8ed04298.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-0639cfa0.js');
 const utilities = require('./utilities-78f5e169.js');
 
 const GET_USER = index_module.dist.gql `

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const GenericTableView = require('./GenericTableView-925a0842.js');
+const GenericTableView = require('./GenericTableView-40fd9dd1.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-efeaed0c.js');
+const global = require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-const GenericTableView = require('./GenericTableView-925a0842.js');
+const GenericTableView = require('./GenericTableView-40fd9dd1.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');

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

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-efeaed0c.js');
+require('./global-a1506e15.js');
 const index_module = require('./index.module-ee84433d.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-82e8797b.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-f0702822.js');
-const GenericTableView = require('./GenericTableView-925a0842.js');
+const copyTextView = require('./copy-text-view-9017cd99.js');
+const GenericTableView = require('./GenericTableView-40fd9dd1.js');
 require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
 require('./sqm-text-span-view-ce4c0178.js');
@@ -20,24 +20,24 @@ const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-b297e933.js');
 require('./index-8c6255f5.js');
 const emailRegistrationView = require('./email-registration-view-37b44222.js');
-const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
+const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-7c6cebe3.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-10b62df1.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f41d2630.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b6a76150.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fdd97c18.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-0fbbda1b.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1c5094d3.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-399f4eaf.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-8ed04298.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-0639cfa0.js');
 require('./utilities-78f5e169.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-0439a9e5.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-05f72dec.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
-const ShadowViewAddon = require('./ShadowViewAddon-3460f9e5.js');
+const ShadowViewAddon = require('./ShadowViewAddon-8993904c.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-64038caf.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-d4bc23a8.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -14399,10 +14399,17 @@ const defaultProps$g = {
   inputPlaceholderText: "CODE ERROR",
   couponCodeLabel: "Your coupon code:",
   error: false,
+  buttonType: "primary",
 };
 const CouponCode = () => {
   return index.h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard" });
 };
+const CouponCodeWithSecondaryButtonType = () => {
+  return (index.h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard", buttonType: "secondary", buttonStyle: "button-outside" }));
+};
+const CouponCodeWithTertiaryButtonType = () => {
+  return (index.h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard", buttonType: "tertiary", buttonStyle: "button-outside" }));
+};
 const CustomTooltipText$2 = () => {
   return index.h("sqm-coupon-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
 };
@@ -14459,6 +14466,8 @@ const CouponCode$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': CouponCode_stories,
   CouponCode: CouponCode,
+  CouponCodeWithSecondaryButtonType: CouponCodeWithSecondaryButtonType,
+  CouponCodeWithTertiaryButtonType: CouponCodeWithTertiaryButtonType,
   CustomTooltipText: CustomTooltipText$2,
   CustomTooltipDuration: CustomTooltipDuration$2,
   TextAlignCenter: TextAlignCenter$3,

package/dist/collection/components/sqm-coupon-code/CouponCode.stories.js

@@ -15,10 +15,17 @@ const defaultProps = {
   inputPlaceholderText: "CODE ERROR",
   couponCodeLabel: "Your coupon code:",
   error: false,
+  buttonType: "primary",
 };
 export const CouponCode = () => {
   return h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard" });
 };
+export const CouponCodeWithSecondaryButtonType = () => {
+  return (h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard", buttonType: "secondary", buttonStyle: "button-outside" }));
+};
+export const CouponCodeWithTertiaryButtonType = () => {
+  return (h("sqm-coupon-code", { tooltiptext: "Copied to Clipboard", buttonType: "tertiary", buttonStyle: "button-outside" }));
+};
 export const CustomTooltipText = () => {
   return h("sqm-coupon-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
 };

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js

@@ -576,8 +576,8 @@ export class CouponCode {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\"",
-        "resolved": "\"primary\" | \"secondary\"",
+        "original": "\"primary\" | \"secondary\" | \"tertiary\"",
+        "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
         "references": {}
       },
       "required": false,
@@ -639,7 +639,7 @@ export class CouponCode {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CouponCodeViewProps>",
-        "resolved": "{ loading?: boolean; textColor?: string; errorType?: \"error\" | \"warning\" | \"info\" | \"success\"; couponCodeLabel?: string; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; buttonType?: \"primary\" | \"secondary\"; borderColor?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; textColor?: string; errorType?: \"error\" | \"warning\" | \"info\" | \"success\"; couponCodeLabel?: string; buttonType?: \"primary\" | \"secondary\" | \"tertiary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-coupon-code/useCouponCode.js

@@ -122,5 +122,6 @@ export function useCouponCode(props) {
     dateAvailable,
     loading,
     errorType,
+    buttonType: props.buttonType || "primary",
   };
 }

package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js

@@ -3,6 +3,7 @@ import { createStyleSheet } from "../../styling/JSS";
 export function HeroImageView(props, children) {
   const overlay = Boolean((props.header || props.description || props.buttonText) &&
     props.layout === "overlay");
+  console.log("buttonType is ", props.buttonType);
   // Dependent on props, not feasiable to move out
   const style = {
     Container: {
@@ -12,7 +13,7 @@ export function HeroImageView(props, children) {
         width: "100%",
         height: "100%",
         position: "absolute",
-        background: props.overlayColor || "var(--sl-color-primary-900)",
+        background: props.overlayColor || "var(--sl-color-black)",
         opacity: props.overlayOpacity,
       },
     },
@@ -119,7 +120,7 @@ export function HeroImageView(props, children) {
       h("div", { class: sheet.classes.Overlay, part: "sqm-overlay" },
         props.header && (h("div", { class: sheet.classes.Header }, props.header)),
         props.description && (h("div", { class: sheet.classes.Description }, props.description)),
-        props.buttonText && (h("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: () => props.buttonNewTab
+        props.buttonText && (h("sl-button", { class: sheet.classes.Button, type: "primary", exportparts: `base: ${props.buttonType}button-base`, onClick: () => props.buttonNewTab
             ? window.open(props.buttonLink)
             : window.open(props.buttonLink, "_parent") }, props.buttonText)),
         children && children)));

package/dist/collection/components/sqm-hero-image/sqm-hero-image.js

@@ -68,11 +68,11 @@ export class HeroImage {
      */
     this.paddingImage = "none";
     /**
-     * The type of the button (primary or secondary) that will be used to copy the link.
+     * The type of the button that is used (primary, secondary, or tertiary).
      * @uiName Button Type
      * @uiType string
-     * @uiEnum ["primary", "secondary"]
-     * @uiEnumNames ["Primary", "Secondary"]
+     * @uiEnum ["primary", "secondary", "tertiary"]
+     * @uiEnumNames ["Primary", "Secondary", "Tertiary"]
      * @uiGroup Style
      */
     this.buttonType = "primary";
@@ -536,8 +536,8 @@ export class HeroImage {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\"",
-        "resolved": "\"primary\" | \"secondary\"",
+        "original": "\"primary\" | \"secondary\" | \"tertiary\"",
+        "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
         "references": {}
       },
       "required": false,
@@ -550,16 +550,16 @@ export class HeroImage {
             "text": "string",
             "name": "uiType"
           }, {
-            "text": "[\"primary\", \"secondary\"]",
+            "text": "[\"primary\", \"secondary\", \"tertiary\"]",
             "name": "uiEnum"
           }, {
-            "text": "[\"Primary\", \"Secondary\"]",
+            "text": "[\"Primary\", \"Secondary\", \"Tertiary\"]",
             "name": "uiEnumNames"
           }, {
             "text": "Style",
             "name": "uiGroup"
           }],
-        "text": "The type of the button (primary or secondary) that will be used to copy the link."
+        "text": "The type of the button that is used (primary, secondary, or tertiary)."
       },
       "attribute": "button-type",
       "reflect": false,

package/dist/collection/components/sqm-leaderboard-rank/sqm-leaderboard-rank-view.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export function LeaderboardRankView(props) {
   const { data } = props;
-  return h("span", { class: "P" }, data.rank);
+  return (h("span", { style: { marginTop: "0px", fontSize: "var(--sl-font-size-small)" } }, data.rank));
 }

package/dist/collection/components/sqm-logout-current-user/sqm-logout-current-user.js

@@ -122,7 +122,7 @@ export class LogoutCurrentUser {
       "mutable": false,
       "complexType": {
         "original": "DemoData<CopyTextViewProps>",
-        "resolved": "{ loading?: boolean; textColor?: string; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; buttonType?: \"primary\" | \"secondary\"; borderColor?: string; onClick?: () => void; }",
+        "resolved": "{ loading?: boolean; textColor?: string; buttonType?: \"primary\" | \"secondary\" | \"tertiary\"; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; notificationText?: string; showNotificationText?: boolean; inputPlaceholderText?: string; dateAvailable?: string; isCopied?: boolean; backgroundColor?: string; borderRadius?: string; borderColor?: string; onClick?: () => void; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-pagination/sqm-pagination-view.js

@@ -24,9 +24,9 @@ export 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", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
+      h("sl-button", { exportparts: `base: ${buttonType}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", { exportparts: `base: ${props.buttonType === "primary" ? "primary" : "secondary"}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
+    h("sl-button", { exportparts: `base: ${buttonType}button-base`, onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
       h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
 }