@saasquatch/mint-components 2.1.8-25 → 2.1.8-27

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

@@ -27,7 +27,7 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-651
 const useLeadFormState = require('./useLeadFormState-76d3b511.js');
 const utilities = require('./utilities-096934ea.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-247ccfa4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-e1e20b3a.js');
 require('./sqm-portal-container-view-70a47420.js');
 const data = require('./data-e83f8a41.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
@@ -6123,51 +6123,61 @@ const ShareLink = class {
      */
     this.allowCustomization = false;
     /**
-     * Displayed below the share link.
+     * Text for the cancel button in editing mode
      *
-     * @uiName Customize link button label
+     * @uiName Cancel button label
      * @uiType string
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.customizeLinkButtonLabel = "Customize Link";
+    this.cancelLabelText = "Cancel";
     /**
-     * Text for the save button in editing mode
+     * Tooltip text shown when link customization is disabled
      *
-     * @uiName Save button label
+     * @uiName Customize disabled tooltip
      * @uiType string
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.saveLabelText = "Save";
+    this.customizeDisabledTooltip = "Link customization is not available.";
     /**
-     * Text for the cancel button in editing mode
+     * Displayed below the share link.
      *
-     * @uiName Cancel button label
+     * @uiName Customize link button label
      * @uiType string
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.cancelLabelText = "Cancel";
+    this.customizeLinkButtonLabel = "Customize Link";
     /**
-     * Title of the error message shown when the link has already been taken
+     * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
      *
-     * @uiName Link taken error title
+     * @uiName Edit limit reached text
      * @uiType string
+     * @uiWidget textarea
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.linkTakenErrorTitle = "This link is already taken";
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
     /**
-     * Description text shown when the link has already been taken
+     * Subtext shown while the user is customizing their URL.
      *
-     * @uiName Link taken error message
+     * @uiName Edit limit text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitText = "You can edit your link up to {editsRemaining} more times.";
+    /**
+     * Description text shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error description
      * @uiType string
      * @uiWidget textarea
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
     /**
      * Title of the error message shown when the link contains invalid special characters.
      *
@@ -6178,24 +6188,24 @@ const ShareLink = class {
      */
     this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
     /**
-     * Description text shown when the link contains invalid special characters.
+     * Description text shown when the link has already been taken
      *
-     * @uiName Invalid characters error description
+     * @uiName Link taken error message
      * @uiType string
      * @uiWidget textarea
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
     /**
-     * Title of the error message shown when the link contains profanity or brand names.
+     * Title of the error message shown when the link has already been taken
      *
-     * @uiName Restricted words error title
+     * @uiName Link taken error title
      * @uiType string
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.restrictedWordsErrorTitle = "Please try a different link";
+    this.linkTakenErrorTitle = "This link is already taken";
     /**
      * Description text shown when the link contains profanity or brand names.
      *
@@ -6207,24 +6217,23 @@ const ShareLink = class {
      */
     this.restrictedWordsErrorDescription = "This link contains a restricted word.";
     /**
-     * Subtext shown while the user is customizing their URL.
+     * Title of the error message shown when the link contains profanity or brand names.
      *
-     * @uiName Edit limit text
+     * @uiName Restricted words error title
      * @uiType string
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.editLimitText = "You can edit your link up to {editsRemaining} more times.";
+    this.restrictedWordsErrorTitle = "Please try a different link";
     /**
-     * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
+     * Text for the save button in editing mode
      *
-     * @uiName Edit limit reached text
+     * @uiName Save button label
      * @uiType string
-     * @uiWidget textarea
      * @uiGroup Customizable Vanity Link
      * @requiredFlavor impact
      */
-    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    this.saveLabelText = "Save";
     /**
      * Display text for the support link in the edit limit reached message
      *
@@ -6234,15 +6243,6 @@ const ShareLink = class {
      * @requiredFlavor impact
      */
     this.supportLinkText = "Support";
-    /**
-     * Tooltip text shown when link customization is disabled
-     *
-     * @uiName Customize disabled tooltip
-     * @uiType string
-     * @uiGroup Customizable Vanity Link
-     * @requiredFlavor impact
-     */
-    this.customizeDisabledTooltip = "Link customization is not available.";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }

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

@@ -33,7 +33,7 @@ require('./utilities-096934ea.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6b1acd90.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-247ccfa4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-e1e20b3a.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-93e996d6.js');
 const data = require('./data-e83f8a41.js');

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

@@ -18,25 +18,25 @@ export function ShareLinkView(props) {
       width: "100%",
     },
     CustomizeLinkText: {
+      paddingTop: "var(--sl-spacing-xx-small)",
       margin: "0",
       fontSize: "var(--sl-font-size-small)",
       fontWeight: "600",
       cursor: "pointer",
       color: "var(--sl-color-neutral-900)",
       textAlign: "left",
-      padding: "var(--sl-spacing-small)",
       "&:hover": {
         textDecoration: "underline",
       },
     },
     CustomizeLinkDisabled: {
+      paddingTop: "var(--sl-spacing-xx-small)",
       margin: "0",
       fontSize: "var(--sl-font-size-small)",
       fontWeight: "600",
       color: "var(--sl-color-neutral-400)",
       cursor: "default",
       textAlign: "left",
-      padding: "var(--sl-spacing-small)",
     },
     EditContainer: {
       display: "flex",
@@ -83,6 +83,7 @@ export function ShareLinkView(props) {
       color: "var(--sl-color-neutral-500)",
     },
     HelperText: {
+      paddingTop: "var(--sl-spacing-xx-small)",
       margin: "0",
       fontSize: "var(--sl-font-size-small)",
       color: "var(--sl-color-neutral-500)",
@@ -119,9 +120,11 @@ export function ShareLinkView(props) {
       cursor: "pointer",
       background: "none",
       border: "none",
-      padding: "0",
       fontFamily: "var(--sl-font-sans)",
       color: "var(--sl-color-neutral-500)",
+      "&::part(label)": {
+        padding: "0",
+      },
     },
     LimitReachedContainer: {
       display: "flex",
@@ -165,7 +168,7 @@ export function ShareLinkView(props) {
             !!validationError ||
             !editValue ||
             editValue.length < minCharacters }, isSaving ? "Saving..." : saveLabelText),
-        h("button", { class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
+        h("sl-button", { type: "text", class: sheet.classes.CancelButton, onClick: onCancel, disabled: isSaving }, cancelLabelText))));
   }
   // Default / Customized / Limit reached states
   return (h("div", { class: sheet.classes.Container },