@saasquatch/mint-components 1.5.5-2 → 1.5.6-1

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

@@ -21,7 +21,9 @@ const BigStat = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @uiName Flex Reverse - controls the order of the stat value & description column
+     * Controls the order of the stat value & description column
+     *
+     * @uiName Flex Reverse
      */
     this.flexReverse = false;
     this.ignored = true;
@@ -197,20 +199,21 @@ const CheckboxField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Checkbox label
+     * @uiName Checkbox Label
      */
     this.checkboxLabel = "By signing up you agree to the {labelLink}";
     /**
-     * @uiName Checkbox label link
      * Used with link text if the checkbox label contains {labelLink}
+     *
+     * @uiName Checkbox Label Link
      */
     this.checkboxLabelLink = "https://example.com";
     /**
-     * @uiName Checkbox label link text
+     * @uiName Checkbox Label Link Text
      */
     this.checkboxLabelLinkText = "Terms and Conditions";
     /**
-     * @uiName Unchecked error message
+     * @uiName Unchecked Error Message
      */
     this.errorMessage = "Must be checked";
     /**
@@ -306,8 +309,8 @@ const DividedLayout = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * Uses CSS border style syntax
-     * @uiName Border style
+     * Uses Shorthand CSS border syntax
+     * @uiName Border Style
      */
     this.dividerStyle = "1px solid #EAEAEA";
     h(this);
@@ -332,11 +335,11 @@ const DropdownField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Dropdown label
+     * @uiName Dropdown Label
      */
     this.dropdownLabel = "Select an option";
     /**
-     * @uiName Unselected error message
+     * @uiName Unselected Error Message
      */
     this.errorMessage = "Select an option";
     /**
@@ -769,7 +772,9 @@ const HeroImage = class {
      */
     this.imageMobilePos = "top";
     /**
-     * @uiName CTA Button Link Open in New Tab
+     * CTA Button Opens Link in New Tab
+     *
+     * @uiName Button New Tab
      */
     this.buttonNewTab = false;
     /**
@@ -984,9 +989,8 @@ const Leaderboard = class {
      */
     this.hideViewer = false;
     /**
-     * Text displayed for users without names in the leaderboard
-     *
-     * @uiName Anonymous User Name
+     * Title displayed for users without names
+     * @uiName Unknown User Text
      */
     this.anonymousUser = "Anonymous User";
     /**
@@ -1116,11 +1120,11 @@ const NameFields = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName First name field label
+     * @uiName First Name label
      */
     this.firstNameLabel = "First Name";
     /**
-     * @uiName Last name field label
+     * @uiName Last Name label
      */
     this.lastNameLabel = "Last Name";
     h(this);
@@ -1279,35 +1283,47 @@ const PortalChangePassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Change password modal header
+     * @uiName Change Password Modal Header
      */
     this.modalChangePasswordHeader = "Change Password";
     /**
-     * @uiName Modal cancel password change button text
+     * Modal cancel button text
+     *
+     * @uiName Cancel Button Text
      */
     this.cancelText = "Cancel";
     /**
-     * @uiName Modal change password button text
+     * Modal change password button text
+     *
+     * @uiName Change Password Button Text
      */
     this.changePasswordButtonText = "Change Password";
     /**
-     * @uiName Password input field label
+     * Password input field label
+     *
+     * @uiName Password Label
      */
     this.passwordFieldLabel = "New Password";
     /**
-     * @uiName Password confirmation input field label
+     * Password confirmation input field label
+     *
+     * @uiName Confirm Password Label
      */
     this.confirmPasswordFieldLabel = "Confirm New Password";
     /**
-     * @uiName Successful password change message
+     * Successful password change message
+     *
+     * @uiName Successful Message
      */
     this.successMessage = "Your password has been updated.";
     /**
-     * @uiName Portal change password section header
+     * Portal change password section header
+     *
+     * @uiName Change Password Header
      */
     this.portalChangePasswordHeader = "Password";
     /**
-     * @uiName Portal change password button text
+     * @uiName Change Password Button Text
      */
     this.portalChangePasswordButtonText = "Change your password...";
     h(this);
@@ -1435,39 +1451,55 @@ const PortalLogin = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Page navigated to after sign-in
+     * Page navigated to after sign-in
+     *
+     * @uiName Next Page Path
      */
     this.nextPage = "/";
     /**
-     * @uiName Label for email field
+     * Label for email field
+     *
+     * @uiName Email Label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Label for password field
+     * Label for password field
+     *
+     * @uiName Password Label
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Label for submit button
+     * Label for submit button
+     *
+     * @uiName Submit Button Text
      */
     this.submitLabel = "Sign In";
     /**
-     * @uiName Label for forgotten password button
+     * Label for forgotten password button
+     *
+     * @uiName Forgot Password Text
      */
     this.forgotPasswordLabel = "Forgot Password?";
     /**
-     * @uiName Label for register navigation button
+     * Label for register button
+     *
+     * @uiName Register Button Text
      */
     this.registerLabel = "Register";
     /**
-     * @uiName Heading label
+     * @uiName Heading Label
      */
     this.pageLabel = "Sign in to your account";
     /**
-     * @uiName Register button redirection path
+     * Register redirect path
+     *
+     * @uiName Register Path
      */
     this.registerPath = "/register";
     /**
-     * @uiName Forgot password button redirect path
+     * Forgot password redirect path
+     *
+     * @uiName Forgot Password Path
      */
     this.forgotPasswordPath = "/forgotPassword";
     h(this);
@@ -5491,53 +5523,61 @@ const PortalRegister = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Page navigated to after registration
+     * Page navigated to after registration
+     *
+     * @uiName Next Page
      */
     this.nextPage = "/";
     /**
      * The page that users are redirected to from the verification email.
      *
-     * @uiName Email redirection base path
+     * @uiName Email Redirection Base Path
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Label for email field
+     * @uiName Email Label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Label for password field
+     * @uiName Password Label
      */
     this.passwordLabel = "Password";
     /**
-     * @uiName Label for submit button
+     * @uiName Submit Button Text
      */
     this.submitLabel = "Register";
     /**
-     * @uiName Label for login navigation button
+     * @uiName Login Button Text
      */
     this.loginLabel = "Sign in";
     /**
-     * @uiName Label for confirm password field
+     * @uiName Confirm Password Label
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * @uiName Show confirm password field
+     * Show or hide the confirm password input
+     *
+     * @uiName Show Confirm Password Field
      */
     this.confirmPassword = false;
     /**
-     * @uiName Use password field with live validation
+     * @uiName Enable Password Validation
      */
     this.enablePasswordValidation = true;
     /**
-     * @uiName Hide default input fields to use custom fields
+     * Hide default input fields to use custom fields
+     *
+     * @uiName Hide Default Inputs
      */
     this.hideInputs = false;
     /**
-     * @uiName Heading label
+     * @uiName Heading Label
      */
     this.pageLabel = "Register";
     /**
-     * @uiName Sign in button redirection path
+     * Login button redirection path
+     *
+     * @uiName Login Path
      */
     this.loginPath = "/login";
     h(this);
@@ -5859,11 +5899,13 @@ const SqmReferralIframe = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Height of the iframe container
+     * Height of the iframe container
+     * @uiName Iframe Height
      */
     this.iframeHeight = "100%";
     /**
-     * @uiName Width of the iframe container
+     * Width of the iframe container
+     * @uiName Iframe Width
      */
     this.iframeWidth = "100%";
     h(this);
@@ -6706,7 +6748,9 @@ const SqmRewardExchangeList = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Exchange button text
+     * Error message shown when reward is not available
+     *
+     * @uiName Not Available Error
      */
     this.notAvailableError = "{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }";
     /**
@@ -6738,7 +6782,7 @@ const SqmRewardExchangeList = class {
      */
     this.continueText = "Continue";
     /**
-    * Displayed on the reward selection page.
+     * Displayed on the reward selection page.
      * @uiName Continue to Confirmation Button Text
      */
     this.continueToConfirmationText = "Continue to confirmation";
@@ -6747,17 +6791,20 @@ const SqmRewardExchangeList = class {
      */
     this.redeemText = "Redeem";
     /**
-    * Displayed as the header for the confirmation page.
+     * Displayed as the header for the confirmation page.
+     *
      * @uiName Confirmation Title Text
      */
     this.redeemTitle = "Confirm and redeem";
     /**
-    * Displayed on the success screen when a user successfully exchanges for a reward.
+     * Displayed on the success screen when a user successfully exchanges for a reward.
+     *
      * @uiName Redemption Success Message
      */
     this.redemptionSuccessText = "Redeemed {sourceValue} for {destinationValue}";
     /**
-    * Displayed on the reward exchange cards.
+     * Displayed on the reward exchange cards.
+     *
      * @uiName Reward Exchange Amount Text
      */
     this.sourceAmountMessage = "{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}";
@@ -6776,17 +6823,19 @@ const SqmRewardExchangeList = class {
      */
     this.selectText = "Select amount to receive";
     /**
-    * Shown if an error occurs when loading the reward exchange.
+     * Shown if an error occurs when loading the reward exchange.
+     *
      * @uiName Reward List Error Message
      */
     this.queryError = "Unable to load reward exchange list. Please try again";
     /**
-    * Shown if an error occurs during the reward exchange.
+     * Shown if an error occurs during the reward exchange.
+     *
      * @uiName Redemption Error Message
      */
     this.redemptionError = "An error occured trying to redeem this reward. Please try again";
     /**
-     * @uiName Not Enough Available Error Message
+     * @uiName Not Enough Error Message
      */
     this.notEnoughError = "Not enough {sourceUnit} to redeem for this reward";
     /**
@@ -6800,7 +6849,7 @@ const SqmRewardExchangeList = class {
     /**
      * Set the number of placeholder cards to be shown in loading state.
      *
-     * @undocumented Loading Cards
+     * @uiName Loading Cards
      */
     this.skeletonCardNum = 8;
     /**
@@ -7085,11 +7134,11 @@ const ShareButton = class {
      */
     this.iconslot = "prefix";
     /**
-     * @uiName Hide the icon
+     * @uiName Hide Icon
      */
     this.hideicon = false;
     /**
-     * @uiName Hide the text
+     * @uiName Hide Text
      */
     this.hidetext = false;
     h(this);
@@ -7162,14 +7211,13 @@ function useShareCode(props) {
   return { ...props, onClick, open, shareString };
 }
 
-const DEFAULT_TOOLTIP_LIFESPAN = 1000;
 const ShareCode = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * This is shown after someone has successfully copied the cpde to the clipboard.
+     * This is shown after someone has successfully copied the code to the clipboard.
      *
-     * @uiName Tooltip text
+     * @uiName Tooltip Text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
@@ -7177,7 +7225,7 @@ const ShareCode = class {
      *
      * @uiName Tooltip lifespan
      */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
+    this.tooltiplifespan = 1000;
     h(this);
   }
   disconnectedCallback() { }
@@ -7206,22 +7254,21 @@ function useDemoShareCode(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const DEFAULT_TOOLTIP_LIFESPAN$1 = 1000;
 const ShareLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
      * This is shown after someone has successfully copied the link to the clipboard.
      *
-     * @uiName Tooltip text
+     * @uiName Tooltip Text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
      * The number of milliseconds that the tooltip will appear for
      *
-     * @uiName Tooltip lifespan
+     * @uiName Tooltip Lifespan
      */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN$1;
+    this.tooltiplifespan = 1000;
     h(this);
   }
   disconnectedCallback() { }
@@ -7255,7 +7302,7 @@ const StatContainer = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Space between stats
+     * @uiName Space Between Stats
      * @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"]
@@ -7344,76 +7391,94 @@ const TaskCard = class {
     this.ignored = true;
     /**
      * @uiName Reward Amount
+     * @uiGroup Reward
      */
     this.rewardAmount = "0";
     /**
      * @uiName Reward Unit
+     * @uiGroup Reward
      */
     this.rewardUnit = "Points";
     /**
      * @uiName Title Text
+     * @uiGroup Task
      */
     this.cardTitle = "Title Text";
     /**
      * @uiName Description Text
+     * @uiGroup Task
      */
     this.description = "";
     /**
      * @uiName Goal Repeatable
+     * @uiGroup Goal
      */
     this.repeatable = false;
     /**
      * The number of times a reward can be earned.  Use zero for no limit (the default).
      *
      * @uiName Repeat Amount
+     * @uiGroup Reward
      */
     this.finite = 0;
     /**
      * @uiName Show Progress Bar
+     * @uiGroup Goal
      */
     this.showProgressBar = false;
     /**
      * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
      *
      * @uiName Goal Completion Number
+     * @uiGroup Goal
      */
     this.goal = 1;
     /**
      * @uiName Progress Bar Steps
+     * @uiGroup Goal
      */
     this.steps = false;
     /**
      * @uiName Progress Bar Unit
+     * @uiGroup Goal
      */
     this.progressBarUnit = "";
     /**
      * @uiName Expiry Date Message
+     * @uiGroup Task
      */
     this.expiryMessage = "Ends {endDate}";
     /**
      * Shown to users before the start of the task duration.
      *
      * @uiName Start Date Message
+     * @uiGroup Task
      */
     this.startsOnMessage = "Starts {startDate}";
     /**
      * Shown to users after the end of the task duration.
      *
      * @uiName Ended Date Message
+     * @uiGroup Task
      */
     this.endedMessage = "Ended {endDate}";
     /**
      * Displays the amount of times that a user has completed a repeatable task.
      *
      * @uiName Completed Count Text
+     * @uiGroup Task
      */
     this.completedText = "Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}";
     /**
      * @uiName CTA Button Text
+     * @uiGroup CTA Button
      */
     this.buttonText = "Complete Action";
     /**
-     * @uiName CTA Button Link Open in New Tab
+     * CTA Button Link Opens in New Tab
+     * @uiName Open In New Tab
+     * @uiGroup CTA Button
+     * @default undefined
      */
     this.openNewTab = false;
     h(this);
@@ -7616,11 +7681,12 @@ const UserName = class {
     registerInstance(this, hostRef);
     this._ignored = true;
     /**
-     * @uiName Fallback name for nameless users
+     * Fallback name for unknown users
+     * @uiName Fallback Name
      */
     this.fallback = "Anonymous User";
     /**
-     * @uiName Loading text
+     * @uiName Loading Text
      */
     this.loadingText = "...";
     h(this);

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

@@ -180,14 +180,14 @@ const TitledSection = class {
      */
     this.textAlign = "left";
     /**
-     * @uiName Label margin style
+     * @uiName Label Margin Style
      * @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.labelMargin = "small";
     /**
-     * @uiName Section padding
+     * @uiName Section 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"]

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

@@ -9,17 +9,25 @@ import { H as HeroView } from './sqm-hero-view-71d1202f.js';
 const Hero = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** @uiName Number of columns in the layout */
+    /**
+     * Number of columns in the layout
+     *
+     * @uiName Columns
+     */
     this.columns = 1;
     /**
-    * Can either be an image url, colour or Shoelace variable.
-    *
-    * @uiName Background
-    */
+     * Can be an image url, colour or Shoelace variable.
+     *
+     * @uiName Background
+     */
     this.background = "var(--sl-color-gray-50)";
-    /** @uiName Padding size */
+    /** @uiName Padding Size */
     this.paddingSize = "large";
-    /** @uiName Wrap direction */
+    /**
+     * Flexbox wrap direction, accepts wrap or wrap-reverse
+     *
+     * @uiName Wrap Direction
+     */
     this.wrapDirection = "wrap";
     h(this);
   }

package/dist/esm/sqm-password-field.entry.js

@@ -529,11 +529,14 @@ const PortalPasswordField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Label for password field
+     * Label for password field
+     *
+     * @uiName Password Label
      */
     this.fieldLabel = "Password";
     /**
-     * @uiName Enable live password validation
+     * Enable live password validation
+     * @uiName Enable Validation
      */
     this.enableValidation = true;
     h$1(this);

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

@@ -64,19 +64,19 @@ const PortalEmailVerification = class {
     /**
      * The page that users are redirected to from the verification email.
      *
-     * @uiName Email redirection base path
+     * @uiName Email Redirection Base Path
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email verification header text
+     * @uiName Email Verification Header Text
      */
     this.emailVerificationHeader = "Verify your email";
     /**
-     * @uiName Re-send email button text
+     * @uiName Re-send Email Button Text
      */
     this.resendEmailButtonText = "Re-send Email";
     /**
-     * @uiName Email verification body text
+     * @uiName Email Verification Body Text
      */
     this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
     h(this);

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -59,19 +59,19 @@ const PortalForgotPassword = class {
     /**
      * The page that users are redirected to from the password reset email.
      *
-     * @uiName Email redirection base path
+     * @uiName Email Redirection Base Path
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email label
+     * @uiName Email Label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password reset button text
+     * @uiName Password Reset Button Text
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Routing path to login page
+     * @uiName Login Page Routing Path
      */
     this.loginPath = "/login";
     h(this);