@quaffui/quaff 0.1.0-prealpha12 → 0.1.0-prealpha14

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

@@ -1,16 +1,16 @@
 export const QSeparatorPropsVertical = [
     {
         name: "spacing",
-        type: '"none" | "sm" | "md" | "lg"',
-        optional: false,
-        clickableType: false,
+        type: "QuaffSizes",
+        optional: true,
+        clickableType: true,
         description: "",
         default: "",
     },
     {
         name: "inset",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -18,7 +18,7 @@ export const QSeparatorPropsVertical = [
     {
         name: "vertical",
         type: "true",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -50,7 +50,7 @@ export const QSeparatorPropsVertical = [
     {
         name: "textAlign",
         type: '"top" | "middle" | "bottom"',
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -59,16 +59,16 @@ export const QSeparatorPropsVertical = [
 export const QSeparatorPropsHorizontal = [
     {
         name: "spacing",
-        type: '"none" | "sm" | "md" | "lg"',
-        optional: false,
-        clickableType: false,
+        type: "QuaffSizes",
+        optional: true,
+        clickableType: true,
         description: "",
         default: "",
     },
     {
         name: "inset",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -76,7 +76,7 @@ export const QSeparatorPropsHorizontal = [
     {
         name: "vertical",
         type: "false",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -92,7 +92,7 @@ export const QSeparatorPropsHorizontal = [
     {
         name: "size",
         type: "string",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -108,7 +108,7 @@ export const QSeparatorPropsHorizontal = [
     {
         name: "textAlign",
         type: '"left" | "center" | "right"',
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -118,7 +118,7 @@ export const QListDocsProps = [
     {
         name: "bordered",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -126,7 +126,7 @@ export const QListDocsProps = [
     {
         name: "roundedBorders",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -134,7 +134,7 @@ export const QListDocsProps = [
     {
         name: "dense",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -142,7 +142,7 @@ export const QListDocsProps = [
     {
         name: "separator",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -150,7 +150,7 @@ export const QListDocsProps = [
     {
         name: "separatorOptions",
         type: 'QSeparatorProps["textAlign"]\n  };',
-        optional: false,
+        optional: true,
         clickableType: true,
         description: "",
         default: "",
@@ -158,7 +158,7 @@ export const QListDocsProps = [
     {
         name: "padding",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -176,7 +176,7 @@ export const QItemDocsProps = [
     {
         name: "tag",
         type: "string",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -184,7 +184,7 @@ export const QItemDocsProps = [
     {
         name: "active",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -192,7 +192,7 @@ export const QItemDocsProps = [
     {
         name: "clickable",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -200,25 +200,41 @@ export const QItemDocsProps = [
     {
         name: "dense",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
     },
     {
-        name: "tabindex",
-        type: "string | number",
-        optional: false,
+        name: "noRipple",
+        type: "boolean",
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
     },
+    {
+        name: "tabindex",
+        type: 'HTMLAttributes<HTMLElement>["tabindex"]',
+        optional: true,
+        clickableType: true,
+        description: "",
+        default: "",
+    },
+    {
+        name: "target",
+        type: 'HTMLAnchorAttributes["target"]',
+        optional: true,
+        clickableType: true,
+        description: "",
+        default: "",
+    },
 ];
 export const QItemSectionDocsProps = [
     {
         name: "type",
         type: "QItemSectionTypes",
-        optional: false,
+        optional: true,
         clickableType: true,
         description: "",
         default: "",

package/dist/components/list/index.scss

@@ -58,6 +58,7 @@
       width: 100%;
       height: 100%;
       background-color: var(--on-surface);
+      border-radius: inherit;
     }
 
     &:hover:not([aria-disabled])::after {

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

@@ -1,7 +1,7 @@
-import { type NativeProps } from "../../utils/types";
 import type { UseRouterLinkProps } from "../../composables/use-router-link";
 import type { QSeparatorProps } from "../separator/props";
 import type { HTMLAnchorAttributes, HTMLAttributes } from "svelte/elements";
+import type { NativeProps } from "../../utils";
 export interface QListProps extends NativeProps, HTMLAttributes<HTMLElement> {
     bordered?: boolean;
     roundedBorders?: boolean;

package/dist/components/list/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "../../utils/types";
+import { NativePropsDefaults } from "../../utils";
 import { UseRouterLinkPropsDefaults } from "../../composables/use-router-link";
 export const QListPropsDefaults = {
     bordered: false,

package/dist/components/private/QApi.svelte

@@ -1,5 +1,4 @@
-<script>import { capitalize } from "../../utils/string";
-import {
+<script>import {
   QCard,
   QIcon,
   QTabs,
@@ -11,6 +10,7 @@ import {
   QDrawer,
   QCodeBlock
 } from "../..";
+import { capitalize } from "../../utils";
 import Types from "../../utils/types.json";
 export let QComponentDocs;
 let api = QComponentDocs.map((_doc) => "props");

package/dist/components/private/QApi.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { QComponentDocs } from "../../utils/types";
+import type { QComponentDocs } from "../../utils";
 declare const __propDef: {
     props: {
         QComponentDocs: QComponentDocs[];

package/dist/components/private/QDocs.svelte

@@ -1,5 +1,5 @@
-<script>import { QCard, QCardSection } from "../..";
-import { Quaff } from "../../stores/Quaff";
+<script>import { Quaff } from "../../stores";
+import { QCard, QCardSection } from "../..";
 import QApi from "./QApi.svelte";
 export let QComponentDocs;
 $:

package/dist/components/private/QDocs.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { QComponentDocs } from "../../utils/types";
+import type { QComponentDocs } from "../../utils";
 declare const __propDef: {
     props: {
         QComponentDocs: QComponentDocs | QComponentDocs[];

package/dist/components/private/QDocsSection.svelte

@@ -1,6 +1,5 @@
 <script>
-  import { QDialog } from "../..";
-  import QCodeBlock from "../codeBlock/QCodeBlock.svelte";
+  import { QCodeBlock, QDialog } from "../..";
 
   export let title, snippets;
 

package/dist/components/progress/QCircularProgress.svelte

@@ -1,6 +1,5 @@
-<script>import { useSize } from "../../composables/use-size";
-import { createClasses } from "../../utils/props";
-import { isNumber } from "../../utils/types";
+<script>import { useSize } from "../../composables";
+import { createClasses } from "../../utils";
 export let value = 0, indeterminate = false, size = "2em", color = void 0, thickness = 5, userClasses = void 0;
 export { userClasses as class };
 $:
@@ -8,7 +7,7 @@ $:
 $:
   classes = createClasses([indeterminate && "indeterminate"], {
     component: "q-circular-progress",
-    quaffClasses: [color && `${color}-text`],
+    quaffClasses: [color && `text-${color}`],
     userClasses
   });
 </script>

package/dist/components/progress/QLinearProgress.svelte

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

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

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

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

@@ -5,23 +5,23 @@ export const QLinearProgressDocsProps = [
         optional: false,
         clickableType: false,
         description: "",
-        default: "",
+        default: "0",
     },
     {
         name: "from",
         type: '"left" | "right"',
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "left",
     },
     {
         name: "rounded",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "false",
     },
 ];
 export const QCircularProgressDocsProps = [
@@ -31,23 +31,23 @@ export const QCircularProgressDocsProps = [
         optional: false,
         clickableType: false,
         description: "",
-        default: "",
+        default: "0",
     },
     {
         name: "indeterminate",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "false",
     },
     {
         name: "size",
-        type: "string | number",
-        optional: false,
-        clickableType: false,
+        type: "CssValue | number",
+        optional: true,
+        clickableType: true,
         description: "",
-        default: "",
+        default: "2em",
     },
     {
         name: "color",
@@ -55,14 +55,14 @@ export const QCircularProgressDocsProps = [
         optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "undefined",
     },
     {
         name: "thickness",
         type: "number",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "5",
     },
 ];

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

@@ -1,4 +1,4 @@
-import type { NativeProps, CssValue } from "../../utils/types";
+import type { NativeProps, CssValue } from "../../utils";
 import type { HTMLAttributes, SVGAttributes } from "svelte/elements";
 export interface QLinearProgressProps extends NativeProps, HTMLAttributes<HTMLDivElement> {
     /**

package/dist/components/radio/QRadio.svelte

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

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

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

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

@@ -10,7 +10,7 @@ export const QRadioDocsProps = [
     {
         name: "label",
         type: "string",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -18,7 +18,7 @@ export const QRadioDocsProps = [
     {
         name: "selected",
         type: "any",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",
@@ -26,7 +26,7 @@ export const QRadioDocsProps = [
     {
         name: "disable",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
         default: "",

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

@@ -1,5 +1,5 @@
-import type { NativeProps } from "../../utils/types";
 import type { HTMLAttributes } from "svelte/elements";
+import type { NativeProps } from "../../utils";
 export interface QRadioProps extends NativeProps, HTMLAttributes<HTMLLabelElement> {
     value: string;
     label?: string;

package/dist/components/radio/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "../../utils/types";
+import { NativePropsDefaults } from "../../utils";
 export const QRadioPropsDefaults = {
     value: "",
     label: "",

package/dist/components/railbar/QRailbar.svelte

@@ -1,6 +1,6 @@
-<script>import { getContext } from "svelte";
-import { createClasses, createStyles } from "../../utils/props";
-import { useSize } from "../../composables/use-size";
+<script>import { useSize } from "../../composables";
+import { createClasses, createStyles } from "../../utils";
+import { getContext } from "svelte";
 import { derived } from "svelte/store";
 export let width = 88, side = "left", bordered = false, userClasses = void 0, userStyles = void 0;
 export { userClasses as class, userStyles as style };

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

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

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

@@ -1,26 +1,26 @@
 export const QRailbarDocsProps = [
     {
         name: "width",
-        type: "number | string",
-        optional: false,
+        type: "CssValue | number",
+        optional: true,
         clickableType: true,
         description: "",
-        default: "",
+        default: "88px",
     },
     {
         name: "side",
         type: '"left" | "right"',
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "left",
     },
     {
         name: "bordered",
         type: "boolean",
-        optional: false,
+        optional: true,
         clickableType: false,
         description: "",
-        default: "",
+        default: "false",
     },
 ];

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

@@ -1,4 +1,4 @@
-import type { NativeProps, CssValue } from "../../utils/types";
+import type { NativeProps, CssValue } from "../../utils";
 import type { HTMLAttributes } from "svelte/elements";
 export interface QRailbarProps extends NativeProps, HTMLAttributes<HTMLElement> {
     /**