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 2018/11/16 14:36:58 UTC

[royale-asjs] branch develop updated: wire wizard styles in all themes

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 d80019a  wire wizard styles in all themes
d80019a is described below

commit d80019ab302899cab2503ba9ef9cfe8681800f37
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Nov 16 15:36:51 2018 +0100

    wire wizard styles in all themes
---
 .../Jewel/src/main/sass/components/_wizard.sass    |  2 --
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../src/main/resources/defaults.css                |  5 +++
 .../src/main/sass/defaults.sass                    |  1 +
 .../JewelTheme/src/main/resources/defaults.css     |  5 +++
 .../src/main/sass/components-primary/_wizard.sass  | 38 ++++++++++++++++++++++
 .../themes/JewelTheme/src/main/sass/defaults.sass  |  1 +
 52 files changed, 188 insertions(+), 2 deletions(-)

diff --git a/frameworks/projects/Jewel/src/main/sass/components/_wizard.sass b/frameworks/projects/Jewel/src/main/sass/components/_wizard.sass
index 9c267e3..7769e38 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_wizard.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_wizard.sass
@@ -38,8 +38,6 @@ j|Wizard
     IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.HorizontalLayout")
     IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.WizardModel")
     IWizardContentArea: ClassReference("org.apache.royale.jewel.WizardContent")
-    gap: 3
-    itemsVerticalAlign: itemsCentered
 
 // j|WizardNavigator
 //     IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ListView")
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 7cde60a..f97ca56 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 ce63a24..14a6b2d 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 4c8f415..c34fada 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 5d13730..98134a7 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 68a12b9..562b3cf 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 96ad8ac..7de8c88 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 0caf5f0..34a03e9 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 823053b..1c8bb0d 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 1f4db50..c9faaf7 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 b00aadc..c6adc35 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 ca5edc6..7a6d0ee 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 b73e22c..6465af9 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
@@ -928,4 +928,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 6e532f0..3ebae76 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 4b7999f..f9aa510 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 bad993b..b8b5b53 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 428f15a..07ae645 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 3446172..444a2f1 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 7e88de6..c860492 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 ec4b308..8ddffd2 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 4ca581e..9919fea 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 f2ab249..2cef735 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 5764402..2a906a1 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 625d5ae..ed26c01 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
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 f0869ab..ed45957 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
@@ -927,4 +927,9 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 /*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 987991c..f341e0f 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -56,3 +56,4 @@
 @import "../../../../JewelTheme/src/main/sass/components-primary/togglebutton"
 @import "../../../../JewelTheme/src/main/sass/components-primary/tooltip"
 @import "../../../../JewelTheme/src/main/sass/components-primary/topappbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/wizard"
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index df38d42..9788b87 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -927,6 +927,11 @@ a:active {
   padding-right: 0;
 }
 
+j|Wizard {
+  gap: 3;
+  itemsVerticalAlign: itemsCentered;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_wizard.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_wizard.sass
new file mode 100644
index 0000000..e250c76
--- /dev/null
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_wizard.sass
@@ -0,0 +1,38 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+// Jewel Wizard
+
+// Wizard variables
+
+.jewel
+    .wizard
+        
+    .next
+
+    .previous
+    
+    .wizardcontent
+
+
+j|Wizard
+    gap: 3
+    itemsVerticalAlign: itemsCentered
+
+j|WizardContent
diff --git a/frameworks/themes/JewelTheme/src/main/sass/defaults.sass b/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
index 9b787bc..d06fb6f 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
@@ -56,6 +56,7 @@
 @import "components-primary/togglebutton"
 @import "components-primary/tooltip"
 @import "components-primary/topappbar"
+@import "components-primary/wizard"
 
 @import "components-secondary/alert"    
 @import "components-secondary/button"