From e23ace1bb0182b2d096904ff07505e26dd947054 Mon Sep 17 00:00:00 2001
From: Zach Baird <30800863+ZachBaird@users.noreply.github.com>
Date: Thu, 13 Apr 2023 15:05:45 -0400
Subject: [PATCH] Adds number input style and doc. Bumps package version. (#37)

---
 docs/.vitepress/config.js        |  1 +
 docs/components/number-inputs.md | 20 ++++++++++++++++++++
 lib/assets/styles/defaults.scss  |  9 +++++++++
 package.json                     |  2 +-
 4 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 docs/components/number-inputs.md

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index 997457207..9c6ef77f1 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -35,6 +35,7 @@ export default {
           { text: 'Text Logo', link: '/components/text-logo' },
           { text: 'Slider', link: '/components/slider' },
           { text: 'Text Inputs', link: '/components/text-inputs' },
+          { text: 'Number Inputs', link: '/components/number-inputs' },
           { text: 'Search Filter', link: '/components/search-filter' },
           { text: 'Toggle', link: '/components/toggle' },
           { text: 'Promotion', link: '/components/promotion' },
diff --git a/docs/components/number-inputs.md b/docs/components/number-inputs.md
new file mode 100644
index 000000000..0a0633695
--- /dev/null
+++ b/docs/components/number-inputs.md
@@ -0,0 +1,20 @@
+# Number Inputs
+
+<script setup>
+import { ref } from "vue"; 
+
+const input = ref(0)
+</script>
+<DemoContainer>
+<input v-model="input" type="number" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue"; 
+
+const input = ref(0)
+</script>
+
+<input v-model="input" type="number" />
+```
\ No newline at end of file
diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss
index 2a429269b..071b2aaf8 100644
--- a/lib/assets/styles/defaults.scss
+++ b/lib/assets/styles/defaults.scss
@@ -52,6 +52,7 @@ a.uncolored {
 }
 
 input[type='text'],
+input[type='number'],
 textarea {
   border-radius: var(--radius-md);
   box-sizing: border-box;
@@ -91,6 +92,14 @@ textarea {
   }
 }
 
+input[type='number'] {
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+}
+
 .iconified-input {
   align-items: center;
   display: inline-flex;
diff --git a/package.json b/package.json
index a00dfbdfc..71a96fa54 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "files": [
     "dist"
   ],