From 9d92b8cc6d8f6954d655c75c0947cbfd0d1a1185 Mon Sep 17 00:00:00 2001
From: Geometrically <18202329+Geometrically@users.noreply.github.com>
Date: Sat, 22 Apr 2023 12:18:09 -0700
Subject: [PATCH] fix btn transparent, add shadows (#45)

---
 docs/.vitepress/config.js              | 2 ++
 lib/assets/styles/classes.scss         | 5 +++++
 lib/assets/styles/defaults.scss        | 3 +--
 lib/components/base/DropdownSelect.vue | 1 +
 package.json                           | 2 +-
 5 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index 9c6ef77f..63636de9 100644
--- a/docs/.vitepress/config.js
+++ b/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: {
diff --git a/lib/assets/styles/classes.scss b/lib/assets/styles/classes.scss
index b19dee7e..6e1a6651 100644
--- a/lib/assets/styles/classes.scss
+++ b/lib/assets/styles/classes.scss
@@ -315,6 +315,11 @@ a,
       margin: auto;
     }
   }
+
+  &.transparent {
+    background: none;
+    box-shadow: none;
+  }
 }
 
 .btn-group {
diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss
index 24ed4638..128da0a6 100644
--- a/lib/assets/styles/defaults.scss
+++ b/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 {
diff --git a/lib/components/base/DropdownSelect.vue b/lib/components/base/DropdownSelect.vue
index 31131261..d2f7f075 100644
--- a/lib/components/base/DropdownSelect.vue
+++ b/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;
diff --git a/package.json b/package.json
index 3b3b42a6..c0be99ae 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "files": [
     "dist"
   ],