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

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

@@ -68,51 +68,61 @@ export class ShareLink {
      */
     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.
      *
@@ -123,24 +133,24 @@ export class ShareLink {
      */
     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.
      *
@@ -152,24 +162,23 @@ export class ShareLink {
      */
     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
      *
@@ -179,15 +188,6 @@ export class ShareLink {
      * @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.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -529,7 +529,7 @@ export class ShareLink {
       "reflect": false,
       "defaultValue": "false"
     },
-    "customizeLinkButtonLabel": {
+    "cancelLabelText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -541,7 +541,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Customize link button label",
+            "text": "Cancel button label",
             "name": "uiName"
           }, {
             "text": "string",
@@ -553,13 +553,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Displayed below the share link."
+        "text": "Text for the cancel button in editing mode"
       },
-      "attribute": "customize-link-button-label",
+      "attribute": "cancel-label-text",
       "reflect": false,
-      "defaultValue": "\"Customize Link\""
+      "defaultValue": "\"Cancel\""
     },
-    "saveLabelText": {
+    "customizeDisabledTooltip": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -571,7 +571,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Save button label",
+            "text": "Customize disabled tooltip",
             "name": "uiName"
           }, {
             "text": "string",
@@ -583,13 +583,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Text for the save button in editing mode"
+        "text": "Tooltip text shown when link customization is disabled"
       },
-      "attribute": "save-label-text",
+      "attribute": "customize-disabled-tooltip",
       "reflect": false,
-      "defaultValue": "\"Save\""
+      "defaultValue": "\"Link customization is not available.\""
     },
-    "cancelLabelText": {
+    "customizeLinkButtonLabel": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -601,7 +601,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Cancel button label",
+            "text": "Customize link button label",
             "name": "uiName"
           }, {
             "text": "string",
@@ -613,13 +613,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Text for the cancel button in editing mode"
+        "text": "Displayed below the share link."
       },
-      "attribute": "cancel-label-text",
+      "attribute": "customize-link-button-label",
       "reflect": false,
-      "defaultValue": "\"Cancel\""
+      "defaultValue": "\"Customize Link\""
     },
-    "linkTakenErrorTitle": {
+    "editLimitReachedText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -631,11 +631,14 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Link taken error title",
+            "text": "Edit limit reached text",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
+          }, {
+            "text": "textarea",
+            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -643,13 +646,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Title of the error message shown when the link has already been taken"
+        "text": "Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder."
       },
-      "attribute": "link-taken-error-title",
+      "attribute": "edit-limit-reached-text",
       "reflect": false,
-      "defaultValue": "\"This link is already taken\""
+      "defaultValue": "\"5 edit limit reached. To make more changes, please contact {supportLink}.\""
     },
-    "linkTakenErrorDescription": {
+    "editLimitText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -661,14 +664,11 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Link taken error message",
+            "text": "Edit limit text",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
-          }, {
-            "text": "textarea",
-            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -676,13 +676,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Description text shown when the link has already been taken"
+        "text": "Subtext shown while the user is customizing their URL."
       },
-      "attribute": "link-taken-error-description",
+      "attribute": "edit-limit-text",
       "reflect": false,
-      "defaultValue": "\"Try adding numbers, a dash or underscore to create a unique link.\""
+      "defaultValue": "\"You can edit your link up to {editsRemaining} more times.\""
     },
-    "invalidCharactersErrorTitle": {
+    "invalidCharactersErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -694,11 +694,14 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Invalid characters error title",
+            "text": "Invalid characters error description",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
+          }, {
+            "text": "textarea",
+            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -706,13 +709,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Title of the error message shown when the link contains invalid special characters."
+        "text": "Description text shown when the link contains invalid special characters."
       },
-      "attribute": "invalid-characters-error-title",
+      "attribute": "invalid-characters-error-description",
       "reflect": false,
-      "defaultValue": "\"Please use only letters, numbers, dashes and underscores\""
+      "defaultValue": "\"Special characters can break the link when sharing.\""
     },
-    "invalidCharactersErrorDescription": {
+    "invalidCharactersErrorTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -724,14 +727,11 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Invalid characters error description",
+            "text": "Invalid characters error title",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
-          }, {
-            "text": "textarea",
-            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -739,13 +739,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Description text shown when the link contains invalid special characters."
+        "text": "Title of the error message shown when the link contains invalid special characters."
       },
-      "attribute": "invalid-characters-error-description",
+      "attribute": "invalid-characters-error-title",
       "reflect": false,
-      "defaultValue": "\"Special characters can break the link when sharing.\""
+      "defaultValue": "\"Please use only letters, numbers, dashes and underscores\""
     },
-    "restrictedWordsErrorTitle": {
+    "linkTakenErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -757,11 +757,14 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Restricted words error title",
+            "text": "Link taken error message",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
+          }, {
+            "text": "textarea",
+            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -769,13 +772,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Title of the error message shown when the link contains profanity or brand names."
+        "text": "Description text shown when the link has already been taken"
       },
-      "attribute": "restricted-words-error-title",
+      "attribute": "link-taken-error-description",
       "reflect": false,
-      "defaultValue": "\"Please try a different link\""
+      "defaultValue": "\"Try adding numbers, a dash or underscore to create a unique link.\""
     },
-    "restrictedWordsErrorDescription": {
+    "linkTakenErrorTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -787,14 +790,11 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Restricted words error description",
+            "text": "Link taken error title",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
-          }, {
-            "text": "textarea",
-            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -802,13 +802,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Description text shown when the link contains profanity or brand names."
+        "text": "Title of the error message shown when the link has already been taken"
       },
-      "attribute": "restricted-words-error-description",
+      "attribute": "link-taken-error-title",
       "reflect": false,
-      "defaultValue": "\"This link contains a restricted word.\""
+      "defaultValue": "\"This link is already taken\""
     },
-    "editLimitText": {
+    "restrictedWordsErrorDescription": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -820,11 +820,14 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Edit limit text",
+            "text": "Restricted words error description",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
+          }, {
+            "text": "textarea",
+            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -832,13 +835,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Subtext shown while the user is customizing their URL."
+        "text": "Description text shown when the link contains profanity or brand names."
       },
-      "attribute": "edit-limit-text",
+      "attribute": "restricted-words-error-description",
       "reflect": false,
-      "defaultValue": "\"You can edit your link up to {editsRemaining} more times.\""
+      "defaultValue": "\"This link contains a restricted word.\""
     },
-    "editLimitReachedText": {
+    "restrictedWordsErrorTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -850,14 +853,11 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Edit limit reached text",
+            "text": "Restricted words error title",
             "name": "uiName"
           }, {
             "text": "string",
             "name": "uiType"
-          }, {
-            "text": "textarea",
-            "name": "uiWidget"
           }, {
             "text": "Customizable Vanity Link",
             "name": "uiGroup"
@@ -865,13 +865,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder."
+        "text": "Title of the error message shown when the link contains profanity or brand names."
       },
-      "attribute": "edit-limit-reached-text",
+      "attribute": "restricted-words-error-title",
       "reflect": false,
-      "defaultValue": "\"5 edit limit reached. To make more changes, please contact {supportLink}.\""
+      "defaultValue": "\"Please try a different link\""
     },
-    "supportLinkText": {
+    "saveLabelText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -883,7 +883,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Support link text",
+            "text": "Save button label",
             "name": "uiName"
           }, {
             "text": "string",
@@ -895,13 +895,13 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Display text for the support link in the edit limit reached message"
+        "text": "Text for the save button in editing mode"
       },
-      "attribute": "support-link-text",
+      "attribute": "save-label-text",
       "reflect": false,
-      "defaultValue": "\"Support\""
+      "defaultValue": "\"Save\""
     },
-    "customizeDisabledTooltip": {
+    "supportLinkText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -913,7 +913,7 @@ export class ShareLink {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Customize disabled tooltip",
+            "text": "Support link text",
             "name": "uiName"
           }, {
             "text": "string",
@@ -925,11 +925,11 @@ export class ShareLink {
             "text": "impact",
             "name": "requiredFlavor"
           }],
-        "text": "Tooltip text shown when link customization is disabled"
+        "text": "Display text for the support link in the edit limit reached message"
       },
-      "attribute": "customize-disabled-tooltip",
+      "attribute": "support-link-text",
       "reflect": false,
-      "defaultValue": "\"Link customization is not available.\""
+      "defaultValue": "\"Support\""
     },
     "demoData": {
       "type": "unknown",

package/dist/esm/{ShadowViewAddon-e7e73e36.js → ShadowViewAddon-10db3e11.js}

@@ -4249,7 +4249,6 @@ function ShareLinkView(props) {
       cursor: "pointer",
       color: "var(--sl-color-neutral-900)",
       textAlign: "left",
-      padding: "var(--sl-spacing-small)",
       "&:hover": {
         textDecoration: "underline",
       },
@@ -4261,7 +4260,6 @@ function ShareLinkView(props) {
       color: "var(--sl-color-neutral-400)",
       cursor: "default",
       textAlign: "left",
-      padding: "var(--sl-spacing-small)",
     },
     EditContainer: {
       display: "flex",
@@ -4344,9 +4342,11 @@ 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",
@@ -4390,7 +4390,7 @@ 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 },
@@ -4408,7 +4408,8 @@ function ShareLinkView(props) {
           id: "editLimitReached",
           defaultMessage: editLimitReachedText,
         }, {
-          supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" }, supportLinkText)),
+          supportLink: (h("a", { target: "_blank", href: "https://help.impact.com/other/readme/get-help-and-support" },
+            h("p", null, supportLinkText))),
         }))))))));
 }