@madgex/design-system 1.15.0 → 1.15.1

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 Jul 2019 14:20:25 GMT
+ * Generated on Thu, 11 Jul 2019 15:05:30 GMT
  */
 
 :root {
@@ -20,16 +20,17 @@
  --mds-color-brand-3-dark: #119389;
  --mds-color-brand-3-darkest: #063733;
  --mds-color-background-body: #ffffff;
- --mds-color-background-site-container: #f0f0f0;
+ --mds-color-background-site-container: #f8f8f8;
  --mds-color-background-surface: #ffffff;
  --mds-color-neutral-white: #ffffff;
  --mds-color-neutral-black: #000000;
  --mds-color-neutral-base: #979797;
- --mds-color-neutral-lightest: #f0f0f0;
+ --mds-color-neutral-lighter: #dddddd;
+ --mds-color-neutral-lightest: #f8f8f8;
  --mds-color-neutral-darker: #333333;
  --mds-color-text-base: #222222;
  --mds-color-text-invert: #ffffff;
- --mds-color-border: #979797;
+ --mds-color-border: #dddddd;
  --mds-font-family-base: "Helvetica", Arial, sans-serif;
  --mds-font-size-base: 16px;
  --mds-font-type-canon-default-size: 28px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 11 Jul 2019 14:20:25 GMT
+ * Generated on Thu, 11 Jul 2019 15:05:30 GMT
  */
 
 module.exports = {
@@ -341,7 +341,7 @@ module.exports = {
         ]
       },
       "site-container": {
-        "value": "#f0f0f0",
+        "value": "#f8f8f8",
         "original": {
           "value": "{color.neutral.lightest.value}"
         },
@@ -427,10 +427,27 @@ module.exports = {
           "base"
         ]
       },
+      "lighter": {
+        "value": "#dddddd",
+        "original": {
+          "value": "#DDDDDD"
+        },
+        "name": "MdsColorNeutralLighter",
+        "attributes": {
+          "category": "color",
+          "type": "neutral",
+          "item": "lighter"
+        },
+        "path": [
+          "color",
+          "neutral",
+          "lighter"
+        ]
+      },
       "lightest": {
-        "value": "#f0f0f0",
+        "value": "#f8f8f8",
         "original": {
-          "value": "#F0F0F0"
+          "value": "#F8F8F8"
         },
         "name": "MdsColorNeutralLightest",
         "attributes": {
@@ -499,9 +516,9 @@ module.exports = {
       }
     },
     "border": {
-      "value": "#979797",
+      "value": "#dddddd",
       "original": {
-        "value": "{color.neutral.base.value}"
+        "value": "{color.neutral.lighter.value}"
       },
       "name": "MdsColorBorder",
       "attributes": {

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Thu, 11 Jul 2019 14:20:25 GMT
+  Generated on Thu, 11 Jul 2019 15:05:30 GMT
 */
 
 $mds-color-brand-1-base: #1b75bb !default;
@@ -20,16 +20,17 @@ $mds-color-brand-3-lightest: lighten($mds-color-brand-3-base,(95% - lightness($m
 $mds-color-brand-3-dark: darken($mds-color-brand-3-base,10%) !default;
 $mds-color-brand-3-darkest: darken($mds-color-brand-3-base,(lightness($mds-color-brand-3-base) - 12%)) !default;
 $mds-color-background-body: #ffffff !default;
-$mds-color-background-site-container: #f0f0f0 !default;
+$mds-color-background-site-container: #f8f8f8 !default;
 $mds-color-background-surface: #ffffff !default;
 $mds-color-neutral-white: #ffffff !default;
 $mds-color-neutral-black: #000000 !default;
 $mds-color-neutral-base: #979797 !default;
-$mds-color-neutral-lightest: #f0f0f0 !default;
+$mds-color-neutral-lighter: #dddddd !default;
+$mds-color-neutral-lightest: #f8f8f8 !default;
 $mds-color-neutral-darker: #333333 !default;
 $mds-color-text-base: #222222 !default;
 $mds-color-text-invert: #ffffff !default;
-$mds-color-border: #979797 !default;
+$mds-color-border: #dddddd !default;
 $mds-font-family-base: "Helvetica", Arial, sans-serif !default;
 $mds-font-size-base: 16px !default;
 $mds-font-type-canon-default-size: 28px !default;
@@ -162,6 +163,7 @@ $tokens: (
       'white': $mds-color-neutral-white,
       'black': $mds-color-neutral-black,
       'base': $mds-color-neutral-base,
+      'lighter': $mds-color-neutral-lighter,
       'lightest': $mds-color-neutral-lightest,
       'darker': $mds-color-neutral-darker
     ),

package/dist/css/index.css

@@ -1,6 +1,6 @@
 /*
   Do not edit directly
-  Generated on Thu, 11 Jul 2019 14:20:25 GMT
+  Generated on Thu, 11 Jul 2019 15:05:30 GMT
 */
 html,
 body,
@@ -3306,7 +3306,7 @@ template {
 }
 
 .mds-border, .mds-surface {
-  border: 1px solid #979797;
+  border: 1px solid #dddddd;
 }
 
 .mds-border-none {
@@ -3315,25 +3315,25 @@ template {
 
 @media (min-width: 25em) {
   .mds-border-sm {
-    border: 1px solid #979797;
+    border: 1px solid #dddddd;
   }
 }
 
 @media (min-width: 37.5em) {
   .mds-border-md {
-    border: 1px solid #979797;
+    border: 1px solid #dddddd;
   }
 }
 
 @media (min-width: 63em) {
   .mds-border-lg {
-    border: 1px solid #979797;
+    border: 1px solid #dddddd;
   }
 }
 
 @media (min-width: 80em) {
   .mds-border-xl {
-    border: 1px solid #979797;
+    border: 1px solid #dddddd;
   }
 }
 
@@ -3362,19 +3362,19 @@ template {
 }
 
 .mds-border-top {
-  border-top: 1px solid #979797;
+  border-top: 1px solid #dddddd;
 }
 
 .mds-border-right {
-  border-right: 1px solid #979797;
+  border-right: 1px solid #dddddd;
 }
 
 .mds-border-bottom, .mds-tabs__list {
-  border-bottom: 1px solid #979797;
+  border-bottom: 1px solid #dddddd;
 }
 
 .mds-border-left {
-  border-left: 1px solid #979797;
+  border-left: 1px solid #dddddd;
 }
 
 .mds-border-top-none {
@@ -3395,61 +3395,61 @@ template {
 
 @media (min-width: 25em) {
   .mds-border-sm-top {
-    border-top: 1px solid #979797;
+    border-top: 1px solid #dddddd;
   }
   .mds-border-sm-right {
-    border-right: 1px solid #979797;
+    border-right: 1px solid #dddddd;
   }
   .mds-border-sm-bottom {
-    border-bottom: 1px solid #979797;
+    border-bottom: 1px solid #dddddd;
   }
   .mds-border-sm-left {
-    border-left: 1px solid #979797;
+    border-left: 1px solid #dddddd;
   }
 }
 
 @media (min-width: 37.5em) {
   .mds-border-md-top {
-    border-top: 1px solid #979797;
+    border-top: 1px solid #dddddd;
   }
   .mds-border-md-right {
-    border-right: 1px solid #979797;
+    border-right: 1px solid #dddddd;
   }
   .mds-border-md-bottom {
-    border-bottom: 1px solid #979797;
+    border-bottom: 1px solid #dddddd;
   }
   .mds-border-md-left {
-    border-left: 1px solid #979797;
+    border-left: 1px solid #dddddd;
   }
 }
 
 @media (min-width: 63em) {
   .mds-border-lg-top {
-    border-top: 1px solid #979797;
+    border-top: 1px solid #dddddd;
   }
   .mds-border-lg-right {
-    border-right: 1px solid #979797;
+    border-right: 1px solid #dddddd;
   }
   .mds-border-lg-bottom {
-    border-bottom: 1px solid #979797;
+    border-bottom: 1px solid #dddddd;
   }
   .mds-border-lg-left {
-    border-left: 1px solid #979797;
+    border-left: 1px solid #dddddd;
   }
 }
 
 @media (min-width: 80em) {
   .mds-border-xl-top {
-    border-top: 1px solid #979797;
+    border-top: 1px solid #dddddd;
   }
   .mds-border-xl-right {
-    border-right: 1px solid #979797;
+    border-right: 1px solid #dddddd;
   }
   .mds-border-xl-bottom {
-    border-bottom: 1px solid #979797;
+    border-bottom: 1px solid #dddddd;
   }
   .mds-border-xl-left {
-    border-left: 1px solid #979797;
+    border-left: 1px solid #dddddd;
   }
 }
 
@@ -3561,7 +3561,7 @@ body {
   max-width: 100%;
   min-width: 0;
   margin: 0 auto;
-  background: #f0f0f0;
+  background: #f8f8f8;
 }
 
 .mds-wrapper {
@@ -3605,7 +3605,7 @@ body {
 }
 
 .mds-list--border {
-  border-left: 5px solid #f0f0f0;
+  border-left: 5px solid #f8f8f8;
   padding-left: 20px;
 }
 
@@ -4509,15 +4509,15 @@ body {
 
 .mds-card {
   padding: 12px 16px;
-  border: 1px solid #979797;
+  border: 1px solid #dddddd;
 }
 
 .mds-card--highlighted {
-  background: #f0f0f0;
+  background: #f8f8f8;
 }
 
 .mds-section-title {
-  border-bottom: 1px solid #979797;
+  border-bottom: 1px solid #dddddd;
 }
 
 .js .mds-tabs__panel--hidden {

package/package.json

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

package/src/tokens/color.json

@@ -68,7 +68,8 @@
       "white": { "value": "#FFFFFF" },
       "black": { "value": "#000000" },
       "base": { "value": "#979797" },
-      "lightest": { "value": "#F0F0F0" },
+      "lighter": { "value": "#DDDDDD" },
+      "lightest": { "value": "#F8F8F8" },
       "darker": { "value": "#333333" }
     },
     "text": {
@@ -80,7 +81,7 @@
       }
     },
     "border": {
-      "value": "{color.neutral.base.value}"
+      "value": "{color.neutral.lighter.value}"
     }
   }
 }