@quaffui/quaff 0.1.0-prealpha5 → 0.1.0-prealpha7

package/dist/css/theme/typography.scss

@@ -0,0 +1,111 @@
+html {
+  font-size: var(--size);
+}
+
+body {
+  font-family: var(--font);
+  font-size: 0.875rem;
+  line-height: 1.25;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 400;
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5rem;
+  line-height: normal;
+}
+
+* + h1,
+* + h2,
+* + h3,
+* + h4,
+* + h5,
+* + h6 {
+  margin-top: 1rem;
+}
+
+h1 {
+  font-size: 3.5625rem;
+}
+
+h2 {
+  font-size: 2.8125rem;
+}
+
+h3 {
+  font-size: 2.25rem;
+}
+
+h4 {
+  font-size: 2rem;
+}
+
+h5 {
+  font-size: 1.75rem;
+}
+
+h6 {
+  font-size: 1.5rem;
+}
+
+h1.small {
+  font-size: 3.0625rem;
+}
+
+h2.small {
+  font-size: 2.3125rem;
+}
+
+h3.small {
+  font-size: 1.75rem;
+}
+
+h4.small {
+  font-size: 1.5rem;
+}
+
+h5.small {
+  font-size: 1.25rem;
+}
+
+h6.small {
+  font-size: 1rem;
+}
+
+h1.large {
+  font-size: 4.0625rem;
+}
+
+h2.large {
+  font-size: 3.3125rem;
+}
+
+h3.large {
+  font-size: 2.75rem;
+}
+
+h4.large {
+  font-size: 2.5rem;
+}
+
+h5.large {
+  font-size: 2.25rem;
+}
+
+h6.large {
+  font-size: 2rem;
+}
+
+p {
+  margin: 0.5rem 0;
+}
+
+.text-center {
+  text-align: center;
+}

package/dist/css/variables-sass.scss

@@ -0,0 +1,16 @@
+// Grid variables
+$grid-columns: 12;
+$gutter-xs: 4px;
+$gutter-sm: 8px;
+$gutter-md: 16px;
+$gutter-lg: 24px;
+$gutter-xl: 48px;
+
+// Responsive breakpoints
+$breakpoints: (
+  xs: 0px,
+  sm: 600px,
+  md: 960px,
+  lg: 1280px,
+  xl: 1920px,
+);

package/dist/helpers/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "0.1.0-prealpha7";
+export default _default;

package/dist/helpers/version.js

@@ -0,0 +1 @@
+export default "0.1.0-prealpha7";

package/dist/stores/Quaff.d.ts

@@ -2,17 +2,17 @@
 /// <reference types="@sveltejs/kit" />
 export declare const quaffStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<{
-        version: any;
+        version: string;
         dark: boolean;
     }>, invalidate?: import("svelte/store").Invalidator<{
-        version: any;
+        version: string;
         dark: boolean;
     }> | undefined) => import("svelte/store").Unsubscriber;
     setDarkMode: (newVal: boolean) => void;
     toggleDarkMode: () => void;
 };
 export declare const Quaff: import("svelte/store").Readable<{
-    version: any;
+    version: string;
     router: import("@sveltejs/kit").Page<Record<string, string>, string | null>;
     dark: {
         isActive: boolean;
@@ -21,10 +21,10 @@ export declare const Quaff: import("svelte/store").Readable<{
     };
     subscribe: {
         quaff: (this: void, run: import("svelte/store").Subscriber<{
-            version: any;
+            version: string;
             dark: boolean;
         }>, invalidate?: import("svelte/store").Invalidator<{
-            version: any;
+            version: string;
             dark: boolean;
         }> | undefined) => import("svelte/store").Unsubscriber;
         page: (this: void, run: import("svelte/store").Subscriber<import("@sveltejs/kit").Page<Record<string, string>, string | null>>, invalidate?: import("svelte/store").Invalidator<import("@sveltejs/kit").Page<Record<string, string>, string | null>> | undefined) => import("svelte/store").Unsubscriber;

package/dist/utils/types.json

@@ -1 +1 @@
-{"QAvatarShapeOptions":"type QAvatarShapeOptions =\r\n  | \"circle\"\r\n  | \"rounded\"\r\n  | \"top-round\"\r\n  | \"left-round\"\r\n  | \"right-round\"\r\n  | \"bottom-round\"\r\n  | \"top-left-round\"\r\n  | \"top-right-round\"\r\n  | \"bottom-left-round\"\r\n  | \"bottom-right-round\"","QAvatarSizeOptions":"type QAvatarSizeOptions = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | string","QBreadcrumbsGutterOptions":"type QBreadcrumbsGutterOptions = \"none\" | \"sm\" | \"md\" | \"lg\"","QLayoutEvents":"type QLayoutEvents = \"resize\" | \"scroll\" | \"scrollHeight\"","QSelectOption":"type QSelectOption = string | { label: string, value: string }","QItemSectionTypes":"type QItemSectionTypes =\r\n  | \"thumbnail\"\r\n  | \"video\"\r\n  | \"avatar\"\r\n  | \"icon\"\r\n  | \"trailingIcon\"\r\n  | \"trailingText\"\r\n  | \"content\"","QBtnSizeOptions":"type QBtnSizeOptions = \"sm\" | \"md\" | \"lg\" | \"xl\"","QDialogPositionOptions":"type QDialogPositionOptions = \"default\" | \"top\" | \"right\" | \"bottom\" | \"left\"","QDrawerSideOptions":"type QDrawerSideOptions = \"left\" | \"right\"","QDrawerBehaviorOptions":"type QDrawerBehaviorOptions = \"default\" | \"desktop\" | \"mobile\"","QIconSizeOptions":"type QIconSizeOptions = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | string | number","QIconTypeOptions":"type QIconTypeOptions = \"outlined\" | \"sharp\" | \"rounded\"","QLayoutViewOptions":"type QLayoutViewOptions = `${\"l\"|\"h\"}${\"h\"|\"H\"}${\"r\"|\"h\"} ${\"l\"|\"L\"}${\"p\"}${\"r\"|\"R\"} ${\"l\"|\"f\"}${\"f\"|\"F\"}${\"r\"|\"f\"}`","QTableColumn":"type QTableColumn = {\r\n  name: string\r\n  required?: boolean;\r\n  label: string;\r\n  align?: \"left\" | \"center\" | \"right\";\r\n  field: string | ((row: QTableRow) => string);\r\n  format?: (val: string) => string;\r\n  sortable?: boolean;\r\n  sort?: (a: string, b: string) => number;\r\n};","QTableRow":"type QTableRow = {\r\n  [key: string]: string | number\r\n};","QTableSort":"type QTableSort = {\r\n  columnField: string | ((row: QTableRow) => string)\r\n  type: \"asc\" | \"desc\";\r\n} | null;"}
+{"QAvatarShapeOptions":"type QAvatarShapeOptions =\n  | \"circle\"\n  | \"rounded\"\n  | \"top-round\"\n  | \"left-round\"\n  | \"right-round\"\n  | \"bottom-round\"\n  | \"top-left-round\"\n  | \"top-right-round\"\n  | \"bottom-left-round\"\n  | \"bottom-right-round\"","QAvatarSizeOptions":"type QAvatarSizeOptions = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | string","QBreadcrumbsGutterOptions":"type QBreadcrumbsGutterOptions = \"none\" | \"sm\" | \"md\" | \"lg\"","QLayoutEvents":"type QLayoutEvents = \"resize\" | \"scroll\" | \"scrollHeight\"","QSelectOption":"type QSelectOption = string | { label: string, value: string }","QItemSectionTypes":"type QItemSectionTypes =\n  | \"thumbnail\"\n  | \"video\"\n  | \"avatar\"\n  | \"toggle\"\n  | \"icon\"\n  | \"trailingIcon\"\n  | \"trailingText\"\n  | \"content\"","QBtnSizeOptions":"type QBtnSizeOptions = \"sm\" | \"md\" | \"lg\" | \"xl\"","QDialogPositionOptions":"type QDialogPositionOptions = \"default\" | \"top\" | \"right\" | \"bottom\" | \"left\"","QDrawerSideOptions":"type QDrawerSideOptions = \"left\" | \"right\"","QDrawerBehaviorOptions":"type QDrawerBehaviorOptions = \"default\" | \"desktop\" | \"mobile\"","QIconSizeOptions":"type QIconSizeOptions = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | string | number","QIconTypeOptions":"type QIconTypeOptions = \"outlined\" | \"sharp\" | \"rounded\"","QLayoutViewOptions":"type QLayoutViewOptions = `${\"l\"|\"h\"}${\"h\"|\"H\"}${\"r\"|\"h\"} ${\"l\"|\"L\"}${\"p\"}${\"r\"|\"R\"} ${\"l\"|\"f\"}${\"f\"|\"F\"}${\"r\"|\"f\"}`","QTableColumn":"type QTableColumn = {\n  name: string\n  required?: boolean;\n  label: string;\n  align?: \"left\" | \"center\" | \"right\";\n  field: string | ((row: QTableRow) => string);\n  format?: (val: string) => string;\n  sortable?: boolean;\n  sort?: (a: string, b: string) => number;\n};","QTableRow":"type QTableRow = {\n  [key: string]: string | number\n};","QTableSort":"type QTableSort = {\n  columnField: string | ((row: QTableRow) => string)\n  type: \"asc\" | \"desc\";\n} | null;","QCardFillColors":"type QCardFillColors = \"primary\" | \"secondary\" | \"tertiary\"","QChipSizeOptions":"type QChipSizeOptions = \"sm\" | \"md\" | \"lg\"","QTabsVariants":"type QTabsVariants = \"primary\" | \"secondary\" | \"vertical\""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quaffui/quaff",
-  "version": "0.1.0-prealpha5",
+  "version": "0.1.0-prealpha7",
   "scripts": {
     "dev": "vite dev",
     "open": "vite dev --open",
@@ -8,7 +8,7 @@
     "build:css": "vite build --config vite.config.scss.ts",
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",
-    "prepublishOnly": "npm run package",
+    "prepublishOnly": "npm run build",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test:unit": "vitest",
@@ -22,7 +22,7 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
     },
-    "./css/": "./dist/css/"
+    "./css/*": "./dist/css/*"
   },
   "files": [
     "dist",
@@ -33,6 +33,10 @@
     "svelte": "^4.0.0"
   },
   "devDependencies": {
+    "@fontsource/material-symbols-outlined": "^5.0.6",
+    "@fontsource/material-symbols-rounded": "^5.0.6",
+    "@fontsource/material-symbols-sharp": "^5.0.6",
+    "@fontsource/roboto": "^5.0.7",
     "@sveltejs/adapter-auto": "^2.1.0",
     "@sveltejs/kit": "^1.22.4",
     "@sveltejs/package": "^2.2.0",