fds-vue-core 8.3.2 → 8.4.0

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import { default as FdsButtonSecondary } from './components/Buttons/FdsButtonSec
 import { default as FdsDevMode } from './components/FdsDevMode/FdsDevMode.vue';
 import { default as FdsExitModal } from './components/FdsExitModal/FdsExitModal.vue';
 import { default as FdsIcon } from './components/FdsIcon/FdsIcon.vue';
+import { default as FdsDrawer } from './components/FdsDrawer/FdsDrawer.vue';
 import { default as FdsModal } from './components/FdsModal/FdsModal.vue';
 import { default as FdsPagination } from './components/FdsPagination/FdsPagination.vue';
 import { default as FdsPopover } from './components/FdsPopover/FdsPopover.vue';
@@ -52,6 +53,7 @@ import { useDownload } from './composables/useDownload';
 import { clearUnsavedChanges, getExitGuardWizardId, setupExitConfirmationGuard, shouldBlockNavigation, shouldBlockWizardExit, useExitConfirmationGuard, useExitConfirmationGuardState } from './composables/useExitConfirmationGuard';
 import { formatPidWithDash, isPidString, normalizePidSearchValue, PID_MASK, PID_MASK_OPTIONS, useIsPid } from './composables/useIsPid';
 import { isRelativeHref, resolveRouterLinkTarget, setupRouterLinkInterceptor, teardownRouterLinkInterceptor } from './composables/setupRouterLinkInterceptor';
+import { parseRouteFiltersFromQuery, serializeRouteFiltersToQuery, useRouteFilters } from './composables/useRouteFilters';
 import { useRouteScrollPositions } from './composables/useRouteScrollPositions';
 import { useViewportBreakpoint } from './composables/useViewportBreakpoint';
 import { capitalizeFirstLetter } from './helpers/capitalizeFirstLetter';
@@ -59,8 +61,8 @@ import { debounce } from './helpers/debounce';
 import { useFileSizeValidation, useFileValidation } from './helpers/fileValidation';
 import { FdsI18nLike } from './plugin/i18n';
 import { FdsButtonBaseProps } from './components/Buttons/ButtonBaseProps';
-export { FdsBlockAlert, FdsBlockContent, FdsBlockExpander, FdsBlockInfo, FdsBlockLink, FdsButtonCopy, FdsButtonDownload, FdsButtonIcon, FdsButtonMinor, FdsButtonPrimary, FdsButtonSecondary, FdsCheckbox, FdsDevMode, FdsExitModal, FdsH1, FdsH2, FdsH3, FdsHr, FdsIcon, FdsInput, FdsLabel, FdsLead, FdsListHeading, FdsMeta, FdsModal, FdsPagination, FdsPhonenumber, FdsSsn, FdsPopover, FdsRadio, FdsSearchSelect, FdsSearchSelectPro, FdsSelect, FdsSpinner, FdsSticker, FdsTable, FdsTableHead, FdsTabs, FdsTabsItem, FdsTextarea, FdsTreeView, FdsTruncatedText, FdsWeekCalendar, FdsWizard, };
-export { capitalizeFirstLetter, clearUnsavedChanges, debounce, formatPidWithDash, isRelativeHref, getExitGuardWizardId, isPidString, normalizePidSearchValue, PID_MASK, PID_MASK_OPTIONS, resolveRouterLinkTarget, setupExitConfirmationGuard, setupRouterLinkInterceptor, shouldBlockNavigation, shouldBlockWizardExit, teardownRouterLinkInterceptor, useBoldQuery, useDevMode, useDevModeEnvironment, useDevModeToggles, useDownload, useExitConfirmationGuard, useExitConfirmationGuardState, useFileSizeValidation, useFileValidation, useIsPid, useRouteScrollPositions, useTreeState, useViewportBreakpoint, };
+export { FdsBlockAlert, FdsBlockContent, FdsBlockExpander, FdsBlockInfo, FdsBlockLink, FdsButtonCopy, FdsButtonDownload, FdsButtonIcon, FdsButtonMinor, FdsButtonPrimary, FdsButtonSecondary, FdsCheckbox, FdsDevMode, FdsDrawer, FdsExitModal, FdsH1, FdsH2, FdsH3, FdsHr, FdsIcon, FdsInput, FdsLabel, FdsLead, FdsListHeading, FdsMeta, FdsModal, FdsPagination, FdsPhonenumber, FdsSsn, FdsPopover, FdsRadio, FdsSearchSelect, FdsSearchSelectPro, FdsSelect, FdsSpinner, FdsSticker, FdsTable, FdsTableHead, FdsTabs, FdsTabsItem, FdsTextarea, FdsTreeView, FdsTruncatedText, FdsWeekCalendar, FdsWizard, };
+export { capitalizeFirstLetter, clearUnsavedChanges, debounce, formatPidWithDash, isRelativeHref, getExitGuardWizardId, isPidString, normalizePidSearchValue, PID_MASK, PID_MASK_OPTIONS, resolveRouterLinkTarget, setupExitConfirmationGuard, setupRouterLinkInterceptor, shouldBlockNavigation, shouldBlockWizardExit, teardownRouterLinkInterceptor, useBoldQuery, useDevMode, useDevModeEnvironment, useDevModeToggles, useDownload, useExitConfirmationGuard, useExitConfirmationGuardState, useFileSizeValidation, useFileValidation, useIsPid, parseRouteFiltersFromQuery, serializeRouteFiltersToQuery, useRouteFilters, useRouteScrollPositions, useTreeState, useViewportBreakpoint, };
 export * from './assets/logos';
 export interface FdsVueCorePluginOptions {
     i18n?: FdsI18nLike;
@@ -109,6 +111,7 @@ export type { FdsLeadProps } from './components/Typography/FdsLead/types';
 export type { FdsListHeadingProps } from './components/Typography/FdsListHeading/types';
 export type { FdsMetaProps } from './components/Typography/FdsMeta/types';
 export type { FdsIconName, FdsIconProps } from './components/FdsIcon/types';
+export type { FdsDrawerProps } from './components/FdsDrawer/types';
 export type { FdsModalProps } from './components/FdsModal/types';
 export type { FdsPaginationProps } from './components/FdsPagination/types';
 export type { FdsPopoverProps } from './components/FdsPopover/types';
@@ -120,5 +123,6 @@ export type { FdsTruncatedTextProps } from './components/FdsTruncatedText/types'
 export type { FdsWeekCalendarLoading, FdsWeekCalendarProps, WeekDateRange } from './components/FdsWeekCalendar/types';
 export type { FdsWizardGoPayload, FdsWizardProps, FdsWizardRoute } from './components/FdsWizard/types';
 export type { BreakpointKey } from './composables/useViewportBreakpoint';
+export type { RouteFilterRecord, RouteFilterRefs, RouteFilterSchema, RouteFilterState, RouteFilterValue, RouteDraftControl, RouteSort, RouteSortDefault, UseRouteFiltersSchema, UseRouteFiltersReturn, } from './composables/useRouteFilters';
 export type { DevModeEnvironmentKey } from './composables/useDevModeEnvironment';
 export type { DevModeAction, DevModeActionEvent, DevModeActionInput, DevModeButtonToggle, DevModeCheckToggle, DevModeQuickSettingType, DevModeRadioToggle, DevModeSelectEvent, DevModeToggle, DevModeToggleEvent, } from './components/FdsDevMode/types';

package/dist/slot-styles.css

@@ -100,3 +100,43 @@ input[type='search']::-ms-clear {
 .fds-tabs-item--disabled {
   @apply cursor-not-allowed pointer-events-none opacity-35 select-none;
 }
+
+/* FdsDrawer slide transitions (consumers import slot-styles.css, not fds-vue-core.css) */
+.fds-drawer-enter-active,
+.fds-drawer-leave-active {
+  transition: visibility 280ms;
+}
+
+.fds-drawer-enter-active .fds-drawer-inner {
+  transition: transform 280ms cubic-bezier(0.22, 0.61, 0.36, 1);
+}
+
+.fds-drawer-leave-active .fds-drawer-inner {
+  transition: transform 180ms cubic-bezier(0.4, 0, 1, 1);
+}
+
+.fds-drawer-enter-from .fds-drawer-inner,
+.fds-drawer-leave-to .fds-drawer-inner {
+  transform: translateY(100%);
+}
+
+.fds-drawer-enter-active .fds-drawer-backdrop,
+.fds-drawer-leave-active .fds-drawer-backdrop {
+  transition: opacity 280ms ease;
+}
+
+.fds-drawer-leave-active .fds-drawer-backdrop {
+  transition-duration: 180ms;
+}
+
+.fds-drawer-enter-from .fds-drawer-backdrop,
+.fds-drawer-leave-to .fds-drawer-backdrop {
+  opacity: 0;
+}
+
+@media (min-width: 588px) {
+  .fds-drawer-enter-from .fds-drawer-inner,
+  .fds-drawer-leave-to .fds-drawer-inner {
+    transform: translateX(100%);
+  }
+}