fds-vue-core 8.5.1 → 8.6.0

package/components.d.ts

@@ -12,6 +12,7 @@ import type { FdsExpanderBlockProps } from './dist/components/Blocks/FdsBlockExp
 import type { FdsBlockInfoProps } from './dist/components/Blocks/FdsBlockInfo/types'
 import type { FdsInteractionBlockProps } from './dist/components/Blocks/FdsBlockLink/types'
 import type { FdsButtonBaseProps } from './dist/components/Buttons/ButtonBaseProps'
+import type { FdsButtonTertiaryProps } from './dist/components/Buttons/FdsButtonTertiary/types'
 import type { FdsCopyButtonProps } from './dist/components/Buttons/FdsButtonCopy/types'
 import type { FdsButtonDownloadProps } from './dist/components/Buttons/FdsButtonDownload/types'
 import type { FdsIconButtonProps } from './dist/components/Buttons/FdsButtonIcon/types'
@@ -54,7 +55,7 @@ declare module 'vue' {
     FdsTreeView: DefineComponent<WrapperProps>
     FdsButtonPrimary: DefineComponent<FdsButtonBaseProps>
     FdsButtonSecondary: DefineComponent<FdsButtonBaseProps>
-    FdsButtonTertiary: DefineComponent<FdsButtonBaseProps>
+    FdsButtonTertiary: DefineComponent<FdsButtonTertiaryProps>
     FdsButtonMinor: DefineComponent<FdsButtonBaseProps>
     FdsButtonIcon: DefineComponent<FdsIconButtonProps>
     FdsButtonCopy: DefineComponent<FdsCopyButtonProps>

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

@@ -1,11 +1,11 @@
-import { FdsButtonBaseProps } from '../ButtonBaseProps';
-declare const _default: import('vue').DefineComponent<FdsButtonBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+import { FdsButtonTertiaryProps } from './types';
+declare const _default: import('vue').DefineComponent<FdsButtonTertiaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (ev: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<FdsButtonBaseProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<FdsButtonTertiaryProps> & Readonly<{
     onClick?: ((ev: MouseEvent) => any) | undefined;
 }>, {
     type: "button" | "submit" | "reset";
-    size: "sm" | "md" | "lg";
+    size: "sm" | "md";
     dataTestid: string;
     icon: string;
     loading: boolean;

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

@@ -0,0 +1,4 @@
+import { FdsButtonBaseProps } from '../ButtonBaseProps';
+export interface FdsButtonTertiaryProps extends Omit<FdsButtonBaseProps, 'size'> {
+    size?: 'sm' | 'md';
+}

package/dist/components/FdsDrawer/FdsDrawer.vue.d.ts

@@ -4,8 +4,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         default?: Slot;
+        'drawer-footer'?: Slot;
     }> & {
         default?: Slot;
+        'drawer-footer'?: Slot;
     };
     refs: {
         drawerInnerRef: HTMLDivElement;

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

@@ -5584,6 +5584,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "FdsButtonTertiary",
   props: {
+    size: { default: "md" },
     text: {},
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean },
@@ -5592,7 +5593,6 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     icon: { default: void 0 },
     iconPos: { default: "left" },
     iconSize: { default: 24 },
-    size: { default: "md" },
     textSelection: { type: Boolean, default: false },
     as: { default: "button" },
     href: {},
@@ -5610,9 +5610,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     const rootClasses = vue.computed(() => ["inline-block transition-opacity duration-200", props.block && "block w-full"]);
     const externalClass = vue.computed(() => attrs.class);
     const sizeClasses = {
-      sm: "text-sm h-7 px-4",
-      md: "text-base h-12 px-6",
-      lg: "text-lg h-[68px] px-8"
+      sm: "py-1 px-3",
+      md: "text-base py-1 px-4 leading-6"
     };
     const blockElClasses = vue.computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = vue.computed(() => props.icon && props.iconPos === "right" ? "order-2" : "");
@@ -5624,7 +5623,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
       props.textSelection && "select-text",
       (props.icon || props.text) && "gap-2",
       props.loading && "bg-blue_t-200!",
-      disabled.value ? "cursor-not-allowed" : "cursor-pointer"
+      disabled.value ? "cursor-not-allowed opacity-50" : "cursor-pointer"
     ]);
     const onClick = (ev) => {
       if (disabled.value || props.loading) {
@@ -11625,6 +11624,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     const drawerInnerRef = vue.ref(null);
     const previouslyFocusedElement = vue.ref(null);
     const { activate: activateFocusTrap, deactivate: deactivateFocusTrap } = useFocusTrap();
+    const hasFooterSlot = useHasSlot("drawer-footer");
     const { t } = useFdsI18n();
     const drawerOuterClasses = vue.computed(() => ["fixed top-0 left-0 w-full h-full z-100"]);
     const drawerInnerClasses = vue.computed(() => [
@@ -11641,7 +11641,15 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       }
     ]);
     const headerClasses = vue.computed(() => ["shrink-0 flex justify-between bg-white p-6", "rounded-t-lg md:rounded-none"]);
-    const contentClasses = vue.computed(() => ["flex-1 min-h-0 overflow-auto px-6 pb-6 mb-0-last-child"]);
+    const contentClasses = vue.computed(() => [
+      "flex-1 min-h-0 overflow-auto px-6 mb-0-last-child",
+      hasFooterSlot.value ? "pb-4" : "pb-6"
+    ]);
+    const footerClasses = vue.computed(() => [
+      "shrink-0 flex flex-col gap-4 px-6 pb-6 pt-4 bg-white z-[2]",
+      "sm:flex-row sm:justify-end",
+      "shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)]"
+    ]);
     const headerTitleClasses = vue.computed(() => ["m-0"]);
     const iconName = vue.computed(() => {
       if (props.info === "valid") return "check";
@@ -11776,7 +11784,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(contentClasses.value)
                 }, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ], 2)
+                ], 2),
+                vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass(footerClasses.value)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "drawer-footer", {}, void 0, true)
+                ], 2)) : vue.createCommentVNode("", true)
               ], 16)
             ], 2)) : vue.createCommentVNode("", true)
           ]),
@@ -11793,7 +11807,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FdsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-afc45d1a"]]);
+const FdsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-d72556a2"]]);
 function debounce(fn, delayMs) {
   let timeoutId;
   const debounced = (...args) => {