fds-vue-core 2.0.53 → 2.0.55

package/dist/components/Buttons/FdsButtonIcon/FdsButtonIcon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonIcon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonIcon/FdsButtonIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAG/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAsCpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA"}
+{"version":3,"file":"FdsButtonIcon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonIcon/FdsButtonIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAG/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAuCpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA"}

package/dist/components/Buttons/FdsButtonIcon/FdsButtonIcon.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<FdsIconButtonProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<FdsIconButtonProps> & Readonly<{
     onClick?: (ev: MouseEvent) => any;
 }>, {
-    size: string;
+    size: number;
     disabled: boolean;
     type: "button" | "submit" | "reset";
     loading: boolean;

package/dist/components/Buttons/FdsButtonIcon/FdsButtonIcon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonIcon/FdsButtonIcon.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;AA8GjD,wBAIG"}
+{"version":3,"file":"FdsButtonIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonIcon/FdsButtonIcon.vue"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;AAkHjD,wBAIG"}

package/dist/components/Buttons/FdsButtonIcon/types.d.ts

@@ -1,7 +1,7 @@
 import type { FdsIconName } from '../../FdsIcon/types';
 export interface FdsIconButtonProps {
     icon: FdsIconName;
-    size?: string;
+    size?: number;
     disabled?: boolean;
     loading?: boolean;
     type?: 'button' | 'submit' | 'reset';

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

@@ -1091,7 +1091,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonIcon",
   props: {
     icon: {},
-    size: { default: "24px" },
+    size: { default: 24 },
     disabled: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
     type: { default: "button" },
@@ -1102,6 +1102,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const iconSize = vue.computed(() => props.size - 4);
     const emit = __emit;
     const buttonClasses = vue.computed(() => [
       "inline-flex items-center justify-center rounded-md p-[2px] max-w-[48px] max-h-[48px] transition-colors duration-200 fill-blue-500 hover:bg-blue_t-100 active:bg-blue_t-200 focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",
@@ -1126,11 +1127,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       }, [
         !_ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
           key: 0,
-          size: _ctx.size,
+          size: iconSize.value,
           name: _ctx.icon
         }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$u, {
           key: 1,
-          size: _ctx.size,
+          size: iconSize.value,
           name: "spinner",
           class: "animate-spin"
         }, null, 8, ["size"]))
@@ -1441,7 +1442,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.toggleExpandNode(props.nodeId)),
               ariaLabel: childrenToggleAriaLabel(props.title),
               icon: vue.unref(treeState)?.getNodeIcon(props.nodeId, props.nodeExpandIcon, props.nodeCollapseIcon) ?? props.nodeExpandIcon,
-              size: "24px",
+              size: 24,
               class: "fill-blue-500 mr-3 items-center"
             }, null, 8, ["ariaLabel", "icon"])) : vue.createCommentVNode("", true),
             !hasChildrenNodes.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -1472,7 +1473,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 icon: "more",
-                size: "24px",
+                size: 24,
                 onClick: togglePopover,
                 ariaLabel: `Fler val för ${_ctx.title}`,
                 class: "items-center"
@@ -1533,7 +1534,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(_sfc_main$t, {
                         icon: "cross",
                         id: "tree-popover-close-button",
-                        size: "24px",
+                        size: 24,
                         onClick: _cache[3] || (_cache[3] = ($event) => closePopover()),
                         class: "fill-blue-500",
                         ariaLabel: "Stäng"
@@ -1671,7 +1672,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$k = ["aria-disabled"];
-const elBase$2 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer shadow-none p-1 text-base h-7 select-none m-0 rounded-md textcenter align-middle whitespace-nowrap no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
+const elBase$2 = "box-border appearance-none inline-flex items-center justify-center w-full cursor-pointer shadow-none p-1 text-base h-7 select-none m-0 rounded-md textcenter align-middle whitespace-nowrap no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonMinor",
   props: {
@@ -2154,7 +2155,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$g = ["aria-disabled"];
-const elBase$1 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
+const elBase$1 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800";
 const iconFillClass$1 = "fill-white";
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
@@ -2247,7 +2248,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$f = ["aria-disabled"];
-const elBase = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
+const elBase = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:border-blue-600 active:bg-blue-600 active:border-blue-600 active:text-white";
 const iconFillClass = "fill-blue-500";
 const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
@@ -2449,7 +2450,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       props.disabled && "opacity-20 pointer-events-none"
     ]);
     const elBase2 = vue.computed(() => [
-      "box-border appearance-none inline-flex items-center justify-center shadow-none p-1 text-base h-7",
+      "box-border appearance-none w-full inline-flex items-center justify-center shadow-none p-1 text-base h-7",
       "select-none m-0 rounded-md align-middle whitespace-nowrap no-underline",
       "transition-[box-shadow,border-color,background-color] duration-200 font-main text-base",
       "leading-5 tracking-normal"
@@ -3028,7 +3029,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 _ctx.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
                   key: 0,
                   icon: "cross",
-                  size: "24px",
+                  size: 24,
                   onClick: handleClose,
                   ariaLabel: closeLabel.value,
                   class: vue.normalizeClass(["fill-gray-900! hover:bg-gray-100 active:bg-gray-200"])
@@ -3036,7 +3037,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 _ctx.collapsable ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
                   key: 1,
                   icon: "arrowDown",
-                  size: "24px",
+                  size: 24,
                   onClick: handleToggle,
                   ariaLabel: isExpanded.value ? collapseLabel.value : expandLabel.value,
                   class: vue.normalizeClass([
@@ -3640,7 +3641,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               !_ctx.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
                 key: 0,
                 icon: "cross",
-                size: "24px",
+                size: 24,
                 onClick: _cache[0] || (_cache[0] = ($event) => handleClose("icon")),
                 ariaLabel: closeLabel.value,
                 class: "ml-4"
@@ -3756,7 +3757,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$t, {
             key: 1,
             icon: "first",
-            size: "24px",
+            size: 24,
             disabled: _ctx.current === 1,
             ariaDisabled: _ctx.current === 1,
             class: vue.normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
@@ -3769,7 +3770,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$t, {
             key: 3,
             icon: "arrowLeft",
-            size: "24px",
+            size: 24,
             disabled: _ctx.current === 1,
             ariaDisabled: _ctx.current === 1,
             class: vue.normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
@@ -3803,7 +3804,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$t, {
             key: 1,
             icon: "arrowRight",
-            size: "24px",
+            size: 24,
             disabled: _ctx.current === _ctx.max,
             ariaDisabled: _ctx.current === _ctx.max,
             class: vue.normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
@@ -3816,7 +3817,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$t, {
             key: 3,
             icon: "last",
-            size: "24px",
+            size: 24,
             disabled: _ctx.current === _ctx.max,
             ariaDisabled: _ctx.current === _ctx.max,
             class: vue.normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),