@quaffui/quaff 0.1.0-prealpha4 → 0.1.0-prealpha5

package/dist/components/button/QBtn.svelte

@@ -34,6 +34,7 @@ $:
   class={classes}
   aria-disabled={disable || undefined}
   tabindex={disable ? -1 : 0}
+  on:click
   {...$$restProps}
 >
   {#if icon && !loading}

package/dist/components/button/QBtn.svelte.d.ts

@@ -16,6 +16,7 @@ declare const __propDef: {
         class?: string | undefined;
     };
     events: {
+        click: MouseEvent;
         activated: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;

package/dist/components/codeBlock/QCodeBlock.svelte

@@ -1,13 +1,10 @@
-<script>import Prism from "prismjs";
-import "prismjs/themes/prism-twilight.css";
-import "prismjs/components/prism-typescript";
-import "prism-svelte";
+<script>import Highlight from "svelte-highlight";
+import typescript from "svelte-highlight/languages/typescript";
+import "svelte-highlight/styles/material.css";
 import { QBtn } from "../..";
 export let language, code = "/* No code found */", title = void 0, copiable = void 0;
 let btnContent = "Copy";
 let btnColor = "primary";
-$:
-  highlighted = Prism.highlight(code, Prism.languages[language], language);
 async function copyCode() {
   try {
     if (navigator.clipboard.write) {
@@ -36,8 +33,10 @@ async function copyCode() {
 
 <div class="q-code-block">
   {#if copiable}
-    <div class="flex between-align middle-align q-pb-sm">
-      <h4 class="q-ma-none q-pr-lg">{title}</h4>
+    <div class="flex between-align {title ? 'middle' : 'right'}-align q-pb-sm">
+      {#if title}
+        <h4 class="q-ma-none q-pr-lg">{title}</h4>
+      {/if}
       <QBtn
         class="{btnColor}-border {btnColor}-text"
         size="sm"
@@ -51,7 +50,7 @@ async function copyCode() {
   {:else if title}
     <h4>{title}</h4>
   {/if}
-  <pre class="language-svelte"><code>{@html highlighted}</code></pre>
+  <Highlight language={typescript} {code} />
 </div>
 
 <style>

package/dist/components/codeBlock/QCodeBlock.svelte.d.ts

@@ -1,7 +1,5 @@
 import { SvelteComponent } from "svelte";
-import "prismjs/themes/prism-twilight.css";
-import "prismjs/components/prism-typescript";
-import "prism-svelte";
+import "svelte-highlight/styles/material.css";
 import type { QCodeBlockProps } from "./props";
 declare const __propDef: {
     props: {

package/dist/global.d.ts

@@ -1,4 +1,3 @@
-declare var __QUAFF_VERSION__: string;
 declare var __PLATFORM__:
   | "aix"
   | "darwin"

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: string;
+        version: any;
         dark: boolean;
     }>, invalidate?: import("svelte/store").Invalidator<{
-        version: string;
+        version: any;
         dark: boolean;
     }> | undefined) => import("svelte/store").Unsubscriber;
     setDarkMode: (newVal: boolean) => void;
     toggleDarkMode: () => void;
 };
 export declare const Quaff: import("svelte/store").Readable<{
-    version: string;
+    version: any;
     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: string;
+            version: any;
             dark: boolean;
         }>, invalidate?: import("svelte/store").Invalidator<{
-            version: string;
+            version: any;
             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/stores/Quaff.js

@@ -1,8 +1,9 @@
 import { writable, derived } from "svelte/store";
 import { page } from "$app/stores";
+import version from "../helpers/version";
 function quaff() {
     const { subscribe, set, update } = writable({
-        version: __QUAFF_VERSION__,
+        version,
         dark: false,
         //TODO lang: {},
         //TODO? iconSet: {},

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@quaffui/quaff",
-  "version": "0.1.0-prealpha4",
+  "version": "0.1.0-prealpha5",
   "scripts": {
     "dev": "vite dev",
     "open": "vite dev --open",
-    "build": "vite build && npm run package",
+    "build": "vite build && npm run package && npm run build:css",
+    "build:css": "vite build --config vite.config.scss.ts",
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",
     "prepublishOnly": "npm run package",
@@ -20,7 +21,8 @@
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
-    }
+    },
+    "./css/": "./dist/css/"
   },
   "files": [
     "dist",
@@ -59,8 +61,8 @@
   "type": "module",
   "dependencies": {
     "beercss": "^3.2.13",
+    "highlight.js": "^11.8.0",
     "material-dynamic-colors": "^1.0.1",
-    "prism-svelte": "0.5.0",
-    "prismjs": "^1.29.0"
+    "svelte-highlight": "^7.3.0"
   }
 }