@hkdigital/lib-sveltekit 0.0.56 → 0.0.58

package/dist/components/input/HkInputField.svelte

@@ -1,49 +1,50 @@
 <script>
-  /**
-   *
-   * @type {{
-   *   legendTitle: string,
-   *   error?: boolean,
-   *   name?: string,
-   *   type: string,
-   *   placeholder: string,
-   *   classes?: string,
-   *   requiredBoolean: boolean,
-   *   warningSymbol: string,
-   *   fieldClasses?: string,
-   *   legendClasses?: string
-   * }}
-   *
-   */
-  let 
-  { 
-    legendTitle, 
-    type, 
-    placeholder, 
-    error, 
-    name,
-    requiredBoolean,
-    warningSymbol,
-    classes,
-    fieldClasses,
-    legendClasses
-  } = $props();
+	/**
+	 *
+	 * @type {{
+	 *   classes?: string,
+	 *   fieldClasses?: string,
+	 *   legendClasses?: string,
+	 *   legendTitle: string,
+	 *   error?: boolean,
+	 *   name?: string,
+	 *   type: string,
+	 *   placeholder: string,
+	 *   required: boolean,
+	 *   warningSymbol: string,
+	 *   onblur?: () => void,
+	 * }}
+	 *
+	 */
+	let {
+		// Style
+		classes,
+		fieldClasses,
+		legendClasses,
 
+		// Functionality
+		legendTitle,
+		type,
+		placeholder,
+		error,
+		name,
+		required,
+		warningSymbol,
+		onblur
+	} = $props();
 </script>
 
-<fieldset
-  data-hk-input-field
-  class="flex w-full items-center rounded {fieldClasses}"
->
-  <legend class="px-2 {legendClasses}" class:error>{legendTitle}</legend>
-  <input
-    class='w-full border-none bg-transparent {classes}'
-    {type}
-    {placeholder}
-    {name}
-    required={requiredBoolean}
-  />
-  {#if error}
-    <img src={warningSymbol} class="mb-2 mr-8" alt="Warning symbol" />
-  {/if}
+<fieldset data-hk-input-field class="flex w-full items-center rounded {fieldClasses}">
+	<legend class="px-2 {legendClasses}" class:error>{legendTitle}</legend>
+	<input
+		class="w-full border-none bg-transparent {classes}"
+		{type}
+		{placeholder}
+		{name}
+		{required}
+		{onblur}
+	/>
+	{#if error}
+		<img src={warningSymbol} class="mb-2 mr-8" alt="Warning" />
+	{/if}
 </fieldset>

package/dist/components/input/HkInputField.svelte.d.ts

@@ -1,13 +1,14 @@
 export default HkInputField;
 declare const HkInputField: import("svelte").Component<{
+    classes?: string;
+    fieldClasses?: string;
+    legendClasses?: string;
     legendTitle: string;
     error?: boolean;
     name?: string;
     type: string;
     placeholder: string;
-    classes?: string;
-    requiredBoolean: boolean;
+    required: boolean;
     warningSymbol: string;
-    fieldClasses?: string;
-    legendClasses?: string;
+    onblur?: () => void;
 }, {}, "">;

package/dist/css/utilities.postcss

@@ -30,7 +30,6 @@
   .g-no-highlights {
     -webkit-tap-highlight-color: transparent;
   }
-
 }
 
 /* .g-grid-layers {

package/dist/util/expect/index.js

@@ -21,6 +21,10 @@ import * as v from 'valibot';
 
 import { isObject } from '../is/index.js';
 
+/** Internals */
+
+const ObjectSchema = v.custom(isObject, `Invalid type: Expected object`);
+
 /** Exports */
 
 // > Primitives
@@ -80,7 +84,7 @@ export { undefined_ as undefined };
  * @param {*} value
  */
 function object_(value) {
-	v.parse(v.custom(isObject), value);
+	v.parse(ObjectSchema, value);
 	// v.parse(v.looseObject({}), value);
 }
 

package/dist/util/string/index.js

@@ -87,7 +87,7 @@ export function interpolate(template, templateData, expressionRegexp = RE_MUSTAC
  * @returns {string} string that can be used as uri
  */
 export function toUriName(str) {
-	expectString(str, 'Missing or invalid variable [str]');
+	expect.string(str, 'Missing or invalid variable [str]');
 
 	str = str.toLowerCase().replace(/[^a-z0-9]+/gi, '-');
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.0.56",
+	"version": "0.0.58",
 	"author": "Jens Kleinhout, HKdigital (https://hkdigital.nl)",
 	"license": "ISC",
 	"repository": {
@@ -181,30 +181,30 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.48.2",
+		"@playwright/test": "^1.49.0",
 		"@sveltejs/adapter-auto": "^3.3.1",
 		"@sveltejs/package": "^2.3.7",
-		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"@sveltejs/vite-plugin-svelte": "^4.0.2",
 		"@types/eslint": "^9.6.1",
 		"autoprefixer": "^10.4.20",
-		"eslint": "^9.14.0",
+		"eslint": "^9.15.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.46.0",
-		"globals": "^15.11.0",
+		"globals": "^15.12.0",
 		"prettier": "^3.3.3",
-		"prettier-plugin-svelte": "^3.2.7",
-		"prettier-plugin-tailwindcss": "^0.6.8",
+		"prettier-plugin-svelte": "^3.3.2",
+		"prettier-plugin-tailwindcss": "^0.6.9",
 		"publint": "^0.2.12",
-		"svelte": "^5.1.9",
-		"svelte-check": "^4.0.5",
-		"tailwindcss": "^3.4.14",
-		"typescript": "^5.6.3",
-		"vite": "^5.4.10",
-		"vitest": "^2.1.4"
+		"svelte": "^5.2.7",
+		"svelte-check": "^4.1.0",
+		"tailwindcss": "^3.4.15",
+		"typescript": "^5.7.2",
+		"vite": "^5.4.11",
+		"vitest": "^2.1.5"
 	},
 	"dependencies": {
-		"@sveltejs/kit": "^2.7.4",
-		"runed": "^0.15.3",
+		"@sveltejs/kit": "^2.8.3",
+		"runed": "^0.15.4",
 		"valibot": "^0.42.1",
 		"zod": "^3.23.8"
 	}

package/dist/css/test.css

@@ -1,3 +0,0 @@
-.test {
-  border: solid 8px red;
-}