@quaffui/quaff 0.1.0-prealpha11 → 0.1.0-prealpha14

package/dist/components/toolbar/QToolbar.svelte.d.ts

@@ -7,8 +7,8 @@ declare const __propDef: {
         border?: QToolbarProps["border"];
         elevate?: QToolbarProps["elevate"];
         height?: QToolbarProps["height"];
-        class?: string | undefined;
-        style?: string | undefined;
+        class?: string | null | undefined;
+        style?: string | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/toolbar/QToolbarTitle.svelte

@@ -1,4 +1,4 @@
-<script>import { createClasses } from "../../utils/props";
+<script>import { createClasses } from "../../utils";
 export let shrink = false, userClasses = void 0, userStyles = void 0;
 export { userClasses as class, userStyles as style };
 $:

package/dist/components/toolbar/QToolbarTitle.svelte.d.ts

@@ -4,8 +4,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         shrink?: QToolbarTitleProps["shrink"];
-        class?: string | undefined;
-        style?: string | undefined;
+        class?: string | null | undefined;
+        style?: string | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/toolbar/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "../../utils/types";
+import type { QComponentDocs } from "../../utils";
 export declare let QToolbarDocs: QComponentDocs;

package/dist/components/toolbar/docs.props.js

@@ -2,27 +2,43 @@ export const QToolbarDocsProps = [
     {
         name: "inset",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "false",
     },
     {
-        name: "height",
-        type: "string | number",
-        optional: false,
+        name: "border",
+        type: "boolean",
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "false",
+    },
+    {
+        name: "elevate",
+        type: "boolean",
+        optional: true,
+        clickableType: false,
+        description: "",
+        default: "false",
+    },
+    {
+        name: "height",
+        type: "CssValue | number",
+        optional: true,
+        clickableType: true,
+        description: "",
+        default: "64px",
     },
 ];
 export const QToolbarTitleDocsProps = [
     {
         name: "shrink",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "false",
     },
 ];

package/dist/components/toolbar/props.d.ts

@@ -1,5 +1,6 @@
-import type { NativeProps, CssValue } from "../../utils/types";
-export interface QToolbarProps extends NativeProps {
+import type { NativeProps, CssValue } from "../../utils";
+import type { HTMLAttributes } from "svelte/elements";
+export interface QToolbarProps extends NativeProps, HTMLAttributes<HTMLElement> {
     /**
      * @default false
      */
@@ -17,7 +18,7 @@ export interface QToolbarProps extends NativeProps {
      */
     height?: CssValue | number;
 }
-export interface QToolbarTitleProps extends NativeProps {
+export interface QToolbarTitleProps extends NativeProps, HTMLAttributes<HTMLDivElement> {
     /**
      * @default false
      */

package/dist/components/tooltip/QTooltip.svelte

@@ -1,4 +1,4 @@
-<script>import { createClasses } from "../../utils/props";
+<script>import { createClasses } from "../../utils";
 export let value = void 0, position = "bottom", userClasses = "";
 export { userClasses as class };
 $:

package/dist/components/tooltip/QTooltip.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         [x: string]: any;
         value?: QTooltipProps["value"];
         position?: QTooltipProps["position"];
-        class?: string | undefined;
+        class?: string | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/tooltip/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "../../utils/types";
+import type { QComponentDocs } from "../../utils";
 export declare let QTooltipDocs: QComponentDocs;

package/dist/components/tooltip/docs.props.js

@@ -10,7 +10,7 @@ export const QTooltipDocsProps = [
     {
         name: "position",
         type: '"top" | "right" | "bottom" | "left"',
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",

package/dist/components/tooltip/props.d.ts

@@ -1,5 +1,6 @@
-import type { NativeProps } from "../../utils/types";
-export interface QTooltipProps extends NativeProps {
+import type { HTMLAttributes } from "svelte/elements";
+import type { NativeProps } from "../../utils";
+export interface QTooltipProps extends NativeProps, HTMLAttributes<HTMLDivElement> {
     value?: boolean;
     position?: "top" | "right" | "bottom" | "left";
 }

package/dist/components/tooltip/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "../../utils/types";
+import { NativePropsDefaults } from "../../utils";
 export const QTooltipPropsDefaults = {
     value: undefined,
     position: "bottom",

package/dist/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-align";
+export * from "./use-router-link";
+export * from "./use-size";

package/dist/composables/index.js

@@ -1 +1,3 @@
-"use strict";
+export * from "./use-align";
+export * from "./use-router-link";
+export * from "./use-size";

package/dist/composables/use-align.d.ts

@@ -5,4 +5,4 @@ export interface UseAlignProps {
     align?: UseAlignOptions;
 }
 export declare const UseAlignPropsDefaults: UseAlignProps;
-export default function useAlign(align?: UseAlignOptions): string;
+export declare function useAlign(align?: UseAlignOptions): string;

package/dist/composables/use-align.js

@@ -11,7 +11,7 @@ const alignMap = {
     // @todo - justify-stretch isn't possible
     stretch: "stretch",
 };
-export default function useAlign(align = "top left") {
+export function useAlign(align = "top left") {
     const alignments = align
         .split(" ")
         .map((entry) => {

package/dist/composables/use-router-link.d.ts

@@ -2,13 +2,13 @@ import type { Page } from "@sveltejs/kit";
 export interface UseRouterLinkProps {
     href?: string;
     to?: string;
-    disable: boolean;
+    disable?: boolean;
     activeClass?: string;
-    replace: boolean;
+    replace?: boolean;
 }
 export declare const UseRouterLinkPropsDefaults: UseRouterLinkProps;
 export declare function isRouteActive(router: Page<Record<string, string>, string | null>, to: string | undefined): boolean;
-export default function <T extends UseRouterLinkProps>(props: T): {
+export declare function useRouterLink<T extends UseRouterLinkProps>(props: T): {
     hasLink: boolean;
     linkAttributes: {
         href: string | undefined;

package/dist/composables/use-router-link.js

@@ -1,4 +1,4 @@
-import { createClasses } from "../utils/props";
+import { createClasses } from "../utils";
 export const UseRouterLinkPropsDefaults = {
     href: undefined,
     to: undefined,
@@ -11,12 +11,12 @@ export function isRouteActive(router, to) {
         ? router.url.pathname === to
         : router.url.pathname.slice(0, (to || "").length) === to;
 }
-export default function (props) {
-    const hasLink = props.to !== undefined || props.href !== undefined;
+export function useRouterLink(props) {
+    const hasLink = [props.to, props.href].some((entry) => typeof entry !== "undefined");
     const linkClasses = createClasses([hasLink && "q-link", props.disable && "disable"]);
     const linkAttributes = {
         href: props.to || props.href,
-        "data-sveltkit-reload": props.replace === true ? "" : undefined,
+        "data-sveltkit-reload": props.replace ? "" : undefined,
     };
     return {
         hasLink,

package/dist/composables/use-size.d.ts

@@ -1,4 +1,4 @@
-import { CssUnit, QuaffSizes } from "../utils/types";
+import { CssUnit, QuaffSizes } from "../utils";
 export declare const sizes: QuaffSizes[];
 export declare const CssUnits: CssUnit[];
 interface UseSize {

package/dist/composables/use-size.js

@@ -1,5 +1,5 @@
-import { isNumber } from "../utils/types";
-export const sizes = ["xs", "sm", "md", "lg", "xl"];
+import { isNumber } from "../utils";
+export const sizes = ["none", "xs", "sm", "md", "lg", "xl"];
 export const CssUnits = ["px", "%", "em", "ex", "ch", "rem", "vw", "vh", "vmin", "vmax"];
 export function useSize(sizeProp) {
     if (isNumber(sizeProp) && sizeProp > 0) {