@madgex/design-system 1.9.0 → 1.10.1

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Jul 2019 09:39:13 GMT
+ * Generated on Mon, 08 Jul 2019 16:03:51 GMT
  */
 
 :root {
@@ -99,18 +99,12 @@
  --mds-font-type-minion-md-line-height: 1.24;
  --mds-font-type-minion-lg-size: 12px;
  --mds-font-type-minion-lg-line-height: 1.34;
- --mds-size-font-xs: 12rem;
- --mds-size-font-sm: 14rem;
- --mds-size-font-md: 16rem;
- --mds-size-font-lg: 20rem;
- --mds-size-font-xl: 26rem;
- --mds-size-font-xxl: 46rem;
- --mds-size-font-base: 16rem;
- --mds-size-baseline: 4rem;
- --mds-size-breakpoint-sm: 400rem;
- --mds-size-breakpoint-md: 600rem;
- --mds-size-breakpoint-lg: 1008rem;
- --mds-size-breakpoint-xl: 1280rem;
- --mds-size-border-width: 1rem;
- --mds-size-border-radius: 3rem;
+ --mds-size-baseline: 4px;
+ --mds-size-breakpoint-sm: 400px;
+ --mds-size-breakpoint-md: 600px;
+ --mds-size-breakpoint-lg: 1008px;
+ --mds-size-breakpoint-xl: 1280px;
+ --mds-size-border-width: 1px;
+ --mds-size-border-radius: 3px;
+ --mds-size-gutter-width: 20px;
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Jul 2019 09:39:13 GMT
+ * Generated on Mon, 08 Jul 2019 16:03:51 GMT
  */
 
 module.exports = {
@@ -2038,127 +2038,6 @@ module.exports = {
     }
   },
   "size": {
-    "font": {
-      "xs": {
-        "value": "12rem",
-        "original": {
-          "value": "12"
-        },
-        "name": "MdsSizeFontXs",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "xs"
-        },
-        "path": [
-          "size",
-          "font",
-          "xs"
-        ]
-      },
-      "sm": {
-        "value": "14rem",
-        "original": {
-          "value": "14"
-        },
-        "name": "MdsSizeFontSm",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "sm"
-        },
-        "path": [
-          "size",
-          "font",
-          "sm"
-        ]
-      },
-      "md": {
-        "value": "16rem",
-        "original": {
-          "value": "16px"
-        },
-        "name": "MdsSizeFontMd",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "md"
-        },
-        "path": [
-          "size",
-          "font",
-          "md"
-        ]
-      },
-      "lg": {
-        "value": "20rem",
-        "original": {
-          "value": "20"
-        },
-        "name": "MdsSizeFontLg",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "lg"
-        },
-        "path": [
-          "size",
-          "font",
-          "lg"
-        ]
-      },
-      "xl": {
-        "value": "26rem",
-        "original": {
-          "value": "26"
-        },
-        "name": "MdsSizeFontXl",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "xl"
-        },
-        "path": [
-          "size",
-          "font",
-          "xl"
-        ]
-      },
-      "xxl": {
-        "value": "46rem",
-        "original": {
-          "value": "46"
-        },
-        "name": "MdsSizeFontXxl",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "xxl"
-        },
-        "path": [
-          "size",
-          "font",
-          "xxl"
-        ]
-      },
-      "base": {
-        "value": "16rem",
-        "original": {
-          "value": "{size.font.md.value}"
-        },
-        "name": "MdsSizeFontBase",
-        "attributes": {
-          "category": "size",
-          "type": "font",
-          "item": "base"
-        },
-        "path": [
-          "size",
-          "font",
-          "base"
-        ]
-      }
-    },
     "baseline": {
       "value": "4rem",
       "original": {
@@ -2279,6 +2158,21 @@ module.exports = {
           "radius"
         ]
       }
+    },
+    "gutter-width": {
+      "value": "20rem",
+      "original": {
+        "value": "20px"
+      },
+      "name": "MdsSizeGutterWidth",
+      "attributes": {
+        "category": "size",
+        "type": "gutter-width"
+      },
+      "path": [
+        "size",
+        "gutter-width"
+      ]
     }
   }
 };

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Fri, 05 Jul 2019 09:39:13 GMT
+  Generated on Mon, 08 Jul 2019 16:03:51 GMT
 */
 
 $mds-color-base: #71767a !default; // Base colour
@@ -99,13 +99,6 @@ $mds-font-type-minion-md-size: 13px !default;
 $mds-font-type-minion-md-line-height: 1.24 !default;
 $mds-font-type-minion-lg-size: 12px !default;
 $mds-font-type-minion-lg-line-height: 1.34 !default;
-$mds-size-font-xs: 12px !default;
-$mds-size-font-sm: 14px !default;
-$mds-size-font-md: 16px !default;
-$mds-size-font-lg: 20px !default;
-$mds-size-font-xl: 26px !default;
-$mds-size-font-xxl: 46px !default;
-$mds-size-font-base: 16px !default;
 $mds-size-baseline: 4px !default;
 $mds-size-breakpoint-sm: 400px !default;
 $mds-size-breakpoint-md: 600px !default;
@@ -113,6 +106,7 @@ $mds-size-breakpoint-lg: 1008px !default;
 $mds-size-breakpoint-xl: 1280px !default;
 $mds-size-border-width: 1px !default;
 $mds-size-border-radius: 3px !default;
+$mds-size-gutter-width: 20px !default;
 
 $tokens: (
   'color': (
@@ -323,15 +317,6 @@ $tokens: (
     )
   ),
   'size': (
-    'font': (
-      'xs': $mds-size-font-xs,
-      'sm': $mds-size-font-sm,
-      'md': $mds-size-font-md,
-      'lg': $mds-size-font-lg,
-      'xl': $mds-size-font-xl,
-      'xxl': $mds-size-font-xxl,
-      'base': $mds-size-font-base
-    ),
     'baseline': $mds-size-baseline,
     'breakpoint': (
       'sm': $mds-size-breakpoint-sm,
@@ -342,6 +327,7 @@ $tokens: (
     'border': (
       'width': $mds-size-border-width,
       'radius': $mds-size-border-radius
-    )
+    ),
+    'gutter-width': $mds-size-gutter-width
   )
 );