Remove uses of iconified-button (#54)

lib/assets/styles/classes.scss

@@ -56,7 +56,7 @@
     margin-block-start: var(--gap-md);
   }
 
-  :where(button, .button, .iconified-button) {
+  :where(button, .button, .btn) {
     width: fit-content;
   }
 
@@ -86,7 +86,7 @@
     gap: var(--gap-sm);
     margin-bottom: calc(var(--gap-sm) + var(--gap-md));
 
-    .iconified-button,
+    .btn,
     .input-group {
       flex-shrink: 0;
     }

lib/components/base/Chips.vue

@@ -3,7 +3,7 @@
     <Button
       v-for="item in items"
       :key="item"
-      class="iconified-button"
+      class="btn"
       :class="{ selected: selected === item }"
       @click="toggleItem(item)"
     >
@@ -71,7 +71,7 @@ export default defineComponent({
   grid-gap: 0.5rem;
   flex-wrap: wrap;
 
-  .iconified-button {
+  .btn {
     text-transform: capitalize;
 
     svg {

lib/components/base/Modal.vue

@@ -11,7 +11,7 @@
     <div class="modal-body" :class="{ shown: shown }">
       <div v-if="header" class="header">
         <h1>{{ header }}</h1>
-        <button class="iconified-button icon-only transparent" @click="hide">
+        <button class="btn icon-only transparent" @click="hide">
           <XIcon />
         </button>
       </div>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.4.18",
+  "version": "0.4.19",
   "files": [
     "dist"
   ],