@hyvor/design 0.0.3 → 0.0.5

package/dist/components/CodeBlock/CodeBlock.svelte

@@ -0,0 +1,7 @@
+<script>import "./prism.scss";
+export let code;
+export let language = "html";
+import getCode from "./prism.js";
+</script>
+
+<pre class="language-{language}"><code>{@html getCode(code, language)}</code></pre>

package/dist/{marketing/Docs/Content → components/CodeBlock}/CodeBlock.svelte.d.ts

@@ -1,6 +1,5 @@
 import { SvelteComponent } from "svelte";
 import './prism.scss';
-import 'prism-svelte';
 declare const __propDef: {
     props: {
         code: string;

package/dist/components/CodeBlock/prism.d.ts

@@ -0,0 +1,2 @@
+import 'prism-svelte';
+export default function getCode(code: string, language: string): string;

package/dist/components/CodeBlock/prism.js

@@ -0,0 +1,26 @@
+import Prism from 'prismjs';
+import 'prism-svelte';
+export default function getCode(code, language) {
+    let ret = code;
+    // remove the first empty line
+    ret = ret.replace(/^[^\S\r\n]*\n/, "");
+    // remove the last empty line
+    ret = ret.replace(/\n[^\S\r\n]*$/, "");
+    let lines = ret.split("\n");
+    let indent = null; // number of spaces to remove from each line
+    lines = lines.map(line => {
+        if (indent === null) {
+            // find the indent
+            const match = line.match(/^(\s*)/);
+            indent = match ? match[1].length : 0;
+        }
+        if (line.substring(0, indent).trim() !== "") {
+            return line;
+        }
+        // remove the indent
+        line = line.substring(indent);
+        return line;
+    });
+    ret = lines.join("\n");
+    return Prism.highlight(ret, Prism.languages[language], language);
+}

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { default as Button } from './Button/Button.svelte';
 export { default as ButtonGroup } from './Button/ButtonGroup.svelte';
 export { default as Callout } from './Callout/Callout.svelte';
 export { default as Checkbox } from './Checkbox/Checkbox.svelte';
+export { default as CodeBlock } from './CodeBlock/CodeBlock.svelte';
 export { default as DarkToggle } from './Dark/DarkToggle.svelte';
 export { default as Dropdown } from './Dropdown/Dropdown.svelte';
 export { default as Caption } from './FormControl/Caption.svelte';

package/dist/components/index.js

@@ -9,6 +9,7 @@ export { default as Button } from './Button/Button.svelte';
 export { default as ButtonGroup } from './Button/ButtonGroup.svelte';
 export { default as Callout } from './Callout/Callout.svelte';
 export { default as Checkbox } from './Checkbox/Checkbox.svelte';
+export { default as CodeBlock } from './CodeBlock/CodeBlock.svelte';
 export { default as DarkToggle } from './Dark/DarkToggle.svelte';
 export { default as Dropdown } from './Dropdown/Dropdown.svelte';
 export { default as Caption } from './FormControl/Caption.svelte';

package/dist/index.css

@@ -13,6 +13,8 @@
 body {
     background-color: var(--background, var(--accent-lightest));
     color: var(--text);
+    margin: 0;
+    padding: 0;
 }
 
 button, a {

package/dist/marketing/index.d.ts

@@ -4,3 +4,4 @@ export { default as Docs } from './Docs/Docs.svelte';
 export { default as DocsNav } from './Docs/Nav/Nav.svelte';
 export { default as DocsNavItem } from './Docs/Nav/NavItem.svelte';
 export { default as DocsNavCategory } from './Docs/Nav/NavCategory.svelte';
+export { default as DocsContent } from './Docs/Content/Content.svelte';

package/dist/marketing/index.js

@@ -4,3 +4,4 @@ export { default as Docs } from './Docs/Docs.svelte';
 export { default as DocsNav } from './Docs/Nav/Nav.svelte';
 export { default as DocsNavItem } from './Docs/Nav/NavItem.svelte';
 export { default as DocsNavCategory } from './Docs/Nav/NavCategory.svelte';
+export { default as DocsContent } from './Docs/Content/Content.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyvor/design",
-	"version": "0.0.3",
+	"version": "0.0.5",
 	"license": "MIT",
 	"private": false,
 	"scripts": {
@@ -35,6 +35,7 @@
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.25.1",
 		"@sveltejs/package": "^2.0.0",
+		"@types/prismjs": "^1.26.1",
 		"prismjs": "^1.29.0",
 		"publint": "^0.1.9",
 		"sass": "^1.68.0",

package/dist/marketing/Docs/Content/CodeBlock.svelte

@@ -1,28 +0,0 @@
-<script>import "./prism.scss";
-export let code;
-export let language = "html";
-import Prism from "prismjs";
-import "prism-svelte";
-function getCode() {
-  let ret = code;
-  ret = ret.replace(/^[^\S\r\n]*\n/, "");
-  ret = ret.replace(/\n[^\S\r\n]*$/, "");
-  let lines = ret.split("\n");
-  let indent = null;
-  lines = lines.map((line) => {
-    if (indent === null) {
-      const match = line.match(/^(\s*)/);
-      indent = match ? match[1].length : 0;
-    }
-    if (line.substring(0, indent).trim() !== "") {
-      return line;
-    }
-    line = line.substring(indent);
-    return line;
-  });
-  ret = lines.join("\n");
-  return Prism.highlight(ret, Prism.languages[language], language);
-}
-</script>
-
-<pre class="language-{language}"><code>{@html getCode()}</code></pre>