@madgex/design-system 1.21.7 → 1.21.9

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 20 Aug 2019 09:14:10 GMT
+ * Generated on Wed, 21 Aug 2019 12:37:48 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 20 Aug 2019 09:14:11 GMT
+ * Generated on Wed, 21 Aug 2019 12:37:48 GMT
  */
 
 module.exports = {

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Tue, 20 Aug 2019 09:14:10 GMT
+  Generated on Wed, 21 Aug 2019 12:37:48 GMT
 */
 
 $mds-color-brand-1-base: #1b75bb !default;

package/dist/css/index.css

@@ -1,6 +1,6 @@
 /*
   Do not edit directly
-  Generated on Tue, 20 Aug 2019 09:14:10 GMT
+  Generated on Wed, 21 Aug 2019 12:37:48 GMT
 */
 html,
 body,
@@ -522,10 +522,10 @@ body {
 }
 
 .mds-list {
-  margin: 0 0 20px 12px;
+  margin: 0 0 20px 0;
   padding: 0;
   list-style-type: none;
-  list-style-position: outside;
+  list-style-position: inside;
 }
 
 .mds-list__item {
@@ -533,6 +533,11 @@ body {
   margin-left: 16px;
 }
 
+.mds-list--bullet,
+.mds-list--number {
+  margin-left: 12px;
+}
+
 .mds-list--bullet {
   list-style-type: disc;
 }
@@ -561,9 +566,14 @@ body {
   margin-bottom: 12px;
 }
 
+.mds-list--inline {
+  margin-left: 0;
+}
+
 .mds-list--inline li {
   display: inline-block;
   margin-bottom: 0;
+  margin-left: 0;
   margin-right: 8px;
 }
 
@@ -1462,7 +1472,7 @@ body {
   border: 1px solid transparent;
   border-radius: 4px;
   background-color: #f0af11;
-  padding: 8px 12px;
+  padding: 12px 12px;
   font-size: 100%;
   width: 100%;
   display: inline-block;
@@ -1474,6 +1484,7 @@ body {
 @media (min-width: 37.5em) {
   .mds-button {
     width: auto;
+    padding: 8px 12px;
   }
 }
 
@@ -1519,6 +1530,13 @@ body {
 
 .js .mds-tabs__list-item {
   display: inline-block;
+  width: 50%;
+}
+
+@media (min-width: 37.5em) {
+  .js .mds-tabs__list-item {
+    width: auto;
+  }
 }
 
 .mds-tabs__tab {
@@ -1527,7 +1545,9 @@ body {
 }
 
 .js .mds-tabs__tab {
+  width: 100%;
   text-decoration: none;
+  text-align: center;
   margin-right: 4px;
   margin-bottom: 0;
   padding: 28px 32px;
@@ -1535,6 +1555,12 @@ body {
   padding-bottom: 20px;
 }
 
+@media (min-width: 37.5em) {
+  .js .mds-tabs__tab {
+    text-align: left;
+  }
+}
+
 .js .mds-tabs__tab.mds-tabs__tab--selected {
   border-bottom: 6px solid #1b75bb;
   color: #222222;

package/package.json

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

package/src/components/button/button.scss

@@ -12,7 +12,7 @@ $mds-color-button-text-hover: $mds-color-button-text !default;
   border: 1px solid transparent;
   border-radius: $mds-size-button-border-radius;
   background-color: $mds-color-button-bg;
-  padding: ($mds-size-baseline * 2) ($mds-size-baseline * 3);
+  padding: ($mds-size-baseline * 3) ($mds-size-baseline * 3);
   font-size: 100%;
   width: 100%;
   display: inline-block;
@@ -22,6 +22,7 @@ $mds-color-button-text-hover: $mds-color-button-text !default;
 
   @include mq($from: md) {
     width: auto;
+    padding: ($mds-size-baseline * 2) ($mds-size-baseline * 3);
   }
 
   // Ensure that any global link styles are overridden

package/src/components/tabs/tabs.scss

@@ -13,7 +13,12 @@
 
 .js .mds-tabs__list-item {
   display: inline-block;
+  width: 50%;
   @extend .mds-font-great-primer;
+
+  @include mq($from: $mds-size-breakpoint-md) {
+    width: auto;
+  }
 }
 
 .mds-tabs__tab {
@@ -21,12 +26,18 @@
   margin-bottom: $mds-size-baseline * 2;
 
   .js & {
+    width: 100%;
     text-decoration: none;
+    text-align: center;
     margin-right: $mds-size-baseline;
     margin-bottom: 0;
     padding: $mds-size-surface-padding;
     padding-top: $mds-size-baseline * 6;
     padding-bottom: $mds-size-baseline * 5;
+
+    @include mq($from: $mds-size-breakpoint-md) {
+      text-align: left;
+    }
   }
 }
 

package/src/scss/core/_lists.scss

@@ -1,13 +1,17 @@
 .mds-list {
-  margin: 0 0 ($mds-size-baseline * 5) ($mds-size-baseline * 3);
+  margin: 0 0 ($mds-size-baseline * 5) 0;
   padding: 0;
   list-style-type: none;
-  list-style-position: outside;
+  list-style-position: inside;
 }
 .mds-list__item {
   margin-bottom: $mds-size-baseline;
   margin-left: $mds-size-baseline * 4;
 }
+.mds-list--bullet,
+.mds-list--number {
+  margin-left: ($mds-size-baseline * 3);
+}
 
 .mds-list--bullet {
   list-style-type: disc;
@@ -35,10 +39,13 @@
 .mds-list__value {
   margin-bottom: $mds-size-baseline * 3;
 }
-
+.mds-list--inline {
+  margin-left: 0;
+}
 .mds-list--inline li {
   display: inline-block;
   margin-bottom: 0;
+  margin-left: 0;
   margin-right: $mds-size-baseline * 2;
 }
 

package/src/scss/helpers/_edited-text.scss

@@ -1,21 +1,21 @@
 .mds-edited-text {
-  ul,
-  ol {
+  & ul,
+  & ol {
     margin: 0 0 ($mds-size-baseline * 5) ($mds-size-baseline * 3);
     padding: 0;
     list-style-position: outside;
-    ul,
-    ol {
+    & ul,
+    & ol {
       margin: ($mds-size-baseline * 2) 0 0 0;
     }
   }
-  ul {
+  & ul {
     list-style-type: disc;
   }
-  ol {
+  & ol {
     list-style-type: decimal;
   }
-  li {
+  & li {
     margin-bottom: $mds-size-baseline;
     margin-left: $mds-size-baseline * 4;
   }
@@ -23,7 +23,7 @@
 .mds-edited-text.mds-font-body-copy-bulk,
 .mds-font-body-copy-bulk .mds-edited-text,
 .mds-edited-text .mds-font-body-copy-bulk {
-  p{
+  & p {
     margin-bottom: $mds-size-baseline * 4;
   }
-}
+}