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/04/09 22:09:24 UTC

[royale-asjs] branch develop updated: jewel-themes: update to card styles and add CardTitle

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 1d04d18  jewel-themes: update to card styles and add CardTitle
     new 28a22af  Merge branch 'develop' of https://gitbox.apache.org/repos/asf/royale-asjs into develop
1d04d18 is described below

commit 1d04d18281c507ef92c2611738415ebf72fd127b
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Apr 10 00:08:57 2020 +0200

    jewel-themes: update to card styles and add CardTitle
---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 .../src/main/resources/defaults.css                           | 11 ++++++++---
 36 files changed, 288 insertions(+), 108 deletions(-)

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 6663055..8490dcc 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #bdbdbd;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #bdbdbd;
   padding: 18px 20px;
 }
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 2e237ef..e55f639 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #d2dadf;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #d2dadf;
   padding: 18px 20px;
 }
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 4d4dc37..b495401 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #c3c3c3;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #c3c3c3;
   padding: 18px 20px;
 }
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 e5d31a6..b661892 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #bababa;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #bababa;
   padding: 18px 20px;
 }
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 e3f03a6..239a8f1 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #d8cdc1;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #d8cdc1;
   padding: 18px 20px;
 }
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 14e560e..3d5e0a0 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #cfbebf;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #cfbebf;
   padding: 18px 20px;
 }
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 8436d64..b643079 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #b7b7b7;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #b7b7b7;
   padding: 18px 20px;
 }
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 1e16d54..3a617e7 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #e5e0d6;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #e5e0d6;
   padding: 18px 20px;
 }
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 371209a..517583f 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #d7cbc7;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #d7cbc7;
   padding: 18px 20px;
 }
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 5cc8e00..3923110 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #ababab;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #ababab;
   padding: 18px 20px;
 }
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 f6858bd..2c907d1 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #a0a0a0;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #a0a0a0;
   padding: 18px 20px;
 }
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 e1f1405..c0ae318 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #c7c6aa;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #c7c6aa;
   padding: 18px 20px;
 }
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 c54fd3e..97aa9c0 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 abce165..a69e63b 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 592a305..8864c8e 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 9866d12..689fc24 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 471cd65..d0560cb 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 1b3e144..a979e86 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 3c4799a..7867435 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 55f3740..521f7be 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 0806f72..0d1af47 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 3ce7214..ba97a19 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 25f9294..08fce9b 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 20a38a6..c447ef3 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
@@ -369,14 +369,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid transparent;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid transparent;
   padding: 18px 20px;
 }
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 b0168ef..3bba83d 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #bdbdbd;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #bdbdbd;
   padding: 18px 20px;
 }
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 42e7bb9..7067ba8 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #d2dadf;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #d2dadf;
   padding: 18px 20px;
 }
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 e1d6c6a..00c4b9c 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #c3c3c3;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #c3c3c3;
   padding: 18px 20px;
 }
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 c25bf3e..c01ad64 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #bababa;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #bababa;
   padding: 18px 20px;
 }
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 810508b..fed897c 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #d8cdc1;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #d8cdc1;
   padding: 18px 20px;
 }
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 e71be34..b0a8f06 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #cfbebf;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #cfbebf;
   padding: 18px 20px;
 }
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 fcf886d..f26c362 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #b7b7b7;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #b7b7b7;
   padding: 18px 20px;
 }
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 4bb08b9..74246bc 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #e5e0d6;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #e5e0d6;
   padding: 18px 20px;
 }
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 0c03b56..50f20f4 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #d7cbc7;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #d7cbc7;
   padding: 18px 20px;
 }
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 0b7f116..3fdef11 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #ababab;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #ababab;
   padding: 18px 20px;
 }
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 aa35d3d..efa9961 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #a0a0a0;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #a0a0a0;
   padding: 18px 20px;
 }
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 7a55fed..ba0a75e 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
@@ -367,14 +367,19 @@ hr {
 .jewel.card.simple {
   padding: 20px;
 }
-.jewel.card .cardHeader {
+.jewel.card .card-header {
   border-bottom: 1px solid #c7c6aa;
   padding: 12px 20px;
 }
-.jewel.card .cardPrimaryContent {
+.jewel.card .card-header .card-title {
+  font-size: 1.5em;
+  margin: 0.408rem 0rem;
+  letter-spacing: 0.0125em;
+}
+.jewel.card .card-primary-content {
   padding: 20px;
 }
-.jewel.card .cardActions {
+.jewel.card .card-actions {
   border-top: 1px solid #c7c6aa;
   padding: 18px 20px;
 }