fix btn transparent, add shadows (#45)

docs/.vitepress/config.js

@@ -1,5 +1,6 @@
 import { resolve } from 'path'
 import svgLoader from 'vite-svg-loader'
+import eslintPlugin from 'vite-plugin-eslint'
 
 export default {
   title: 'Omorphia',
@@ -66,6 +67,7 @@ export default {
           ],
         },
       }),
+      eslintPlugin(),
     ],
     resolve: {
       alias: {

lib/assets/styles/classes.scss

@@ -315,6 +315,11 @@ a,
       margin: auto;
     }
   }
+
+  &.transparent {
+    background: none;
+    box-shadow: none;
+  }
 }
 
 .btn-group {

lib/assets/styles/defaults.scss

@@ -56,7 +56,6 @@ input[type='number'],
 textarea {
   border-radius: var(--radius-md);
   box-sizing: border-box;
-  border: 2px solid transparent;
   // safari iOS rounds inputs by default
   // set the appearance to none to prevent this
   appearance: none !important;
@@ -64,9 +63,9 @@ textarea {
   color: var(--color-base);
   padding: 0.5rem 1rem;
   font-weight: var(--font-weight-medium);
-  outline: 2px solid transparent;
   transition: box-shadow 0.1s ease-in-out;
   min-height: 40px;
+  box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
 
   &:focus,
   &:focus-visible {

lib/components/base/DropdownSelect.vue

@@ -188,6 +188,7 @@ export default {
     cursor: pointer;
     user-select: none;
     border-radius: var(--radius-md);
+    box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
 
     &.disabled {
       cursor: not-allowed;

package.json

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