update

Author: mpiorowski

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mpiorowski/svelte-init",
     "description": "Low-overhead Svelte UI library",
-    "version": "2.0.2",
+    "version": "2.0.3",
     "keywords": [
         "svelte",
         "sveltekit",

src/app.css

@@ -6,7 +6,7 @@
     .input {
         @apply shadow transition bg-white border border-gray-300 hover:border-gray-400 focus:ring focus:ring-gray-200 placeholder-gray-300;
     }
-    .input.error {
+    .input-error {
         @apply border border-red-500 placeholder-red-500;
     }
     .text-error {
@@ -15,25 +15,25 @@
     input[type="checkbox"], input[type="radio"] {
         @apply accent-slate-600;
     }
-    .btn {
+    .button {
         @apply shadow transition;
     }
-    .btn.primary {
+    .button.primary {
         @apply bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-600 focus:ring;
     }
-    .btn.error {
+    .button.error {
         @apply bg-red-500 text-white hover:bg-red-600 focus:ring-red-600 focus:ring;
     }
-    .btn.ghost {
+    .button.ghost {
         @apply bg-gray-200 text-gray-600 hover:bg-gray-300 focus:ring-gray-300 focus:ring;
     }
-    .btn.primary.link {
+    .button.primary.link {
         @apply text-blue-500 hover:underline hover:bg-white;
     }
-    .btn.error.link {
+    .button.error.link {
         @apply text-red-500 hover:underline hover:bg-white;
     }
-    .btn.ghost.link {
+    .button.ghost.link {
         @apply text-gray-600 hover:underline hover:bg-white;
     }
     .toast {

src/lib/components/form/button.svelte

@@ -14,7 +14,7 @@
     {form}
     on:click
     type={form ? 'submit' : 'button'}
-    class={'btn ' + type + (full ? ' full' : '') + (link ? ' link' : '')}
+    class={'button ' + type + (full ? ' full ' : '') + (link ? ' link ' : '')}
     disabled={disabled || loading}
     class:loading
 >