@quaffui/quaff 0.1.0-prealpha10 → 0.1.0-prealpha11
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/components/card/QCardActions.svelte.d.ts +1 -1
- package/dist/components/card/props.d.ts +1 -1
- package/dist/components/drawer/QDrawer.svelte +8 -3
- package/dist/components/icon/QIcon.svelte.d.ts +4 -4
- package/dist/components/icon/props.d.ts +4 -4
- package/dist/components/input/QInput.svelte.d.ts +6 -6
- package/dist/components/input/props.d.ts +6 -6
- package/dist/components/layout/QLayout.svelte.d.ts +7 -7
- package/dist/components/layout/props.d.ts +7 -7
- package/dist/components/list/QItem.svelte.d.ts +5 -5
- package/dist/components/list/QItemSection.svelte.d.ts +1 -1
- package/dist/components/list/QList.svelte.d.ts +6 -13
- package/dist/components/list/props.d.ts +12 -12
- package/dist/components/progress/QCircularProgress.svelte.d.ts +3 -3
- package/dist/components/progress/QLinearProgress.svelte.d.ts +2 -2
- package/dist/components/progress/props.d.ts +5 -5
- package/dist/components/radio/QRadio.svelte.d.ts +2 -2
- package/dist/components/radio/props.d.ts +3 -3
- package/dist/components/railbar/QRailbar.svelte.d.ts +3 -3
- package/dist/components/railbar/props.d.ts +3 -3
- package/dist/components/select/QSelect.svelte.d.ts +3 -3
- package/dist/components/select/props.d.ts +4 -4
- package/dist/components/select/props.js +0 -1
- package/dist/components/separator/QSeparator.svelte.d.ts +5 -5
- package/dist/components/separator/props.d.ts +9 -9
- package/dist/components/table/QTable.svelte.d.ts +1 -1
- package/dist/components/table/props.d.ts +1 -1
- package/dist/components/tabs/QTabs.svelte.d.ts +2 -2
- package/dist/components/tabs/props.d.ts +2 -2
- package/dist/components/toolbar/QToolbar.svelte.d.ts +4 -4
- package/dist/components/toolbar/QToolbarTitle.svelte.d.ts +1 -1
- package/dist/components/toolbar/props.d.ts +5 -5
- package/dist/components/tooltip/QTooltip.svelte.d.ts +1 -1
- package/dist/components/tooltip/props.d.ts +1 -1
- package/dist/css/index.css +1 -1
- package/dist/css/theme/palette.scss +18 -4
- package/dist/helpers/version.d.ts +1 -1
- package/dist/helpers/version.js +1 -1
- package/dist/stores/QTheme.d.ts +1 -2
- package/dist/stores/QTheme.js +22 -15
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { getContext } from "svelte";
|
|
|
4
4
|
import { clickOutside } from "../../helpers";
|
|
5
5
|
import { useSize } from "../../composables/use-size";
|
|
6
6
|
import { derived } from "svelte/store";
|
|
7
|
-
export let value =
|
|
7
|
+
export let value = false, side = "left", width = 300, breakpoint = 1023, showIfAbove = false, behavior = "default", bordered = false, elevated = false, overlay = false, persistent = false, noSwipeOpen = false, noSwipeClose = false, noSwipeBackdrop = false, userClasses = void 0, userStyles = void 0;
|
|
8
8
|
export { userClasses as class, userStyles as style };
|
|
9
9
|
$:
|
|
10
10
|
canHideOnClickOutside = value === true && persistent === false || overlay === true;
|
|
@@ -22,7 +22,7 @@ export const show = (e) => {
|
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
export const hide = () => {
|
|
25
|
-
if (value === true
|
|
25
|
+
if (value === true) {
|
|
26
26
|
value = false;
|
|
27
27
|
}
|
|
28
28
|
};
|
|
@@ -94,6 +94,11 @@ $:
|
|
|
94
94
|
});
|
|
95
95
|
</script>
|
|
96
96
|
|
|
97
|
-
<div
|
|
97
|
+
<div
|
|
98
|
+
use:clickOutside={() => canHideOnClickOutside && hide()}
|
|
99
|
+
class={classes}
|
|
100
|
+
{style}
|
|
101
|
+
{...$$restProps}
|
|
102
|
+
>
|
|
98
103
|
<slot />
|
|
99
104
|
</div>
|
|
@@ -2,13 +2,13 @@ import { SvelteComponent } from "svelte";
|
|
|
2
2
|
import type { QIconProps } from "./props";
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
|
-
size?:
|
|
5
|
+
size?: QIconProps["size"];
|
|
6
6
|
name?: QIconProps["name"];
|
|
7
|
-
type?:
|
|
8
|
-
filled?:
|
|
7
|
+
type?: QIconProps["type"];
|
|
8
|
+
filled?: QIconProps["filled"];
|
|
9
9
|
svg?: QIconProps["svg"];
|
|
10
10
|
img?: QIconProps["img"];
|
|
11
|
-
imgAttributes?:
|
|
11
|
+
imgAttributes?: QIconProps["imgAttributes"];
|
|
12
12
|
color?: QIconProps["color"];
|
|
13
13
|
class?: string | undefined;
|
|
14
14
|
style?: string | undefined;
|
|
@@ -6,12 +6,12 @@ export interface QIconProps extends NativeProps {
|
|
|
6
6
|
* The size of the icon. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
7
7
|
* @default md
|
|
8
8
|
*/
|
|
9
|
-
size
|
|
9
|
+
size?: QIconSizeOptions;
|
|
10
10
|
/**
|
|
11
11
|
* The type of the icon.
|
|
12
12
|
* @default outlined
|
|
13
13
|
*/
|
|
14
|
-
type
|
|
14
|
+
type?: QIconTypeOptions;
|
|
15
15
|
/**
|
|
16
16
|
* The name of the Material Symbols icon.
|
|
17
17
|
* @default undefined
|
|
@@ -21,7 +21,7 @@ export interface QIconProps extends NativeProps {
|
|
|
21
21
|
* Determines whether the icon should be filled.
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
|
-
filled
|
|
24
|
+
filled?: boolean;
|
|
25
25
|
/**
|
|
26
26
|
* The SVG content for the icon.
|
|
27
27
|
* @default undefined
|
|
@@ -36,7 +36,7 @@ export interface QIconProps extends NativeProps {
|
|
|
36
36
|
* Additional attributes for the image element when using the `img` prop, as for example the "alt" attribute.
|
|
37
37
|
* @default {}
|
|
38
38
|
*/
|
|
39
|
-
imgAttributes
|
|
39
|
+
imgAttributes?: Record<string, any>;
|
|
40
40
|
/**
|
|
41
41
|
* The color of the icon.
|
|
42
42
|
* @default undefined
|
|
@@ -3,16 +3,16 @@ import type { QInputProps } from "./props";
|
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
|
-
bordered?:
|
|
6
|
+
bordered?: QInputProps["bordered"];
|
|
7
7
|
dense?: QInputProps["dense"];
|
|
8
|
-
disable?:
|
|
9
|
-
error?:
|
|
8
|
+
disable?: QInputProps["disable"];
|
|
9
|
+
error?: QInputProps["error"];
|
|
10
10
|
errorMessage?: QInputProps["errorMessage"];
|
|
11
|
-
filled?:
|
|
11
|
+
filled?: QInputProps["filled"];
|
|
12
12
|
hint?: QInputProps["hint"];
|
|
13
13
|
label?: QInputProps["label"];
|
|
14
|
-
outlined?:
|
|
15
|
-
rounded?:
|
|
14
|
+
outlined?: QInputProps["outlined"];
|
|
15
|
+
rounded?: QInputProps["rounded"];
|
|
16
16
|
value: QInputProps["value"];
|
|
17
17
|
class?: string | undefined;
|
|
18
18
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import type { NativeProps } from "../../utils/types";
|
|
2
2
|
export interface QInputProps extends NativeProps {
|
|
3
|
-
bordered
|
|
3
|
+
bordered?: boolean;
|
|
4
4
|
dense?: boolean;
|
|
5
|
-
disable
|
|
6
|
-
error
|
|
5
|
+
disable?: boolean;
|
|
6
|
+
error?: boolean;
|
|
7
7
|
errorMessage?: string;
|
|
8
|
-
filled
|
|
8
|
+
filled?: boolean;
|
|
9
9
|
hint?: string;
|
|
10
10
|
label?: string;
|
|
11
|
-
outlined
|
|
12
|
-
rounded
|
|
11
|
+
outlined?: boolean;
|
|
12
|
+
rounded?: boolean;
|
|
13
13
|
value: string;
|
|
14
14
|
}
|
|
15
15
|
export declare const QInputPropsDefaults: {
|
|
@@ -23,13 +23,13 @@ import type { QLayoutProps } from "./props";
|
|
|
23
23
|
import type { Readable } from "svelte/store";
|
|
24
24
|
declare const __propDef: {
|
|
25
25
|
props: {
|
|
26
|
-
view?: "
|
|
27
|
-
headerHeight?:
|
|
28
|
-
footerHeight?:
|
|
29
|
-
leftDrawerWidth?:
|
|
30
|
-
rightDrawerWidth?:
|
|
31
|
-
leftRailbarWidth?:
|
|
32
|
-
rightRailbarWidth?:
|
|
26
|
+
view?: QLayoutProps["view"];
|
|
27
|
+
headerHeight?: QLayoutProps["headerHeight"];
|
|
28
|
+
footerHeight?: QLayoutProps["footerHeight"];
|
|
29
|
+
leftDrawerWidth?: QLayoutProps["leftDrawerWidth"];
|
|
30
|
+
rightDrawerWidth?: QLayoutProps["rightDrawerWidth"];
|
|
31
|
+
leftRailbarWidth?: QLayoutProps["leftRailbarWidth"];
|
|
32
|
+
rightRailbarWidth?: QLayoutProps["rightDrawerWidth"];
|
|
33
33
|
class?: string | undefined;
|
|
34
34
|
style?: string | undefined;
|
|
35
35
|
};
|
|
@@ -6,36 +6,36 @@ export interface QLayoutProps extends NativeProps {
|
|
|
6
6
|
* See <a href="https://quasar.dev/layout/layout/#understanding-the-view-prop" target="_blank">Quasar's explanation on the view prop</a>.
|
|
7
7
|
* @default "hhh lpr fff"
|
|
8
8
|
*/
|
|
9
|
-
view
|
|
9
|
+
view?: QLayoutViewOptions;
|
|
10
10
|
/**
|
|
11
11
|
* The height of the header. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
12
12
|
* @default 64px
|
|
13
13
|
*/
|
|
14
|
-
headerHeight
|
|
14
|
+
headerHeight?: string | number;
|
|
15
15
|
/**
|
|
16
16
|
* The height of the footer. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
17
17
|
* @default 80px
|
|
18
18
|
*/
|
|
19
|
-
footerHeight
|
|
19
|
+
footerHeight?: string | number;
|
|
20
20
|
/**
|
|
21
21
|
* The width of the left drawer. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
22
22
|
* @default 300px
|
|
23
23
|
*/
|
|
24
|
-
leftDrawerWidth
|
|
24
|
+
leftDrawerWidth?: string | number;
|
|
25
25
|
/**
|
|
26
26
|
* The width of the right drawer. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
27
27
|
* @default 300px
|
|
28
28
|
*/
|
|
29
|
-
rightDrawerWidth
|
|
29
|
+
rightDrawerWidth?: string | number;
|
|
30
30
|
/**
|
|
31
31
|
* The width of the left railbar. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
32
32
|
* @default 88px
|
|
33
33
|
*/
|
|
34
|
-
leftRailbarWidth
|
|
34
|
+
leftRailbarWidth?: string | number;
|
|
35
35
|
/**
|
|
36
36
|
* The width of the right railbar. Can be specified with CSS units. If no unit is specified, "px" will be used.
|
|
37
37
|
* @default 88px
|
|
38
38
|
*/
|
|
39
|
-
rightRailbarWidth
|
|
39
|
+
rightRailbarWidth?: string | number;
|
|
40
40
|
}
|
|
41
41
|
export type QLayoutEvents = "resize" | "scroll" | "scrollHeight";
|
|
@@ -3,11 +3,11 @@ import type { QItemProps } from "./props";
|
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
|
-
tag?:
|
|
7
|
-
active?:
|
|
8
|
-
clickable?:
|
|
9
|
-
dense?:
|
|
10
|
-
tabindex?:
|
|
6
|
+
tag?: QItemProps["tag"];
|
|
7
|
+
active?: QItemProps["active"];
|
|
8
|
+
clickable?: QItemProps["clickable"];
|
|
9
|
+
dense?: QItemProps["dense"];
|
|
10
|
+
tabindex?: QItemProps["tabindex"];
|
|
11
11
|
href?: QItemProps["href"];
|
|
12
12
|
to?: QItemProps["to"];
|
|
13
13
|
disable?: boolean | undefined;
|
|
@@ -3,19 +3,12 @@ import type { QListProps } from "./props";
|
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
|
-
bordered?:
|
|
7
|
-
roundedBorders?:
|
|
8
|
-
dense?:
|
|
9
|
-
separator?:
|
|
10
|
-
separatorOptions?:
|
|
11
|
-
|
|
12
|
-
inset?: boolean | undefined;
|
|
13
|
-
color?: string | undefined;
|
|
14
|
-
size?: string | undefined;
|
|
15
|
-
text?: string | undefined;
|
|
16
|
-
textAlign?: "top" | "bottom" | "left" | "right" | "center" | "middle" | undefined;
|
|
17
|
-
} | undefined;
|
|
18
|
-
padding?: boolean | undefined;
|
|
6
|
+
bordered?: QListProps["bordered"];
|
|
7
|
+
roundedBorders?: QListProps["roundedBorders"];
|
|
8
|
+
dense?: QListProps["dense"];
|
|
9
|
+
separator?: QListProps["separator"];
|
|
10
|
+
separatorOptions?: QListProps["separatorOptions"];
|
|
11
|
+
padding?: QListProps["padding"];
|
|
19
12
|
tag?: QListProps["tag"];
|
|
20
13
|
class?: string | undefined;
|
|
21
14
|
};
|
|
@@ -2,11 +2,11 @@ import { type NativeProps } from "../../utils/types";
|
|
|
2
2
|
import type { QSeparatorProps } from "../separator/props";
|
|
3
3
|
import { type UseRouterLinkProps } from "../../composables/use-router-link";
|
|
4
4
|
export interface QListProps extends NativeProps {
|
|
5
|
-
bordered
|
|
6
|
-
roundedBorders
|
|
7
|
-
dense
|
|
8
|
-
separator
|
|
9
|
-
separatorOptions
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
roundedBorders?: boolean;
|
|
7
|
+
dense?: boolean;
|
|
8
|
+
separator?: boolean;
|
|
9
|
+
separatorOptions?: {
|
|
10
10
|
spacing?: QSeparatorProps["spacing"];
|
|
11
11
|
inset?: QSeparatorProps["inset"];
|
|
12
12
|
color?: QSeparatorProps["color"];
|
|
@@ -14,20 +14,20 @@ export interface QListProps extends NativeProps {
|
|
|
14
14
|
text?: QSeparatorProps["text"];
|
|
15
15
|
textAlign?: QSeparatorProps["textAlign"];
|
|
16
16
|
};
|
|
17
|
-
padding
|
|
17
|
+
padding?: boolean;
|
|
18
18
|
tag?: string;
|
|
19
19
|
}
|
|
20
20
|
export declare const QListPropsDefaults: QListProps;
|
|
21
21
|
export interface QItemProps extends UseRouterLinkProps, NativeProps {
|
|
22
|
-
tag
|
|
23
|
-
active
|
|
24
|
-
clickable
|
|
25
|
-
dense
|
|
26
|
-
tabindex
|
|
22
|
+
tag?: string;
|
|
23
|
+
active?: boolean;
|
|
24
|
+
clickable?: boolean;
|
|
25
|
+
dense?: boolean;
|
|
26
|
+
tabindex?: string | number;
|
|
27
27
|
}
|
|
28
28
|
export declare const QItemPropsDefaults: QItemProps;
|
|
29
29
|
export type QItemSectionTypes = "thumbnail" | "video" | "avatar" | "toggle" | "icon" | "trailingIcon" | "trailingText" | "content";
|
|
30
30
|
export interface QItemSectionProps extends NativeProps {
|
|
31
|
-
type
|
|
31
|
+
type?: QItemSectionTypes;
|
|
32
32
|
}
|
|
33
33
|
export declare const QItemSectionPropsDefaults: QItemSectionProps;
|
|
@@ -3,10 +3,10 @@ import type { QCircularProgressProps } from "./props";
|
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
value?: number | undefined;
|
|
6
|
-
indeterminate?:
|
|
7
|
-
size?:
|
|
6
|
+
indeterminate?: QCircularProgressProps["indeterminate"];
|
|
7
|
+
size?: QCircularProgressProps["size"];
|
|
8
8
|
color?: QCircularProgressProps["color"];
|
|
9
|
-
thickness?:
|
|
9
|
+
thickness?: QCircularProgressProps["thickness"];
|
|
10
10
|
class?: string | undefined;
|
|
11
11
|
};
|
|
12
12
|
events: {
|
|
@@ -4,8 +4,8 @@ declare const __propDef: {
|
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
value?: number | undefined;
|
|
7
|
-
from?: "
|
|
8
|
-
rounded?:
|
|
7
|
+
from?: QLinearProgressProps["from"];
|
|
8
|
+
rounded?: QLinearProgressProps["rounded"];
|
|
9
9
|
class?: string | undefined;
|
|
10
10
|
style?: string | undefined;
|
|
11
11
|
};
|
|
@@ -7,11 +7,11 @@ export interface QLinearProgressProps extends NativeProps {
|
|
|
7
7
|
/**
|
|
8
8
|
* @default left
|
|
9
9
|
*/
|
|
10
|
-
from
|
|
10
|
+
from?: "left" | "right";
|
|
11
11
|
/**
|
|
12
12
|
* @default false
|
|
13
13
|
*/
|
|
14
|
-
rounded
|
|
14
|
+
rounded?: boolean;
|
|
15
15
|
}
|
|
16
16
|
export interface QCircularProgressProps extends NativeProps {
|
|
17
17
|
/**
|
|
@@ -21,11 +21,11 @@ export interface QCircularProgressProps extends NativeProps {
|
|
|
21
21
|
/**
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
|
-
indeterminate
|
|
24
|
+
indeterminate?: boolean;
|
|
25
25
|
/**
|
|
26
26
|
* @default 2em
|
|
27
27
|
*/
|
|
28
|
-
size
|
|
28
|
+
size?: CssValue | number;
|
|
29
29
|
/**
|
|
30
30
|
* @default undefined
|
|
31
31
|
*/
|
|
@@ -33,5 +33,5 @@ export interface QCircularProgressProps extends NativeProps {
|
|
|
33
33
|
/**
|
|
34
34
|
* @default 5
|
|
35
35
|
*/
|
|
36
|
-
thickness
|
|
36
|
+
thickness?: number;
|
|
37
37
|
}
|
|
@@ -4,9 +4,9 @@ declare const __propDef: {
|
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
6
|
value?: string | undefined;
|
|
7
|
-
label?:
|
|
7
|
+
label?: QRadioProps["label"];
|
|
8
8
|
selected?: QRadioProps["selected"];
|
|
9
|
-
disable?:
|
|
9
|
+
disable?: QRadioProps["disable"];
|
|
10
10
|
class?: string | undefined;
|
|
11
11
|
};
|
|
12
12
|
events: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { NativeProps } from "../../utils/types";
|
|
2
2
|
export interface QRadioProps extends NativeProps {
|
|
3
3
|
value: string;
|
|
4
|
-
label
|
|
5
|
-
selected
|
|
6
|
-
disable
|
|
4
|
+
label?: string;
|
|
5
|
+
selected?: any;
|
|
6
|
+
disable?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export declare const QRadioPropsDefaults: QRadioProps;
|
|
@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
|
|
|
2
2
|
import type { QRailbarProps } from "./props";
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
|
-
width?:
|
|
6
|
-
side?: "
|
|
7
|
-
bordered?:
|
|
5
|
+
width?: QRailbarProps["width"];
|
|
6
|
+
side?: QRailbarProps["side"];
|
|
7
|
+
bordered?: QRailbarProps["bordered"];
|
|
8
8
|
class?: string | undefined;
|
|
9
9
|
style?: string | undefined;
|
|
10
10
|
};
|
|
@@ -3,13 +3,13 @@ export interface QRailbarProps extends NativeProps {
|
|
|
3
3
|
/**
|
|
4
4
|
* @default 88px
|
|
5
5
|
*/
|
|
6
|
-
width
|
|
6
|
+
width?: CssValue | number;
|
|
7
7
|
/**
|
|
8
8
|
* @default left
|
|
9
9
|
*/
|
|
10
|
-
side
|
|
10
|
+
side?: "left" | "right";
|
|
11
11
|
/**
|
|
12
12
|
* @default false
|
|
13
13
|
*/
|
|
14
|
-
bordered
|
|
14
|
+
bordered?: boolean;
|
|
15
15
|
}
|
|
@@ -7,10 +7,10 @@ declare const __propDef: {
|
|
|
7
7
|
multiple?: QSelectProps["multiple"];
|
|
8
8
|
bordered?: QSelectProps["bordered"];
|
|
9
9
|
dense?: QSelectProps["dense"];
|
|
10
|
-
disable?:
|
|
11
|
-
error?:
|
|
10
|
+
disable?: QSelectProps["disable"];
|
|
11
|
+
error?: QSelectProps["error"];
|
|
12
12
|
errorMessage?: QSelectProps["errorMessage"];
|
|
13
|
-
filled?:
|
|
13
|
+
filled?: QSelectProps["filled"];
|
|
14
14
|
hint?: QSelectProps["hint"];
|
|
15
15
|
label?: QSelectProps["label"];
|
|
16
16
|
outlined?: QSelectProps["outlined"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { NativeProps } from "../../utils/types";
|
|
2
2
|
export type QSelectOption = string | {
|
|
3
3
|
label: string;
|
|
4
4
|
value: string;
|
|
@@ -9,10 +9,10 @@ export interface QSelectProps extends NativeProps {
|
|
|
9
9
|
options: QSelectOption[];
|
|
10
10
|
bordered?: boolean;
|
|
11
11
|
dense?: boolean;
|
|
12
|
-
disable
|
|
13
|
-
error
|
|
12
|
+
disable?: boolean;
|
|
13
|
+
error?: boolean;
|
|
14
14
|
errorMessage?: string;
|
|
15
|
-
filled
|
|
15
|
+
filled?: boolean;
|
|
16
16
|
hint?: string;
|
|
17
17
|
label?: string;
|
|
18
18
|
outlined?: boolean;
|
|
@@ -2,13 +2,13 @@ import { SvelteComponent } from "svelte";
|
|
|
2
2
|
import type { QSeparatorProps } from "./props";
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
|
-
spacing?: "
|
|
6
|
-
inset?:
|
|
7
|
-
vertical?:
|
|
5
|
+
spacing?: QSeparatorProps["spacing"];
|
|
6
|
+
inset?: QSeparatorProps["inset"];
|
|
7
|
+
vertical?: QSeparatorProps["vertical"];
|
|
8
8
|
color?: QSeparatorProps["color"];
|
|
9
|
-
size?:
|
|
9
|
+
size?: QSeparatorProps["size"];
|
|
10
10
|
text?: QSeparatorProps["text"];
|
|
11
|
-
textAlign?: "
|
|
11
|
+
textAlign?: QSeparatorProps["textAlign"];
|
|
12
12
|
class?: string | undefined;
|
|
13
13
|
style?: string | undefined;
|
|
14
14
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import type { NativeProps } from "../../utils/types";
|
|
2
2
|
interface QSeparatorPropsVertical extends NativeProps {
|
|
3
|
-
spacing
|
|
4
|
-
inset
|
|
5
|
-
vertical
|
|
3
|
+
spacing?: "none" | "sm" | "md" | "lg";
|
|
4
|
+
inset?: boolean;
|
|
5
|
+
vertical?: true;
|
|
6
6
|
color?: string;
|
|
7
7
|
size: string;
|
|
8
8
|
text?: string;
|
|
9
|
-
textAlign
|
|
9
|
+
textAlign?: "top" | "middle" | "bottom";
|
|
10
10
|
}
|
|
11
11
|
interface QSeparatorPropsHorizontal extends NativeProps {
|
|
12
|
-
spacing
|
|
13
|
-
inset
|
|
14
|
-
vertical
|
|
12
|
+
spacing?: "none" | "sm" | "md" | "lg";
|
|
13
|
+
inset?: boolean;
|
|
14
|
+
vertical?: false;
|
|
15
15
|
color?: string;
|
|
16
|
-
size
|
|
16
|
+
size?: string;
|
|
17
17
|
text?: string;
|
|
18
|
-
textAlign
|
|
18
|
+
textAlign?: "left" | "center" | "right";
|
|
19
19
|
}
|
|
20
20
|
export type QSeparatorProps = QSeparatorPropsHorizontal | QSeparatorPropsVertical;
|
|
21
21
|
export declare const QSeparatorPropsDefaults: QSeparatorProps;
|
|
@@ -3,8 +3,8 @@ import type { QTabsProps } from "./props";
|
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
value?: QTabsProps["value"];
|
|
6
|
-
variant?:
|
|
7
|
-
round?:
|
|
6
|
+
variant?: QTabsProps["variant"];
|
|
7
|
+
round?: QTabsProps["round"];
|
|
8
8
|
class?: string | undefined;
|
|
9
9
|
style?: string | undefined;
|
|
10
10
|
};
|
|
@@ -2,8 +2,8 @@ import { type NativeProps } from "../../utils/types";
|
|
|
2
2
|
export type QTabsVariants = "primary" | "secondary" | "vertical";
|
|
3
3
|
export interface QTabsProps extends NativeProps {
|
|
4
4
|
value?: string;
|
|
5
|
-
variant
|
|
6
|
-
round
|
|
5
|
+
variant?: QTabsVariants;
|
|
6
|
+
round?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export declare const QTabsPropsDefaults: QTabsProps;
|
|
9
9
|
export interface QTabProps extends NativeProps {
|
|
@@ -3,10 +3,10 @@ import type { QToolbarProps } from "./props";
|
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
|
-
inset?:
|
|
7
|
-
border?:
|
|
8
|
-
elevate?:
|
|
9
|
-
height?:
|
|
6
|
+
inset?: QToolbarProps["inset"];
|
|
7
|
+
border?: QToolbarProps["border"];
|
|
8
|
+
elevate?: QToolbarProps["elevate"];
|
|
9
|
+
height?: QToolbarProps["height"];
|
|
10
10
|
class?: string | undefined;
|
|
11
11
|
style?: string | undefined;
|
|
12
12
|
};
|
|
@@ -3,23 +3,23 @@ export interface QToolbarProps extends NativeProps {
|
|
|
3
3
|
/**
|
|
4
4
|
* @default false
|
|
5
5
|
*/
|
|
6
|
-
inset
|
|
6
|
+
inset?: boolean;
|
|
7
7
|
/**
|
|
8
8
|
* @default false
|
|
9
9
|
*/
|
|
10
|
-
border
|
|
10
|
+
border?: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* @default false
|
|
13
13
|
*/
|
|
14
|
-
elevate
|
|
14
|
+
elevate?: boolean;
|
|
15
15
|
/**
|
|
16
16
|
* @default 64px
|
|
17
17
|
*/
|
|
18
|
-
height
|
|
18
|
+
height?: CssValue | number;
|
|
19
19
|
}
|
|
20
20
|
export interface QToolbarTitleProps extends NativeProps {
|
|
21
21
|
/**
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
|
-
shrink
|
|
24
|
+
shrink?: boolean;
|
|
25
25
|
}
|