@visitscotland/component-library 4.19.2 → 4.20.0

package/dist/components/vs-component-library.mjs

@@ -32035,7 +32035,7 @@ function _sfc_render$V(e, n, t, a, r, o) {
     createVNode(l, {
       ref: "input",
       type: t.type,
-      class: normalizeClass(["vs-input", o.elementClass]),
+      class: normalizeClass(["vs-input", [r.inputVal ? "show-cancel" : "", o.elementClass]]),
       modelValue: r.inputVal,
       "onUpdate:modelValue": n[0] || (n[0] = (d) => r.inputVal = d),
       id: t.fieldName,
@@ -34370,6 +34370,7 @@ const VsSiteSearch = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_r
     },
     /**
      * Text that renders inside the clear button (visually-hidden)
+     * DEPRECATED
      */
     clearButtonText: {
       type: String,
@@ -34468,10 +34469,9 @@ function _sfc_render$D(e, n, t, a, r, o) {
                       type: "search",
                       "field-name": "site-search",
                       placeholder: t.labelText,
-                      "clear-button-text": t.clearButtonText,
                       "auto-complete": !1,
                       onUpdated: o.updateVal
-                    }, null, 8, ["placeholder", "clear-button-text", "onUpdated"])
+                    }, null, 8, ["placeholder", "onUpdated"])
                   ]),
                   createVNode(d, {
                     type: "submit",
@@ -34769,9 +34769,8 @@ function _sfc_render$C(e, n, t, a, r, o) {
       "is-showing": r.showSearch,
       "label-text": t.searchLabelText,
       "submit-button-text": t.searchButtonText,
-      "clear-button-text": t.searchClearButtonText,
       "close-button-text": t.searchCloseButtonText
-    }, null, 8, ["onToggleAction", "is-showing", "label-text", "submit-button-text", "clear-button-text", "close-button-text"]), [
+    }, null, 8, ["onToggleAction", "is-showing", "label-text", "submit-button-text", "close-button-text"]), [
       [vShow, r.showSearch]
     ])
   ]);
@@ -40827,6 +40826,13 @@ const SocialShareItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sf
       type: String,
       default: "icon",
       validator: (e) => ["icon", "image", "image-horizontal", "numbered"].includes(e)
+    },
+    /**
+     * ID of the anchor link if needed
+     */
+    anchorLink: {
+      type: String,
+      default: ""
     }
   },
   setup(e) {
@@ -40856,13 +40862,14 @@ const SocialShareItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sf
               }, null, 8, ["src"])) : createCommentVNode("", !0),
               createVNode(VsHeading, {
                 level: n.headingLevel,
-                "heading-style": "heading-xxs"
+                "heading-style": "heading-xxs",
+                id: e.anchorLink ? e.anchorLink : ""
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(e.heading), 1)
                 ]),
                 _: 1
-              }, 8, ["level"]),
+              }, 8, ["level", "id"]),
               createVNode(VsRichTextWrapper, null, {
                 default: withCtx(() => [
                   renderSlot(t.$slots, "default")