fds-vue-core 2.0.52 → 2.0.54

package/dist/components/Buttons/ButtonBaseProps.d.ts

@@ -7,7 +7,7 @@ export interface FdsButtonBaseProps {
     state?: 'hover' | 'focus' | 'active' | undefined;
     icon?: FdsIconName | undefined;
     iconPos?: 'right' | 'left';
-    size?: 's' | 'm' | 'l';
+    size?: 'sm' | 'md' | 'lg';
     textSelection?: boolean;
     as?: 'button' | 'a' | 'router-link';
     href?: string | undefined;

package/dist/components/Buttons/ButtonBaseProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBaseProps.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/ButtonBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IAChD,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC"}
+{"version":3,"file":"ButtonBaseProps.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/ButtonBaseProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;IAChD,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC"}

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/components/Buttons/FdsButtonPrimary/FdsButtonPrimary.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<FdsButtonBaseProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<FdsButtonBaseProps> & Readonly<{
     onClick?: (ev: MouseEvent) => any;
 }>, {
-    size: "s" | "m" | "l";
+    size: "sm" | "md" | "lg";
     disabled: boolean;
     type: "button" | "submit" | "reset";
     icon: import("../../..").FdsIconName | undefined;

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

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<FdsButtonBaseProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<FdsButtonBaseProps> & Readonly<{
     onClick?: (ev: MouseEvent) => any;
 }>, {
-    size: "s" | "m" | "l";
+    size: "sm" | "md" | "lg";
     disabled: boolean;
     type: "button" | "submit" | "reset";
     icon: import("../../..").FdsIconName | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonSecondary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAmM5D,wBAIG"}
+{"version":3,"file":"FdsButtonSecondary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAmM5D,wBAIG"}

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"
@@ -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 h-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 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({
@@ -2167,7 +2168,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     state: { default: void 0 },
     icon: { default: void 0 },
     iconPos: { default: "left" },
-    size: { default: "m" },
+    size: { default: "md" },
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
     href: { default: void 0 },
@@ -2183,9 +2184,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       props.block && "block w-full"
     ]);
     const sizeClasses = {
-      s: "text-sm h-7 px-3",
-      m: "text-base h-12 px-4",
-      l: "text-lg h-[68px] px-6"
+      sm: "text-sm h-7 px-3",
+      md: "text-base h-12 px-4",
+      lg: "text-lg h-[68px] px-6"
     };
     const blockElClasses = vue.computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = vue.computed(
@@ -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 h-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 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({
@@ -2260,7 +2261,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     state: { default: void 0 },
     icon: { default: void 0 },
     iconPos: { default: "left" },
-    size: { default: "m" },
+    size: { default: "md" },
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
     href: { default: void 0 },
@@ -2276,9 +2277,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       props.block && "block w-full"
     ]);
     const sizeClasses = {
-      s: "text-sm h-7 px-3",
-      m: "text-base h-12 px-4",
-      l: "text-lg h-[68px] px-6"
+      sm: "text-sm h-7 px-3",
+      md: "text-base h-12 px-4",
+      lg: "text-lg h-[68px] px-6"
     };
     const blockElClasses = vue.computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = vue.computed(
@@ -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"]),