@madgex/design-system 1.16.5 → 1.16.7

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 Jul 2019 09:03:50 GMT
+ * Generated on Thu, 18 Jul 2019 11:36:31 GMT
  */
 
 :root {

package/dist/_tokens/js/_tokens-module.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 Jul 2019 09:03:50 GMT
+ * Generated on Thu, 18 Jul 2019 11:36:31 GMT
  */
 
 module.exports = {

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Wed, 17 Jul 2019 09:03:50 GMT
+  Generated on Thu, 18 Jul 2019 11:36:31 GMT
 */
 
 $mds-color-brand-1-base: #1b75bb !default;

package/dist/css/index.css

@@ -1,6 +1,6 @@
 /*
   Do not edit directly
-  Generated on Wed, 17 Jul 2019 09:03:50 GMT
+  Generated on Thu, 18 Jul 2019 11:36:31 GMT
 */
 html,
 body,
@@ -462,8 +462,11 @@ body {
   font-family: "Helvetica", Arial, sans-serif;
 }
 
+html,
 body {
   background: #ffffff;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
 }
 
 .mds-site-container {
@@ -1472,157 +1475,157 @@ body {
   padding: 28px 32px;
 }
 
-.mds-font-canon, h1 {
+.mds-font-canon {
   font-size: 1.75rem;
   line-height: 1.15;
 }
 
 @media (min-width: 25em) {
-  .mds-font-canon, h1 {
+  .mds-font-canon {
     font-size: 2rem;
     line-height: 1.13;
   }
 }
 
 @media (min-width: 37.5em) {
-  .mds-font-canon, h1 {
+  .mds-font-canon {
     font-size: 3.25rem;
     line-height: 1.08;
   }
 }
 
 @media (min-width: 63em) {
-  .mds-font-canon, h1 {
+  .mds-font-canon {
     font-size: 2.75rem;
     line-height: 1.1;
   }
 }
 
-.mds-font-trafalgar, h2 {
+.mds-font-trafalgar, h1 {
   font-size: 1.25rem;
   line-height: 1.2;
 }
 
 @media (min-width: 25em) {
-  .mds-font-trafalgar, h2 {
+  .mds-font-trafalgar, h1 {
     font-size: 1.5rem;
     line-height: 1.17;
   }
 }
 
 @media (min-width: 37.5em) {
-  .mds-font-trafalgar, h2 {
+  .mds-font-trafalgar, h1 {
     font-size: 2.25rem;
     line-height: 1.12;
   }
 }
 
 @media (min-width: 63em) {
-  .mds-font-trafalgar, h2 {
+  .mds-font-trafalgar, h1 {
     font-size: 2rem;
     line-height: 1.13;
   }
 }
 
-.mds-font-paragon, h3 {
+.mds-font-paragon {
   font-size: 1.25rem;
   line-height: 1.2;
 }
 
 @media (min-width: 25em) {
-  .mds-font-paragon, h3 {
+  .mds-font-paragon {
     font-size: 1.375rem;
     line-height: 1.19;
   }
 }
 
 @media (min-width: 37.5em) {
-  .mds-font-paragon, h3 {
+  .mds-font-paragon {
     font-size: 1.75rem;
     line-height: 1.15;
   }
 }
 
 @media (min-width: 63em) {
-  .mds-font-paragon, h3 {
+  .mds-font-paragon {
     font-size: 1.75rem;
     line-height: 1.15;
   }
 }
 
-.mds-font-double-pica, h4 {
+.mds-font-double-pica, h2 {
   font-size: 1.25rem;
   line-height: 1.2;
 }
 
 @media (min-width: 25em) {
-  .mds-font-double-pica, h4 {
+  .mds-font-double-pica, h2 {
     font-size: 1.25rem;
     line-height: 1.2;
   }
 }
 
 @media (min-width: 37.5em) {
-  .mds-font-double-pica, h4 {
+  .mds-font-double-pica, h2 {
     font-size: 1.625rem;
     line-height: 1.16;
   }
 }
 
 @media (min-width: 63em) {
-  .mds-font-double-pica, h4 {
+  .mds-font-double-pica, h2 {
     font-size: 1.5rem;
     line-height: 1.17;
   }
 }
 
-.mds-font-great-primer, .js .mds-tabs__list-item {
+.mds-font-great-primer, h3, .js .mds-tabs__list-item {
   font-size: 1.125rem;
   line-height: 1.23;
 }
 
 @media (min-width: 25em) {
-  .mds-font-great-primer, .js .mds-tabs__list-item {
+  .mds-font-great-primer, h3, .js .mds-tabs__list-item {
     font-size: 1.125rem;
     line-height: 1.23;
   }
 }
 
 @media (min-width: 37.5em) {
-  .mds-font-great-primer, .js .mds-tabs__list-item {
+  .mds-font-great-primer, h3, .js .mds-tabs__list-item {
     font-size: 1.3125rem;
     line-height: 1.15;
   }
 }
 
 @media (min-width: 63em) {
-  .mds-font-great-primer, .js .mds-tabs__list-item {
+  .mds-font-great-primer, h3, .js .mds-tabs__list-item {
     font-size: 1.25rem;
     line-height: 1.2;
   }
 }
 
-.mds-font-body-copy, body {
+.mds-font-body-copy, body, h4 {
   font-size: 0.875rem;
   line-height: 1.43;
 }
 
 @media (min-width: 25em) {
-  .mds-font-body-copy, body {
+  .mds-font-body-copy, body, h4 {
     font-size: 1rem;
     line-height: 1.38;
   }
 }
 
 @media (min-width: 37.5em) {
-  .mds-font-body-copy, body {
+  .mds-font-body-copy, body, h4 {
     font-size: 1.125rem;
     line-height: 1.34;
   }
 }
 
 @media (min-width: 63em) {
-  .mds-font-body-copy, body {
+  .mds-font-body-copy, body, h4 {
     font-size: 1rem;
     line-height: 1.38;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madgex/design-system",
-  "version": "1.16.5",
+  "version": "1.16.7",
   "scripts": {
     "clean": "rimraf dist public tokens/build",
     "commit": "commit",

package/src/scss/core/_containers.scss

@@ -1,5 +1,8 @@
+html,
 body {
   background: $mds-color-background-body;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
 }
 
 .mds-site-container {
@@ -39,4 +42,4 @@ body {
     bottom: auto;
     top: 0;
   }
-}
+}

package/src/scss/core/_typography.scss

@@ -4,17 +4,17 @@ body {
 }
 
 h1 {
-  @extend .mds-font-canon;
+  @extend .mds-font-trafalgar;
 }
 
 h2 {
-  @extend .mds-font-trafalgar;
+  @extend .mds-font-double-pica;
 }
 
 h3 {
-  @extend .mds-font-paragon;
+  @extend .mds-font-great-primer;
 }
 
 h4 {
-  @extend .mds-font-double-pica;
+  @extend .mds-font-body-copy;
 }