fix btn transparent, add shadows (#45)

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;