You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/06/24 15:55:22 UTC

[royale-asjs] branch develop updated: jewel-themes: update all themes with numeric stepper style changes cleaning changes

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new b1b8761  jewel-themes: update all themes with numeric stepper style changes cleaning changes
b1b8761 is described below

commit b1b8761423886c68c291316b27bbe5a3feff15b2
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Jun 24 17:55:10 2020 +0200

    jewel-themes: update all themes with numeric stepper style changes cleaning changes
---
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 .../src/main/resources/defaults.css                          | 12 ++++++++++++
 36 files changed, 432 insertions(+)

diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 67f05d4..9810e63 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index 918e397..42e92d4 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 0fe840b..19d953a 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 9d66226..93731b0 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 42500af..7d88b6f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index eda0f60..926a472 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 195e3a8..a4c420a 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index f88d662..092ad1f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index e8b9e85..2f4edc4 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 1d61508..43a8717 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index b15ccfa..1461ca7 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 180703f..83918af 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 7c8b80a..5d6e202 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
index 11c91b7..9cce832 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 41d42b1..9b711be 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
index 7392e1f..9238543 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
index 041334f..3235a08 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
index 860b2da..f442102 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 579dc4b..17afd6a 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 670852b..9e9aca1 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 70fef34..b188a6b 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 5a9c5e4..2d4da69 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
index 6c6950b..371c8ac 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
index a111823..dee99ca 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -909,16 +909,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index aa41532..ca96108 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index 544d3df..59cae9c 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 1faec43..7642e31 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index c8e06b3..46d96a1 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 61c9833..beb032f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index e99a775..ba15f6d 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 888f9a2..98a2d15 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 6c2b1f3..96305bf 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 7070c2d..8a8d36b 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 7bedfc4..c514de6 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index 39e6d00..7d67c0c 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 1849274..b59e919 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -910,16 +910,28 @@ j|FormItem {
   padding-left: 34px;
 }
 
+.jewel.numericstepper {
+  height: 38px;
+}
+.jewel.numericstepper .jewel.textinput {
+  width: calc(100% - 33px);
+}
 .jewel.numericstepper .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
 }
 .jewel.numericstepper .jewel.button {
   border-radius: 0 0.25rem 0.25rem 0;
   border-left: 0px;
+  width: 12%;
+  width: 33px;
 }
 .jewel.numericstepper .jewel.button, .jewel.numericstepper .jewel.button:hover, .jewel.numericstepper .jewel.button:hover:focus, .jewel.numericstepper .jewel.button:active, .jewel.numericstepper .jewel.button:active:focus {
   color: transparent;
 }
+.jewel.numericstepper .jewel.button.up, .jewel.numericstepper .jewel.button.down {
+  height: 16.5px;
+  padding: 8.5px 16px;
+}
 .jewel.numericstepper .jewel.button.up {
   border-bottom-right-radius: 0px;
 }