@saasquatch/mint-components 1.7.0-1 → 1.7.0-2

package/dist/cjs/{ShadowViewAddon-1fe631ba.js → ShadowViewAddon-1f9650bf.js}

@@ -3741,11 +3741,11 @@ function CardFeedView(props, children) {
       display: block;   
       ${props.cardBackgroundColor &&
     `--sl-color-neutral-0: ${props.cardBackgroundColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-950: ${props.cardTextColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-600: ${props.cardTextColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-700: ${props.cardTextColor};`}
       ${props.cardBorderColor &&
     `--sl-color-neutral-200: ${props.cardBorderColor};`}

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

@@ -18,7 +18,7 @@ require('./luxon-59ca7d19.js');
 const utils = require('./utils-8ef4fe4a.js');
 require('./sqm-text-span-view-ab4ad6ef.js');
 require('./sqm-portal-container-view-a3e86fc2.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1fe631ba.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1f9650bf.js');
 require('./sqm-portal-section-view-765aae4d.js');
 
 const BigStat = class {
@@ -100,7 +100,8 @@ const BrandComponent = class {
 
           :host{
             display: contents;
-            
+            ${this.borderRadius && `border-radius: ${this.borderRadius};`}
+            ${this.backgroundColor && `background: ${this.backgroundColor};`}
           }
           /* 
           Selects any element placed inside a slot
@@ -114,8 +115,6 @@ const BrandComponent = class {
             font-family:  "${font}", arial;
 			
             ${this.brandColor && css}
-            ${this.borderRadius && `border-radius: ${this.borderRadius};`}
-            ${this.backgroundColor && `background: ${this.backgroundColor};`}
             ${this.fontColor && `color: ${this.fontColor};`}
             --sl-focus-ring-color-primary: var(--sl-color-primary-100);
             --sl-input-border-color-focus: var(--sl-color-primary-500);

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

@@ -28,7 +28,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-a3e86fc2.js'
 const sqmPortalProfileView = require('./sqm-portal-profile-view-a8ee44c2.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-042073ca.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-cb3c9c2f.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1fe631ba.js');
+const ShadowViewAddon = require('./ShadowViewAddon-1f9650bf.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-765aae4d.js');
 
 /**

package/dist/collection/components/sqm-brand/sqm-brand.js

@@ -36,7 +36,8 @@ export class BrandComponent {
 
           :host{
             display: contents;
-            
+            ${this.borderRadius && `border-radius: ${this.borderRadius};`}
+            ${this.backgroundColor && `background: ${this.backgroundColor};`}
           }
           /* 
           Selects any element placed inside a slot
@@ -50,8 +51,6 @@ export class BrandComponent {
             font-family:  "${font}", arial;
 			
             ${this.brandColor && css}
-            ${this.borderRadius && `border-radius: ${this.borderRadius};`}
-            ${this.backgroundColor && `background: ${this.backgroundColor};`}
             ${this.fontColor && `color: ${this.fontColor};`}
             --sl-focus-ring-color-primary: var(--sl-color-primary-100);
             --sl-input-border-color-focus: var(--sl-color-primary-500);
@@ -146,10 +145,10 @@ export class BrandComponent {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Configure border radius with pixel amount",
+            "text": "Border Radius",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Configure border radius with pixel amount"
       },
       "attribute": "border-radius",
       "reflect": false

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

@@ -18,11 +18,11 @@ export function CardFeedView(props, children) {
       display: block;   
       ${props.cardBackgroundColor &&
     `--sl-color-neutral-0: ${props.cardBackgroundColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-950: ${props.cardTextColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-600: ${props.cardTextColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-700: ${props.cardTextColor};`}
       ${props.cardBorderColor &&
     `--sl-color-neutral-200: ${props.cardBorderColor};`}

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

@@ -497,10 +497,10 @@ export class HeroImage {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Configure border radius with pixel amount",
+            "text": "Border Radius",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Configure border radius with pixel amount."
       },
       "attribute": "border-radius",
       "reflect": false

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

@@ -139,10 +139,10 @@ export class Image {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Configure border radius with pixel amount",
+            "text": "Border Radius",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Configure border radius with pixel amount."
       },
       "attribute": "border-radius",
       "reflect": false

package/dist/collection/components/sqm-portal-container/sqm-portal-container.js

@@ -181,10 +181,10 @@ export class PortalContainer {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Configure border radius with pixel amount",
+            "text": "Border Radius",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Configure border radius with pixel amount."
       },
       "attribute": "border-radius",
       "reflect": false

package/dist/collection/components/sqm-referral-card/sqm-referral-card.js

@@ -127,10 +127,10 @@ export class ReferralCard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Configure border radius with pixel amount",
+            "text": "Border Radius",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Configure border radius with pixel amount."
       },
       "attribute": "border-radius",
       "reflect": false

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -212,10 +212,10 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Configure border radius with pixel amount",
+            "text": "Border Radius",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Configure border radius with pixel amount."
       },
       "attribute": "border-radius",
       "reflect": false

package/dist/esm/{ShadowViewAddon-c8e40951.js → ShadowViewAddon-9365d567.js}

@@ -3739,11 +3739,11 @@ function CardFeedView(props, children) {
       display: block;   
       ${props.cardBackgroundColor &&
     `--sl-color-neutral-0: ${props.cardBackgroundColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-950: ${props.cardTextColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-600: ${props.cardTextColor};`}
-      ${props.cardBackgroundColor &&
+      ${props.cardTextColor &&
     `--sl-color-neutral-700: ${props.cardTextColor};`}
       ${props.cardBorderColor &&
     `--sl-color-neutral-200: ${props.cardBorderColor};`}

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

@@ -14,7 +14,7 @@ import './luxon-578505e2.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import './sqm-portal-container-view-5d6f1411.js';
-import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-c8e40951.js';
+import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-9365d567.js';
 import './sqm-portal-section-view-c8d1c727.js';
 
 const BigStat = class {
@@ -96,7 +96,8 @@ const BrandComponent = class {
 
           :host{
             display: contents;
-            
+            ${this.borderRadius && `border-radius: ${this.borderRadius};`}
+            ${this.backgroundColor && `background: ${this.backgroundColor};`}
           }
           /* 
           Selects any element placed inside a slot
@@ -110,8 +111,6 @@ const BrandComponent = class {
             font-family:  "${font}", arial;
 			
             ${this.brandColor && css}
-            ${this.borderRadius && `border-radius: ${this.borderRadius};`}
-            ${this.backgroundColor && `background: ${this.backgroundColor};`}
             ${this.fontColor && `color: ${this.fontColor};`}
             --sl-focus-ring-color-primary: var(--sl-color-primary-100);
             --sl-input-border-color-focus: var(--sl-color-primary-500);

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

@@ -24,7 +24,7 @@ import { P as PortalContainerView } from './sqm-portal-container-view-5d6f1411.j
 import { P as PortalProfileView } from './sqm-portal-profile-view-3d621db8.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e0436989.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c489166b.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-c8e40951.js';
+import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-9365d567.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-c8d1c727.js';
 
 /**