@wisemen/vue-core-design-system 1.26.0 → 1.27.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/composables/breakpoints.composable.d.ts +26 -0
- package/dist/composables/isMobileViewport.composable.d.ts +5 -0
- package/dist/index.cjs +63 -70
- package/dist/index.d.ts +1 -0
- package/dist/index.js +6808 -6712
- package/dist/ui/dialog/Dialog.d.ts +1 -0
- package/dist/ui/dialog/DialogClose.d.ts +17 -0
- package/dist/ui/dialog/dialog.context.d.ts +6 -0
- package/dist/ui/dialog/dialog.style.d.ts +30 -0
- package/dist/ui/dropdown-menu/DropdownMenuItem.d.ts +16 -1
- package/dist/ui/dropdown-menu/DropdownMenuSubTrigger.d.ts +16 -1
- package/dist/ui/responsive-drawer/ResponsiveDrawer.d.ts +9 -1
- package/dist/ui/responsive-drawer/responsiveDrawer.props.d.ts +9 -1
- package/dist/utils/device.util.d.ts +1 -2
- package/package.json +6 -6
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Viewport breakpoints aligned with Tailwind's default `sm`/`md`/`lg`/`xl`/`2xl` screens,
|
|
3
|
+
* so JS breakpoint checks agree with responsive utility classes (`md:`, `lg:`, ...).
|
|
4
|
+
*/
|
|
5
|
+
export declare const BREAKPOINTS: {
|
|
6
|
+
sm: number;
|
|
7
|
+
md: number;
|
|
8
|
+
lg: number;
|
|
9
|
+
xl: number;
|
|
10
|
+
'2xl': number;
|
|
11
|
+
};
|
|
12
|
+
export type Breakpoint = keyof typeof BREAKPOINTS;
|
|
13
|
+
export declare const useBreakpoints: () => Record<"lg" | "md" | "sm" | "2xl" | "xl", import('vue').ComputedRef<boolean>> & {
|
|
14
|
+
greaterOrEqual: (k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">) => import('vue').ComputedRef<boolean>;
|
|
15
|
+
smallerOrEqual: (k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">) => import('vue').ComputedRef<boolean>;
|
|
16
|
+
greater(k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): import('vue').ComputedRef<boolean>;
|
|
17
|
+
smaller(k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): import('vue').ComputedRef<boolean>;
|
|
18
|
+
between(a: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">, b: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): import('vue').ComputedRef<boolean>;
|
|
19
|
+
isGreater(k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): boolean;
|
|
20
|
+
isGreaterOrEqual(k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): boolean;
|
|
21
|
+
isSmaller(k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): boolean;
|
|
22
|
+
isSmallerOrEqual(k: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): boolean;
|
|
23
|
+
isInBetween(a: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">, b: import('vue').MaybeRefOrGetter<"lg" | "md" | "sm" | "2xl" | "xl">): boolean;
|
|
24
|
+
current: () => import('vue').ComputedRef<("lg" | "md" | "sm" | "2xl" | "xl")[]>;
|
|
25
|
+
active(): import('vue').ComputedRef<"" | "lg" | "md" | "sm" | "2xl" | "xl">;
|
|
26
|
+
};
|
|
@@ -1,2 +1,7 @@
|
|
|
1
1
|
import { ComputedRef } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Below the `md` breakpoint, components switch to their mobile presentation
|
|
4
|
+
* (Select and Autocomplete render a bottom drawer instead of a popover,
|
|
5
|
+
* the date range picker shows a single month instead of two, ...).
|
|
6
|
+
*/
|
|
2
7
|
export declare const useIsMobileViewport: () => ComputedRef<boolean>;
|