@likable-hair/svelte 0.0.59 → 0.0.60

package/forms/Checkbox.svelte

@@ -13,6 +13,7 @@
   id={id}
   type="checkbox"
   bind:checked={value}
+  on:change
   disabled={disabled}
 >
 

package/forms/Checkbox.svelte.d.ts

@@ -14,6 +14,8 @@ declare const __propDef: {
         disabledInnerColor?: string;
     };
     events: {
+        change: Event;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/forms/Textfield.svelte

@@ -1,6 +1,6 @@
 <script  context="module"></script>
 
-<script >export let label = "", placeholder = "", color = null, value = "", disabled = false, variant = 'outlined', width = "100%", height = "50px", maxWidth = undefined, minWidth = undefined, textColor = "black", borderWeight = "2px", borderRadius = "5px", borderColor = null, focusBorderColor = null, focusedBoxShadow = undefined, backgroundColor = null, padding = undefined, paddingLeft = undefined, paddingRight = undefined, paddingBottom = undefined, paddingTop = undefined, fontSize = undefined, type = 'text', inputElement = undefined;
+<script >export let label = "", placeholder = "", color = null, value = "", disabled = false, variant = 'outlined', width = "100%", height = "50px", maxWidth = undefined, minWidth = undefined, textColor = "black", borderWeight = "2px", borderRadius = "5px", borderColor = null, focusBorderColor = null, focusedBoxShadow = undefined, backgroundColor = null, padding = undefined, paddingLeft = undefined, paddingRight = undefined, paddingBottom = undefined, paddingTop = undefined, fontSize = undefined, type = 'text', readonly = false, inputElement = undefined;
 import { v4 as uuidv4 } from 'uuid';
 import { onMount } from 'svelte';
 let inputId = uuidv4(), focused = false, legendWidth = 0, labelElement = undefined;
@@ -166,6 +166,7 @@ $: if (!!labelElement) {
               type="password"
               placeholder={placeholder}
               disabled={disabled}
+              readonly={readonly}
               bind:value={value}
               on:change
               on:input
@@ -188,6 +189,7 @@ $: if (!!labelElement) {
               type="text"
               placeholder={placeholder}
               disabled={disabled}
+              readonly={readonly}
               bind:value={value}
               on:change
               on:input
@@ -222,6 +224,7 @@ $: if (!!labelElement) {
             type="password"
             placeholder={placeholder || label}
             disabled={disabled}
+            readonly={readonly}
             bind:value={value}
             on:change
             on:input
@@ -244,6 +247,7 @@ $: if (!!labelElement) {
             type="text"
             placeholder={placeholder || label}
             disabled={disabled}
+            readonly={readonly}
             bind:value={value}
             on:change
             on:input

package/forms/Textfield.svelte.d.ts

@@ -26,6 +26,7 @@ declare const __propDef: {
         paddingTop?: string;
         fontSize?: string;
         type?: 'text' | 'password';
+        readonly?: boolean;
         inputElement?: HTMLElement;
     };
     events: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "devDependencies": {
     "@sveltejs/adapter-auto": "next",
     "@sveltejs/kit": "next",