fds-vue-core 4.4.0 → 4.4.3

package/dist/fds-vue-core.cjs.js

@@ -94,15 +94,9 @@ const icons = {
       </svg>
     `,
   backspace: () => `
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-        <g fill-rule="evenodd">
-          <g transform="translate(-65 -3428) translate(65 3428)">
-            <g fill-rule="nonzero">
-              <path d="M2.25 14C1.01 14 0 12.954 0 11.667V2.333C0 1.046 1.01 0 2.25 0h16.69c.78 0 1.494.41 1.908 1.096l2.812 4.667c.453.75.453 1.722 0 2.473l-2.812 4.672C20.432 13.592 19.72 14 18.943 14H2.25zm0-12.444c-.414 0-.75.348-.75.777v9.334c0 .429.336.777.75.777h16.69c.262 0 .499-.135.638-.363l2.81-4.668c.151-.251.151-.575 0-.825l-2.812-4.666c-.138-.23-.375-.365-.636-.365H2.25v-.001z" transform="matrix(-1 0 0 1 24 5)"/>
-              <path d="M8.2 9.5c-.215 0-.416-.083-.567-.235L6.5 8.132 5.368 9.265c-.152.152-.352.235-.567.235-.215 0-.415-.083-.566-.235C4.083 9.115 4 8.913 4 8.7c0-.213.083-.415.234-.567l1.134-1.131-1.133-1.133c-.312-.313-.312-.82 0-1.133.152-.152.352-.235.566-.235.214 0 .415.083.566.235L6.5 5.868l1.132-1.133c.152-.152.352-.235.566-.235.214 0 .415.083.566.234.313.313.313.82 0 1.133L7.634 7l1.132 1.132c.152.152.234.353.234.567 0 .215-.083.416-.235.566-.15.15-.351.234-.566.234z" transform="matrix(-1 0 0 1 24 5)"/>
-            </g>
-          </g>
-        </g>
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
+        <path d="M29 25.33c1.65 0 3-1.4 3-3.1V9.77a3.06 3.06 0 0 0-3-3.11H6.75c-1.04 0-2 .54-2.55 1.46L.45 14.35c-.6 1-.6 2.3 0 3.3l3.75 6.23c.56.91 1.5 1.45 2.54 1.45H29Zm0-16.59c.55 0 1 .47 1 1.04v12.44c0 .57-.45 1.04-1 1.04H6.75a1 1 0 0 1-.85-.48l-3.75-6.23c-.2-.33-.2-.77 0-1.1L5.9 9.23c.18-.3.5-.49.85-.49H29Z"/>
+        <path d="M21.07 19.33c.28 0 .55-.1.75-.31l1.51-1.51 1.51 1.51a1.06 1.06 0 0 0 1.51 0c.2-.2.32-.47.32-.75 0-.29-.11-.56-.32-.76l-1.5-1.5 1.5-1.52a1.07 1.07 0 0 0-.75-1.82c-.29 0-.56.1-.76.31l-1.5 1.51-1.52-1.51a1.06 1.06 0 0 0-1.5 0c-.42.42-.42 1.1 0 1.5l1.5 1.52-1.5 1.51c-.21.2-.32.47-.32.76a1.06 1.06 0 0 0 1.07 1.07Z"/>
       </svg>`,
   bigCamera: () => `
       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
@@ -1338,6 +1332,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     state: { default: void 0 },
     icon: { default: void 0 },
     iconPos: { default: "left" },
+    iconSize: { default: 24 },
     size: {},
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
@@ -1416,8 +1411,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(_sfc_main$D, {
                 class: vue.normalizeClass(iconFillClass2.value),
                 name: __props.icon,
-                size: 24
-              }, null, 8, ["class", "name"])
+                size: __props.iconSize
+              }, null, 8, ["class", "name", "size"])
             ], 2)) : vue.createCommentVNode("", true),
             vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(__props.text), 1)
           ]),
@@ -4262,6 +4257,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     state: { default: void 0 },
     icon: { default: void 0 },
     iconPos: { default: "left" },
+    iconSize: { default: 24 },
     size: { default: "md" },
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
@@ -4339,8 +4335,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(_sfc_main$D, {
                 class: vue.normalizeClass(iconFillClass$1),
                 name: __props.icon,
-                size: 24
-              }, null, 8, ["name"])
+                size: __props.iconSize
+              }, null, 8, ["name", "size"])
             ], 2)) : vue.createCommentVNode("", true),
             __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$e, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
@@ -4368,6 +4364,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     state: { default: void 0 },
     icon: { default: void 0 },
     iconPos: { default: "left" },
+    iconSize: { default: 24 },
     size: { default: "md" },
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
@@ -4446,8 +4443,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(_sfc_main$D, {
                 class: vue.normalizeClass(iconFillClass),
                 name: __props.icon,
-                size: 24
-              }, null, 8, ["name"])
+                size: __props.iconSize
+              }, null, 8, ["name", "size"])
             ], 2)) : vue.createCommentVNode("", true),
             __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
@@ -8368,7 +8365,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       return {};
     });
     const rightIconsContainerClasses = vue.computed(() => [
-      "absolute flex gap-2 right-4 top-1/2 -translate-y-1/2 flex items-center justify-end"
+      "absolute flex gap-2 top-1/2 -translate-y-1/2 items-center justify-end",
+      showClearButton.value ? "right-2" : "right-3"
     ]);
     const internalValue = vue.computed({
       get: () => modelValue.value !== void 0 ? modelValue.value : props.value ?? "",
@@ -8532,7 +8530,10 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
                   key: 3,
                   icon: "cross"
-                }, { "aria-label": clearButtonLabel.value }, { onClick: onClear }), null, 16)) : vue.createCommentVNode("", true),
+                }, { "aria-label": clearButtonLabel.value }, {
+                  onClick: onClear,
+                  size: 30
+                }), null, 16)) : vue.createCommentVNode("", true),
                 showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
                   key: 4,
                   icon: showPassword.value ? "viewOff" : "viewOn",