@bgord/design 0.27.67 → 0.27.68

package/dist/design.cjs.development.js

@@ -13,68 +13,54 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     reject(error);
     return;
   }
-
   if (info.done) {
     resolve(value);
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-
 function _asyncToGenerator(fn) {
   return function () {
     var self = this,
-        args = arguments;
+      args = arguments;
     return new Promise(function (resolve, reject) {
       var gen = fn.apply(self, args);
-
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
-
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
-
       _next(undefined);
     });
   };
 }
-
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -83,19 +69,14 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it) return (it = it.call(o)).next.bind(it);
-
   if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
     if (it) o = it;
     var i = 0;
@@ -109,7 +90,6 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
       };
     };
   }
-
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
@@ -871,9 +851,7 @@ var File = /*#__PURE__*/function () {
   function File(path) {
     this.path = path;
   }
-
   var _proto = File.prototype;
-
   _proto.save = /*#__PURE__*/function () {
     var _save = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(content) {
       return runtime_1.wrap(function _callee$(_context) {
@@ -881,7 +859,6 @@ var File = /*#__PURE__*/function () {
           switch (_context.prev = _context.next) {
             case 0:
               return _context.abrupt("return", fs.promises.writeFile(this.path, content));
-
             case 1:
             case "end":
               return _context.stop();
@@ -889,14 +866,11 @@ var File = /*#__PURE__*/function () {
         }
       }, _callee, this);
     }));
-
     function save(_x) {
       return _save.apply(this, arguments);
     }
-
     return save;
   }();
-
   _proto.read = /*#__PURE__*/function () {
     var _read = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       var result;
@@ -907,16 +881,13 @@ var File = /*#__PURE__*/function () {
               _context2.prev = 0;
               _context2.next = 3;
               return fs.promises.readFile(this.path);
-
             case 3:
               result = _context2.sent;
               return _context2.abrupt("return", result.toString());
-
             case 7:
               _context2.prev = 7;
               _context2.t0 = _context2["catch"](0);
               return _context2.abrupt("return", null);
-
             case 10:
             case "end":
               return _context2.stop();
@@ -924,14 +895,11 @@ var File = /*#__PURE__*/function () {
         }
       }, _callee2, this, [[0, 7]]);
     }));
-
     function read() {
       return _read.apply(this, arguments);
     }
-
     return read;
   }();
-
   return File;
 }();
 
@@ -939,974 +907,791 @@ var AbstractGenerator = /*#__PURE__*/function () {
   function AbstractGenerator(name) {
     this.name = name;
   }
-
   var _proto = AbstractGenerator.prototype;
-
   _proto.generateHeader = function generateHeader() {
     return "/* " + this.name + " */\n\n";
   };
-
   _proto.generateFooter = function generateFooter() {
     return '/* ===================== */\n\n';
   };
-
   return AbstractGenerator;
 }();
 
 var Margins = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(Margins, _AbstractGenerator);
-
   function Margins(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Margins') || this;
     _this.spacing = config.spacing;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = Margins.prototype;
-
   _proto.generateCss = function generateCss() {
     var output = '';
-
     for (var _i = 0, _Object$entries = Object.entries(this.spacing); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-m='" + key + "'] {\n  margin: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.spacing); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          _key = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        _key = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "*[data-mx='" + _key + "'] {\n  margin-left: " + _value + ";\n  margin-right: " + _value + ";\n}\n";
     }
-
     for (var _i3 = 0, _Object$entries3 = Object.entries(this.spacing); _i3 < _Object$entries3.length; _i3++) {
       var _Object$entries3$_i = _Object$entries3[_i3],
-          _key2 = _Object$entries3$_i[0],
-          _value2 = _Object$entries3$_i[1];
+        _key2 = _Object$entries3$_i[0],
+        _value2 = _Object$entries3$_i[1];
       output += "*[data-my='" + _key2 + "'] {\n  margin-top: " + _value2 + ";\n  margin-bottom: " + _value2 + ";\n}\n";
     }
-
     for (var _i4 = 0, _Object$entries4 = Object.entries(this.spacing); _i4 < _Object$entries4.length; _i4++) {
       var _Object$entries4$_i = _Object$entries4[_i4],
-          _key3 = _Object$entries4$_i[0],
-          _value3 = _Object$entries4$_i[1];
+        _key3 = _Object$entries4$_i[0],
+        _value3 = _Object$entries4$_i[1];
       output += "*[data-mt='" + _key3 + "'] {\n  margin-top: " + _value3 + ";\n}\n";
     }
-
     for (var _i5 = 0, _Object$entries5 = Object.entries(this.spacing); _i5 < _Object$entries5.length; _i5++) {
       var _Object$entries5$_i = _Object$entries5[_i5],
-          _key4 = _Object$entries5$_i[0],
-          _value4 = _Object$entries5$_i[1];
+        _key4 = _Object$entries5$_i[0],
+        _value4 = _Object$entries5$_i[1];
       output += "*[data-mr='" + _key4 + "'] {\n  margin-right: " + _value4 + ";\n}\n";
     }
-
     for (var _i6 = 0, _Object$entries6 = Object.entries(this.spacing); _i6 < _Object$entries6.length; _i6++) {
       var _Object$entries6$_i = _Object$entries6[_i6],
-          _key5 = _Object$entries6$_i[0],
-          _value5 = _Object$entries6$_i[1];
+        _key5 = _Object$entries6$_i[0],
+        _value5 = _Object$entries6$_i[1];
       output += "*[data-mb='" + _key5 + "'] {\n  margin-bottom: " + _value5 + ";\n}\n";
     }
-
     for (var _i7 = 0, _Object$entries7 = Object.entries(this.spacing); _i7 < _Object$entries7.length; _i7++) {
       var _Object$entries7$_i = _Object$entries7[_i7],
-          _key6 = _Object$entries7$_i[0],
-          _value6 = _Object$entries7$_i[1];
+        _key6 = _Object$entries7$_i[0],
+        _value6 = _Object$entries7$_i[1];
       output += "*[data-ml='" + _key6 + "'] {\n  margin-left: " + _value6 + ";\n}\n";
     }
-
     for (var _i8 = 0, _Object$entries8 = Object.entries(this.breakpoints); _i8 < _Object$entries8.length; _i8++) {
       var _Object$entries8$_i = _Object$entries8[_i8],
-          name = _Object$entries8$_i[0],
-          _value7 = _Object$entries8$_i[1];
+        name = _Object$entries8$_i[0],
+        _value7 = _Object$entries8$_i[1];
       output += "@media (max-width: " + _value7 + "px) {\n";
-
       for (var _i9 = 0, _Object$entries9 = Object.entries(this.spacing); _i9 < _Object$entries9.length; _i9++) {
         var _Object$entries9$_i = _Object$entries9[_i9],
-            _key7 = _Object$entries9$_i[0],
-            _value8 = _Object$entries9$_i[1];
+          _key7 = _Object$entries9$_i[0],
+          _value8 = _Object$entries9$_i[1];
         output += "  *[data-" + name + "-m='" + _key7 + "'] {\n    margin: " + _value8 + ";\n  }\n";
       }
-
       for (var _i10 = 0, _Object$entries10 = Object.entries(this.spacing); _i10 < _Object$entries10.length; _i10++) {
         var _Object$entries10$_i = _Object$entries10[_i10],
-            _key8 = _Object$entries10$_i[0],
-            _value9 = _Object$entries10$_i[1];
+          _key8 = _Object$entries10$_i[0],
+          _value9 = _Object$entries10$_i[1];
         output += "  *[data-" + name + "-mx='" + _key8 + "'] {\n    margin-left: " + _value9 + ";\n    margin-right: " + _value9 + ";\n  }\n";
       }
-
       for (var _i11 = 0, _Object$entries11 = Object.entries(this.spacing); _i11 < _Object$entries11.length; _i11++) {
         var _Object$entries11$_i = _Object$entries11[_i11],
-            _key9 = _Object$entries11$_i[0],
-            _value10 = _Object$entries11$_i[1];
+          _key9 = _Object$entries11$_i[0],
+          _value10 = _Object$entries11$_i[1];
         output += "  *[data-" + name + "-my='" + _key9 + "'] {\n    margin-top: " + _value10 + ";\n    margin-bottom: " + _value10 + ";\n  }\n";
       }
-
       for (var _i12 = 0, _Object$entries12 = Object.entries(this.spacing); _i12 < _Object$entries12.length; _i12++) {
         var _Object$entries12$_i = _Object$entries12[_i12],
-            _key10 = _Object$entries12$_i[0],
-            _value11 = _Object$entries12$_i[1];
+          _key10 = _Object$entries12$_i[0],
+          _value11 = _Object$entries12$_i[1];
         output += "  *[data-" + name + "-mt='" + _key10 + "'] {\n    margin-top: " + _value11 + ";\n  }\n";
       }
-
       for (var _i13 = 0, _Object$entries13 = Object.entries(this.spacing); _i13 < _Object$entries13.length; _i13++) {
         var _Object$entries13$_i = _Object$entries13[_i13],
-            _key11 = _Object$entries13$_i[0],
-            _value12 = _Object$entries13$_i[1];
+          _key11 = _Object$entries13$_i[0],
+          _value12 = _Object$entries13$_i[1];
         output += "  *[data-" + name + "-mr='" + _key11 + "'] {\n    margin-right: " + _value12 + ";\n  }\n";
       }
-
       for (var _i14 = 0, _Object$entries14 = Object.entries(this.spacing); _i14 < _Object$entries14.length; _i14++) {
         var _Object$entries14$_i = _Object$entries14[_i14],
-            _key12 = _Object$entries14$_i[0],
-            _value13 = _Object$entries14$_i[1];
+          _key12 = _Object$entries14$_i[0],
+          _value13 = _Object$entries14$_i[1];
         output += "  *[data-" + name + "-mb='" + _key12 + "'] {\n    margin-bottom: " + _value13 + ";\n  }\n";
       }
-
       for (var _i15 = 0, _Object$entries15 = Object.entries(this.spacing); _i15 < _Object$entries15.length; _i15++) {
         var _Object$entries15$_i = _Object$entries15[_i15],
-            _key13 = _Object$entries15$_i[0],
-            _value14 = _Object$entries15$_i[1];
+          _key13 = _Object$entries15$_i[0],
+          _value14 = _Object$entries15$_i[1];
         output += "  *[data-" + name + "-ml='" + _key13 + "'] {\n    margin-left: " + _value14 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return Margins;
 }(AbstractGenerator);
 
 var Paddings = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(Paddings, _AbstractGenerator);
-
   function Paddings(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Paddings') || this;
     _this.spacing = config.spacing;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = Paddings.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular padding: data-p="*"
-
+    var output = '';
+    // Regular padding: data-p="*"
     for (var _i = 0, _Object$entries = Object.entries(this.spacing); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-p='" + key + "'] {\n  padding: " + value + ";\n}\n";
-    } // Horizontal padding: data-px="*"
-
-
+    }
+    // Horizontal padding: data-px="*"
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.spacing); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          _key = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        _key = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "*[data-px='" + _key + "'] {\n  padding-left: " + _value + ";\n  padding-right: " + _value + ";\n}\n";
-    } // Vertical padding: data-py="*"
-
-
+    }
+    // Vertical padding: data-py="*"
     for (var _i3 = 0, _Object$entries3 = Object.entries(this.spacing); _i3 < _Object$entries3.length; _i3++) {
       var _Object$entries3$_i = _Object$entries3[_i3],
-          _key2 = _Object$entries3$_i[0],
-          _value2 = _Object$entries3$_i[1];
+        _key2 = _Object$entries3$_i[0],
+        _value2 = _Object$entries3$_i[1];
       output += "*[data-py='" + _key2 + "'] {\n  padding-top: " + _value2 + ";\n  padding-bottom: " + _value2 + ";\n}\n";
-    } // Top padding: data-pt="*"
-
-
+    }
+    // Top padding: data-pt="*"
     for (var _i4 = 0, _Object$entries4 = Object.entries(this.spacing); _i4 < _Object$entries4.length; _i4++) {
       var _Object$entries4$_i = _Object$entries4[_i4],
-          _key3 = _Object$entries4$_i[0],
-          _value3 = _Object$entries4$_i[1];
+        _key3 = _Object$entries4$_i[0],
+        _value3 = _Object$entries4$_i[1];
       output += "*[data-pt='" + _key3 + "'] {\n  padding-top: " + _value3 + ";\n}\n";
-    } // Right padding: data-pr="*"
-
-
+    }
+    // Right padding: data-pr="*"
     for (var _i5 = 0, _Object$entries5 = Object.entries(this.spacing); _i5 < _Object$entries5.length; _i5++) {
       var _Object$entries5$_i = _Object$entries5[_i5],
-          _key4 = _Object$entries5$_i[0],
-          _value4 = _Object$entries5$_i[1];
+        _key4 = _Object$entries5$_i[0],
+        _value4 = _Object$entries5$_i[1];
       output += "*[data-pr='" + _key4 + "'] {\n  padding-right: " + _value4 + ";\n}\n";
-    } // Bottom padding: data-pb="*"
-
-
+    }
+    // Bottom padding: data-pb="*"
     for (var _i6 = 0, _Object$entries6 = Object.entries(this.spacing); _i6 < _Object$entries6.length; _i6++) {
       var _Object$entries6$_i = _Object$entries6[_i6],
-          _key5 = _Object$entries6$_i[0],
-          _value5 = _Object$entries6$_i[1];
+        _key5 = _Object$entries6$_i[0],
+        _value5 = _Object$entries6$_i[1];
       output += "*[data-pb='" + _key5 + "'] {\n  padding-bottom: " + _value5 + ";\n}\n";
-    } // Left padding: data-pl="*"
-
-
+    }
+    // Left padding: data-pl="*"
     for (var _i7 = 0, _Object$entries7 = Object.entries(this.spacing); _i7 < _Object$entries7.length; _i7++) {
       var _Object$entries7$_i = _Object$entries7[_i7],
-          _key6 = _Object$entries7$_i[0],
-          _value6 = _Object$entries7$_i[1];
+        _key6 = _Object$entries7$_i[0],
+        _value6 = _Object$entries7$_i[1];
       output += "*[data-pl='" + _key6 + "'] {\n  padding-left: " + _value6 + ";\n}\n";
     }
-
     for (var _i8 = 0, _Object$entries8 = Object.entries(this.breakpoints); _i8 < _Object$entries8.length; _i8++) {
       var _Object$entries8$_i = _Object$entries8[_i8],
-          name = _Object$entries8$_i[0],
-          _value7 = _Object$entries8$_i[1];
+        name = _Object$entries8$_i[0],
+        _value7 = _Object$entries8$_i[1];
       output += "@media (max-width: " + _value7 + "px) {\n";
-
       for (var _i9 = 0, _Object$entries9 = Object.entries(this.spacing); _i9 < _Object$entries9.length; _i9++) {
         var _Object$entries9$_i = _Object$entries9[_i9],
-            _key7 = _Object$entries9$_i[0],
-            _value8 = _Object$entries9$_i[1];
+          _key7 = _Object$entries9$_i[0],
+          _value8 = _Object$entries9$_i[1];
         output += "  *[data-" + name + "-p='" + _key7 + "'] {\n    padding: " + _value8 + ";\n  }\n";
       }
-
       for (var _i10 = 0, _Object$entries10 = Object.entries(this.spacing); _i10 < _Object$entries10.length; _i10++) {
         var _Object$entries10$_i = _Object$entries10[_i10],
-            _key8 = _Object$entries10$_i[0],
-            _value9 = _Object$entries10$_i[1];
+          _key8 = _Object$entries10$_i[0],
+          _value9 = _Object$entries10$_i[1];
         output += "  *[data-" + name + "-px='" + _key8 + "'] {\n    padding-left: " + _value9 + ";\n    padding-right: " + _value9 + ";\n  }\n";
       }
-
       for (var _i11 = 0, _Object$entries11 = Object.entries(this.spacing); _i11 < _Object$entries11.length; _i11++) {
         var _Object$entries11$_i = _Object$entries11[_i11],
-            _key9 = _Object$entries11$_i[0],
-            _value10 = _Object$entries11$_i[1];
+          _key9 = _Object$entries11$_i[0],
+          _value10 = _Object$entries11$_i[1];
         output += "  *[data-" + name + "-py='" + _key9 + "'] {\n    padding-top: " + _value10 + ";\n    padding-bottom: " + _value10 + ";\n  }\n";
       }
-
       for (var _i12 = 0, _Object$entries12 = Object.entries(this.spacing); _i12 < _Object$entries12.length; _i12++) {
         var _Object$entries12$_i = _Object$entries12[_i12],
-            _key10 = _Object$entries12$_i[0],
-            _value11 = _Object$entries12$_i[1];
+          _key10 = _Object$entries12$_i[0],
+          _value11 = _Object$entries12$_i[1];
         output += "  *[data-" + name + "-pt='" + _key10 + "'] {\n    padding-top: " + _value11 + ";\n  }\n";
       }
-
       for (var _i13 = 0, _Object$entries13 = Object.entries(this.spacing); _i13 < _Object$entries13.length; _i13++) {
         var _Object$entries13$_i = _Object$entries13[_i13],
-            _key11 = _Object$entries13$_i[0],
-            _value12 = _Object$entries13$_i[1];
+          _key11 = _Object$entries13$_i[0],
+          _value12 = _Object$entries13$_i[1];
         output += "  *[data-" + name + "-pr='" + _key11 + "'] {\n    padding-right: " + _value12 + ";\n  }\n";
       }
-
       for (var _i14 = 0, _Object$entries14 = Object.entries(this.spacing); _i14 < _Object$entries14.length; _i14++) {
         var _Object$entries14$_i = _Object$entries14[_i14],
-            _key12 = _Object$entries14$_i[0],
-            _value13 = _Object$entries14$_i[1];
+          _key12 = _Object$entries14$_i[0],
+          _value13 = _Object$entries14$_i[1];
         output += "  *[data-" + name + "-pb='" + _key12 + "'] {\n    padding-bottom: " + _value13 + ";\n  }\n";
       }
-
       for (var _i15 = 0, _Object$entries15 = Object.entries(this.spacing); _i15 < _Object$entries15.length; _i15++) {
         var _Object$entries15$_i = _Object$entries15[_i15],
-            _key13 = _Object$entries15$_i[0],
-            _value14 = _Object$entries15$_i[1];
+          _key13 = _Object$entries15$_i[0],
+          _value14 = _Object$entries15$_i[1];
         output += "  *[data-" + name + "-pl='" + _key13 + "'] {\n    padding-left: " + _value14 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return Paddings;
 }(AbstractGenerator);
 
 var DisplaysGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(DisplaysGenerator, _AbstractGenerator);
-
   function DisplaysGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Displays') || this;
     _this.displays = config.displays;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = DisplaysGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-display="*"
-
+    var output = '';
+    // Regular display: data-display="*"
     for (var _i = 0, _Object$entries = Object.entries(this.displays); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
-
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       if (value === 'flex') {
         output += "*[data-display='" + key + "'] {\n  display: " + value + ";\nflex-wrap: wrap;\n}\n";
       } else {
         output += "*[data-display='" + key + "'] {\n  display: " + value + ";\n}\n";
       }
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.displays); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
-
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         if (_value2 === 'flex') {
           output += "*[data-" + name + "-display='" + _key + "'] {\n  display: " + _value2 + ";\nflex-wrap: wrap;\n}\n";
         } else {
           output += "*[data-" + name + "-display='" + _key + "'] {\n  display: " + _value2 + ";\n}\n";
         }
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return DisplaysGenerator;
 }(AbstractGenerator);
 
 var AxisPlacementsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(AxisPlacementsGenerator, _AbstractGenerator);
-
   function AxisPlacementsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Axis placements') || this;
     _this.axisPlacements = config.axisPlacements;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = AxisPlacementsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Main axis placement: data-main="*"
-
+    var output = '';
+    // Main axis placement: data-main="*"
     for (var _i = 0, _Object$entries = Object.entries(this.axisPlacements); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-main='" + key + "'] {\n  justify-content: " + value + ";\n}\n";
-    } // Cross axis placement: data-cross="*"
-
-
+    }
+    // Cross axis placement: data-cross="*"
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.axisPlacements); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          _key = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        _key = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "*[data-cross='" + _key + "'] {\n  align-items: " + _value + ";\n}\n";
-    } // Self placement alongside the cross axis: data-self="*"
-
-
+    }
+    // Self placement alongside the cross axis: data-self="*"
     for (var _i3 = 0, _Object$entries3 = Object.entries(pick(this.axisPlacements, ['start', 'end', 'center', 'baseline'])); _i3 < _Object$entries3.length; _i3++) {
       var _Object$entries3$_i = _Object$entries3[_i3],
-          _key2 = _Object$entries3$_i[0],
-          _value2 = _Object$entries3$_i[1];
+        _key2 = _Object$entries3$_i[0],
+        _value2 = _Object$entries3$_i[1];
       output += "*[data-self='" + _key2 + "'] {\n  align-self: " + _value2 + ";\n}\n";
     }
-
     for (var _i4 = 0, _Object$entries4 = Object.entries(this.breakpoints); _i4 < _Object$entries4.length; _i4++) {
       var _Object$entries4$_i = _Object$entries4[_i4],
-          name = _Object$entries4$_i[0],
-          _value3 = _Object$entries4$_i[1];
+        name = _Object$entries4$_i[0],
+        _value3 = _Object$entries4$_i[1];
       output += "@media (max-width: " + _value3 + "px) {\n";
-
       for (var _i5 = 0, _Object$entries5 = Object.entries(this.axisPlacements); _i5 < _Object$entries5.length; _i5++) {
         var _Object$entries5$_i = _Object$entries5[_i5],
-            _key3 = _Object$entries5$_i[0],
-            _value4 = _Object$entries5$_i[1];
+          _key3 = _Object$entries5$_i[0],
+          _value4 = _Object$entries5$_i[1];
         output += "  *[data-" + name + "-main='" + _key3 + "'] {\n    justify-content: " + _value4 + ";\n  }\n";
       }
-
       for (var _i6 = 0, _Object$entries6 = Object.entries(this.axisPlacements); _i6 < _Object$entries6.length; _i6++) {
         var _Object$entries6$_i = _Object$entries6[_i6],
-            _key4 = _Object$entries6$_i[0],
-            _value5 = _Object$entries6$_i[1];
+          _key4 = _Object$entries6$_i[0],
+          _value5 = _Object$entries6$_i[1];
         output += "  *[data-" + name + "-cross='" + _key4 + "'] {\n    align-items: " + _value5 + ";\n  }\n";
       }
-
       for (var _i7 = 0, _Object$entries7 = Object.entries(pick(this.axisPlacements, ['start', 'end', 'center', 'baseline'])); _i7 < _Object$entries7.length; _i7++) {
         var _Object$entries7$_i = _Object$entries7[_i7],
-            _key5 = _Object$entries7$_i[0],
-            _value6 = _Object$entries7$_i[1];
+          _key5 = _Object$entries7$_i[0],
+          _value6 = _Object$entries7$_i[1];
         output += "  *[data-" + name + "-self='" + _key5 + "'] {\n    align-self: " + _value6 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return AxisPlacementsGenerator;
 }(AbstractGenerator);
 
 var PositionsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(PositionsGenerator, _AbstractGenerator);
-
   function PositionsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Positions') || this;
     _this.positions = config.positions;
     return _this;
   }
-
   var _proto = PositionsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-position="*"
-
+    var output = '';
+    // Regular display: data-position="*"
     for (var _i = 0, _Object$entries = Object.entries(this.positions); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-position='" + key + "'] {\n  position: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return PositionsGenerator;
 }(AbstractGenerator);
 
 var FlexWrapGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FlexWrapGenerator, _AbstractGenerator);
-
   function FlexWrapGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Flex wraps') || this;
     _this.flexWraps = config.flexWraps;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = FlexWrapGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-wrap="*"
-
+    var output = '';
+    // Regular display: data-wrap="*"
     for (var _i = 0, _Object$entries = Object.entries(this.flexWraps); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-wrap='" + key + "'] {\n  flex-wrap: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.flexWraps); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-wrap='" + _key + "'] {\n    flex-wrap: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return FlexWrapGenerator;
 }(AbstractGenerator);
 
 var ZIndexGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(ZIndexGenerator, _AbstractGenerator);
-
   function ZIndexGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Z indexes') || this;
     _this.zIndexes = config.zIndexes;
     return _this;
   }
-
   var _proto = ZIndexGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-z="*"
-
+    var output = '';
+    // Regular display: data-z="*"
     for (var _i = 0, _Object$entries = Object.entries(this.zIndexes); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-z='" + key + "'] {\n  z-index: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return ZIndexGenerator;
 }(AbstractGenerator);
 
 var WidthsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(WidthsGenerator, _AbstractGenerator);
-
   function WidthsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Widths') || this;
     _this.widths = config.widths;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = WidthsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-width="*"
-
+    var output = '';
+    // Regular display: data-width="*"
     for (var _i = 0, _Object$entries = Object.entries(this.widths); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-width='" + key + "'] {\n  width: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.widths); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-width='" + _key + "'] {\n    width: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return WidthsGenerator;
 }(AbstractGenerator);
 
 var FontSizeGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FontSizeGenerator, _AbstractGenerator);
-
   function FontSizeGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Font sizes') || this;
     _this.fontSizes = config.fontSizes;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = FontSizeGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-fs="*"
-
+    var output = '';
+    // Regular display: data-fs="*"
     for (var _i = 0, _Object$entries = Object.entries(this.fontSizes); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-fs='" + key + "'] {\n  font-size: " + value + "px;\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.fontSizes); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-fs='" + _key + "'] {\n    font-size: " + _value2 + "px;\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return FontSizeGenerator;
 }(AbstractGenerator);
 
 var FontWeightGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FontWeightGenerator, _AbstractGenerator);
-
   function FontWeightGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Font weights') || this;
     _this.fontWeights = config.fontWeights;
     return _this;
   }
-
   var _proto = FontWeightGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-fw="*"
-
+    var output = '';
+    // Regular display: data-fw="*"
     for (var _i = 0, _Object$entries = Object.entries(this.fontWeights); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-fw='" + key + "'] {\n  font-weight: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return FontWeightGenerator;
 }(AbstractGenerator);
 
 var LineHeightsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(LineHeightsGenerator, _AbstractGenerator);
-
   function LineHeightsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Line heights') || this;
     _this.lineHeights = config.lineHeights;
     return _this;
   }
-
   var _proto = LineHeightsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-lh="*"
-
+    var output = '';
+    // Regular display: data-lh="*"
     for (var _i = 0, _Object$entries = Object.entries(this.lineHeights); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-lh='" + key + "'] {\n  line-height: " + value + "px;\n}\n";
     }
-
     return output;
   };
-
   return LineHeightsGenerator;
 }(AbstractGenerator);
 
 var FlexDirectionsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FlexDirectionsGenerator, _AbstractGenerator);
-
   function FlexDirectionsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Flex directions') || this;
     _this.flexDirections = config.flexDirections;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = FlexDirectionsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
     var output = '';
-
     for (var _i = 0, _Object$entries = Object.entries(this.flexDirections); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-direction='" + key + "'] {\n  flex-direction: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.flexDirections); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-direction='" + _key + "'] {\n    flex-direction: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return FlexDirectionsGenerator;
 }(AbstractGenerator);
 
 var BackgroundsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(BackgroundsGenerator, _AbstractGenerator);
-
   function BackgroundsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Backgrounds') || this;
     _this.colors = _extends({}, config.grayscale, config.greens, config.reds, config.oranges);
     return _this;
   }
-
   var _proto = BackgroundsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-bg="*"
-
+    var output = '';
+    // Regular display: data-bg="*"
     for (var _i = 0, _Object$entries = Object.entries(this.colors); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-bg='" + key + "'] {\n  background-color: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return BackgroundsGenerator;
 }(AbstractGenerator);
 
 var FontColorsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FontColorsGenerator, _AbstractGenerator);
-
   function FontColorsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Font colors') || this;
     _this.colors = _extends({}, config.grayscale, config.greens, config.reds, config.oranges);
     return _this;
   }
-
   var _proto = FontColorsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-color="*"
-
+    var output = '';
+    // Regular display: data-color="*"
     for (var _i = 0, _Object$entries = Object.entries(this.colors); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-color='" + key + "'] {\n  color: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return FontColorsGenerator;
 }(AbstractGenerator);
 
 var LetterSpacingsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(LetterSpacingsGenerator, _AbstractGenerator);
-
   function LetterSpacingsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Letter spacings') || this;
     _this.letterSpacings = config.letterSpacings;
     return _this;
   }
-
   var _proto = LetterSpacingsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-ls="*"
-
+    var output = '';
+    // Regular display: data-ls="*"
     for (var _i = 0, _Object$entries = Object.entries(this.letterSpacings); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-ls='" + key + "'] {\n  letter-spacing: " + value + "px;\n}\n";
     }
-
     return output;
   };
-
   return LetterSpacingsGenerator;
 }(AbstractGenerator);
 
 var FlexGrowsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FlexGrowsGenerator, _AbstractGenerator);
-
   function FlexGrowsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Flex grows') || this;
     _this.flexGrows = config.flexGrows;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = FlexGrowsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-grow="*"
-
+    var output = '';
+    // Regular display: data-grow="*"
     for (var _i = 0, _Object$entries = Object.entries(this.flexGrows); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-grow='" + key + "'] {\n  flex-grow: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.flexGrows); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-grow='" + _key + "'] {\n    flex-grow: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return FlexGrowsGenerator;
 }(AbstractGenerator);
 
 var FlexShrinksGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(FlexShrinksGenerator, _AbstractGenerator);
-
   function FlexShrinksGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Flex shrinks') || this;
     _this.flexShrinks = config.flexShrinks;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = FlexShrinksGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-shrink="*"
-
+    var output = '';
+    // Regular display: data-shrink="*"
     for (var _i = 0, _Object$entries = Object.entries(this.flexShrinks); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-shrink='" + key + "'] {\n  flex-shrink: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.flexShrinks); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-shrink='" + _key + "'] {\n    flex-shrink: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return FlexShrinksGenerator;
 }(AbstractGenerator);
 
 var BorderWidthsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(BorderWidthsGenerator, _AbstractGenerator);
-
   function BorderWidthsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Border widths') || this;
     _this.borderWidths = config.borderWidths;
     return _this;
   }
-
   var _proto = BorderWidthsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
     var output = '';
-
     for (var _i = 0, _Object$entries = Object.entries(this.borderWidths); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-bw='" + key + "'] {\n  border-width: " + value + "px;\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.borderWidths); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          _key = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        _key = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "*[data-bwx='" + _key + "'] {\n  border-left-width: " + _value + "px;\n  border-right-width: " + _value + "px;\n}\n";
     }
-
     for (var _i3 = 0, _Object$entries3 = Object.entries(this.borderWidths); _i3 < _Object$entries3.length; _i3++) {
       var _Object$entries3$_i = _Object$entries3[_i3],
-          _key2 = _Object$entries3$_i[0],
-          _value2 = _Object$entries3$_i[1];
+        _key2 = _Object$entries3$_i[0],
+        _value2 = _Object$entries3$_i[1];
       output += "*[data-bwy='" + _key2 + "'] {\n  border-top-width: " + _value2 + "px;\n  border-bottom-width: " + _value2 + "px;\n}\n";
     }
-
     for (var _i4 = 0, _Object$entries4 = Object.entries(this.borderWidths); _i4 < _Object$entries4.length; _i4++) {
       var _Object$entries4$_i = _Object$entries4[_i4],
-          _key3 = _Object$entries4$_i[0],
-          _value3 = _Object$entries4$_i[1];
+        _key3 = _Object$entries4$_i[0],
+        _value3 = _Object$entries4$_i[1];
       output += "*[data-bwt='" + _key3 + "'] {\n  border-top-width: " + _value3 + "px;\n}\n";
     }
-
     for (var _i5 = 0, _Object$entries5 = Object.entries(this.borderWidths); _i5 < _Object$entries5.length; _i5++) {
       var _Object$entries5$_i = _Object$entries5[_i5],
-          _key4 = _Object$entries5$_i[0],
-          _value4 = _Object$entries5$_i[1];
+        _key4 = _Object$entries5$_i[0],
+        _value4 = _Object$entries5$_i[1];
       output += "*[data-bwr='" + _key4 + "'] {\n  border-right-width: " + _value4 + "px;\n}\n";
     }
-
     for (var _i6 = 0, _Object$entries6 = Object.entries(this.borderWidths); _i6 < _Object$entries6.length; _i6++) {
       var _Object$entries6$_i = _Object$entries6[_i6],
-          _key5 = _Object$entries6$_i[0],
-          _value5 = _Object$entries6$_i[1];
+        _key5 = _Object$entries6$_i[0],
+        _value5 = _Object$entries6$_i[1];
       output += "*[data-bwb='" + _key5 + "'] {\n  border-bottom-width: " + _value5 + "px;\n}\n";
     }
-
     for (var _i7 = 0, _Object$entries7 = Object.entries(this.borderWidths); _i7 < _Object$entries7.length; _i7++) {
       var _Object$entries7$_i = _Object$entries7[_i7],
-          _key6 = _Object$entries7$_i[0],
-          _value6 = _Object$entries7$_i[1];
+        _key6 = _Object$entries7$_i[0],
+        _value6 = _Object$entries7$_i[1];
       output += "*[data-bwl='" + _key6 + "'] {\n  border-left-width: " + _value6 + "px;\n}\n";
     }
-
     return output;
   };
-
   return BorderWidthsGenerator;
 }(AbstractGenerator);
 
 var BorderColorsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(BorderColorsGenerator, _AbstractGenerator);
-
   function BorderColorsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Border colors') || this;
     _this.borderColors = config.borderColors;
     _this.greens = config.greens;
@@ -1914,669 +1699,537 @@ var BorderColorsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
     _this.reds = config.reds;
     return _this;
   }
-
   var _proto = BorderColorsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
     var output = '';
-
     for (var _i = 0, _Object$entries = Object.entries(_extends({}, this.borderColors, this.greens, this.oranges, this.reds)); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-bc='" + key + "'] {\n  border-color: " + value + ";\n  border-style: solid;\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.borderColors); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          _key = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        _key = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "*[data-bcx='" + _key + "'] {\n  border-right-color: " + _value + ";\n  border-left-color: " + _value + ";\n border-right-style: solid;\n  border-left-style: solid;\n}\n";
     }
-
     for (var _i3 = 0, _Object$entries3 = Object.entries(this.borderColors); _i3 < _Object$entries3.length; _i3++) {
       var _Object$entries3$_i = _Object$entries3[_i3],
-          _key2 = _Object$entries3$_i[0],
-          _value2 = _Object$entries3$_i[1];
+        _key2 = _Object$entries3$_i[0],
+        _value2 = _Object$entries3$_i[1];
       output += "*[data-bcy='" + _key2 + "'] {\n  border-top-color: " + _value2 + ";\n  border-bottom-color: " + _value2 + ";\n border-top-style: solid;\n  border-bottom-style: solid;\n}\n";
     }
-
     for (var _i4 = 0, _Object$entries4 = Object.entries(this.borderColors); _i4 < _Object$entries4.length; _i4++) {
       var _Object$entries4$_i = _Object$entries4[_i4],
-          _key3 = _Object$entries4$_i[0],
-          _value3 = _Object$entries4$_i[1];
+        _key3 = _Object$entries4$_i[0],
+        _value3 = _Object$entries4$_i[1];
       output += "*[data-bct='" + _key3 + "'] {\n  border-top-color: " + _value3 + ";\n  border-top-style: solid;\n}\n";
     }
-
     for (var _i5 = 0, _Object$entries5 = Object.entries(this.borderColors); _i5 < _Object$entries5.length; _i5++) {
       var _Object$entries5$_i = _Object$entries5[_i5],
-          _key4 = _Object$entries5$_i[0],
-          _value4 = _Object$entries5$_i[1];
+        _key4 = _Object$entries5$_i[0],
+        _value4 = _Object$entries5$_i[1];
       output += "*[data-bcr='" + _key4 + "'] {\n  border-right-color: " + _value4 + ";\n  border-right-style: solid;\n}\n";
     }
-
     for (var _i6 = 0, _Object$entries6 = Object.entries(this.borderColors); _i6 < _Object$entries6.length; _i6++) {
       var _Object$entries6$_i = _Object$entries6[_i6],
-          _key5 = _Object$entries6$_i[0],
-          _value5 = _Object$entries6$_i[1];
+        _key5 = _Object$entries6$_i[0],
+        _value5 = _Object$entries6$_i[1];
       output += "*[data-bcb='" + _key5 + "'] {\n  border-bottom-color: " + _value5 + ";\n  border-bottom-style: solid;\n}\n";
     }
-
     for (var _i7 = 0, _Object$entries7 = Object.entries(this.borderColors); _i7 < _Object$entries7.length; _i7++) {
       var _Object$entries7$_i = _Object$entries7[_i7],
-          _key6 = _Object$entries7$_i[0],
-          _value6 = _Object$entries7$_i[1];
+        _key6 = _Object$entries7$_i[0],
+        _value6 = _Object$entries7$_i[1];
       output += "*[data-bcl='" + _key6 + "'] {\n  border-left-color: " + _value6 + ";\n  border-left-style: solid;\n}\n";
     }
-
     return output;
   };
-
   return BorderColorsGenerator;
 }(AbstractGenerator);
 
 var BorderRadiusesGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(BorderRadiusesGenerator, _AbstractGenerator);
-
   function BorderRadiusesGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Border radiuses') || this;
     _this.borderRadiuses = config.borderRadiuses;
     return _this;
   }
-
   var _proto = BorderRadiusesGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
     var output = '';
-
     for (var _i = 0, _Object$entries = Object.entries(this.borderRadiuses); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-br='" + key + "'] {\n  border-radius: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return BorderRadiusesGenerator;
 }(AbstractGenerator);
 
 var MaxWidthsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(MaxWidthsGenerator, _AbstractGenerator);
-
   function MaxWidthsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Max widths') || this;
     _this.maxWidths = config.maxWidths;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = MaxWidthsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-max-width="*"
-
+    var output = '';
+    // Regular display: data-max-width="*"
     for (var _i = 0, _Object$entries = Object.entries(this.maxWidths); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-max-width='" + key + "'] {\n  max-width: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.maxWidths); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "*[data-" + name + "-max-width='" + _key + "'] {\n  max-width: " + _value2 + ";\n}\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return MaxWidthsGenerator;
 }(AbstractGenerator);
 
 var TransformsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(TransformsGenerator, _AbstractGenerator);
-
   function TransformsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Transforms') || this;
     _this.transforms = config.transforms;
     return _this;
   }
-
   var _proto = TransformsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-transform~="*"
-
+    var output = '';
+    // Regular display: data-transform~="*"
     for (var _i = 0, _Object$entries = Object.entries(this.transforms); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
-
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       if (key === 'truncate') {
         output += "*[data-transform~='" + key + "'] {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n";
         continue;
       }
-
       if (key === 'center') {
         output += "*[data-transform~='" + key + "'] {\n  text-align: center;\n}\n";
         continue;
       }
-
       if (key === 'upper-first') {
         output += "*[data-transform~='upper-first']:first-letter {\n  text-transform: uppercase;\n}\n";
         continue;
       }
-
       if (key === 'nowrap') {
         output += "*[data-transform~='nowrap'] {\n  white-space: nowrap;\n}\n";
         continue;
       }
-
       output += "*[data-transform~='" + key + "'] {\n  text-transform: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return TransformsGenerator;
 }(AbstractGenerator);
 
 var OverflowsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(OverflowsGenerator, _AbstractGenerator);
-
   function OverflowsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Overflows') || this;
     _this.overflows = config.overflows;
     return _this;
   }
-
   var _proto = OverflowsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-overflow="*"
-
+    var output = '';
+    // Regular display: data-overflow="*"
     for (var _i = 0, _Object$entries = Object.entries(this.overflows); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-overflow='" + key + "'] {\n  overflow: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return OverflowsGenerator;
 }(AbstractGenerator);
 
 var PositionersGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(PositionersGenerator, _AbstractGenerator);
-
   function PositionersGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Positioners') || this;
     _this.spacing = config.spacing;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = PositionersGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
     var output = '';
-
     for (var _i = 0, _Object$entries = Object.entries(this.spacing); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-top='" + key + "'] {\n  top: " + value + ";\n}\n";
       output += "*[data-right='" + key + "'] {\n  right: " + value + ";\n}\n";
       output += "*[data-bottom='" + key + "'] {\n  bottom: " + value + ";\n}\n";
       output += "*[data-left='" + key + "'] {\n  left: " + value + ";\n}\n";
       output += "*[data-inset='" + key + "'] {\n  inset: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.spacing); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "*[data-" + name + "-top='" + _key + "'] {\n  top: " + _value2 + ";\n}\n";
         output += "*[data-" + name + "-right='" + _key + "'] {\n  right: " + _value2 + ";\n}\n";
         output += "*[data-" + name + "-bottom='" + _key + "'] {\n  bottom: " + _value2 + ";\n}\n";
         output += "*[data-" + name + "-left='" + _key + "'] {\n  left: " + _value2 + ";\n}\n";
         output += "*[data-" + name + "-inset='" + _key + "'] {\n  inset: " + _value2 + ";\n}\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return PositionersGenerator;
 }(AbstractGenerator);
 
 var HeightsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(HeightsGenerator, _AbstractGenerator);
-
   function HeightsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Heights') || this;
     _this.heights = config.heights;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = HeightsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-height="*"
-
+    var output = '';
+    // Regular display: data-height="*"
     for (var _i = 0, _Object$entries = Object.entries(this.heights); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-height='" + key + "'] {\n  height: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.heights); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-height='" + _key + "'] {\n    height: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return HeightsGenerator;
 }(AbstractGenerator);
 
 var GapGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(GapGenerator, _AbstractGenerator);
-
   function GapGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Gaps') || this;
     _this.spacing = config.spacing;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = GapGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular gap: data-gap="*"
-
+    var output = '';
+    // Regular gap: data-gap="*"
     for (var _i = 0, _Object$entries = Object.entries(this.spacing); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-gap='" + key + "'] {\n  gap: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.spacing); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-gap='" + _key + "'] {\n    gap: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return GapGenerator;
 }(AbstractGenerator);
 
 var CursorsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(CursorsGenerator, _AbstractGenerator);
-
   function CursorsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Cursors') || this;
     _this.cursors = config.cursors;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = CursorsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-cursor="*"
-
+    var output = '';
+    // Regular display: data-cursor="*"
     for (var _i = 0, _Object$entries = Object.entries(this.cursors); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-cursor='" + key + "'] {\n  cursor: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.cursors); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-cursor='" + _key + "'] {\n    cursor: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return CursorsGenerator;
 }(AbstractGenerator);
 
 var PointerEventsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(PointerEventsGenerator, _AbstractGenerator);
-
   function PointerEventsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Pointer events') || this;
     _this.pointerEvents = config.pointerEvents;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = PointerEventsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-pointer-events="*"
-
+    var output = '';
+    // Regular display: data-pointer-events="*"
     for (var _i = 0, _Object$entries = Object.entries(this.pointerEvents); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-pointer-events='" + key + "'] {\n  pointer-events: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.pointerEvents); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-pointer-events='" + _key + "'] {\n    pointer-events: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return PointerEventsGenerator;
 }(AbstractGenerator);
 
 var BackdropsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(BackdropsGenerator, _AbstractGenerator);
-
   function BackdropsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Backdrops') || this;
     _this.backdrops = config.backdrops;
     return _this;
   }
-
   var _proto = BackdropsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-backdrop="*"
-
+    var output = '';
+    // Regular display: data-backdrop="*"
     for (var _i = 0, _Object$entries = Object.entries(this.backdrops); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-backdrop='" + key + "']::backdrop {\n  background: " + value + ";\n}\n";
     }
-
     return output;
   };
-
   return BackdropsGenerator;
 }(AbstractGenerator);
 
 var ObjectFitsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(ObjectFitsGenerator, _AbstractGenerator);
-
   function ObjectFitsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Object fits') || this;
     _this.objectFits = config.objectFits;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = ObjectFitsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-object-fit="*"
-
+    var output = '';
+    // Regular display: data-object-fit="*"
     for (var _i = 0, _Object$entries = Object.entries(this.objectFits); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-object-fit='" + key + "'] {\n  object-fit: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.objectFits); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-object-fit='" + _key + "'] {\n    object-fit: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return ObjectFitsGenerator;
 }(AbstractGenerator);
 
 var ObjectPositionsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(ObjectPositionsGenerator, _AbstractGenerator);
-
   function ObjectPositionsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Object positions') || this;
     _this.objectPositions = config.objectPositions;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = ObjectPositionsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-object-position="*"
-
+    var output = '';
+    // Regular display: data-object-position="*"
     for (var _i = 0, _Object$entries = Object.entries(this.objectPositions); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-object-position='" + key + "'] {\n  object-position: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.objectPositions); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-object-position='" + _key + "'] {\n    object-position: " + _value2 + ";\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return ObjectPositionsGenerator;
 }(AbstractGenerator);
 
 var RotatesGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(RotatesGenerator, _AbstractGenerator);
-
   function RotatesGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Rotates') || this;
     _this.rotates = config.rotates;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = RotatesGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-rotate="*"
-
+    var output = '';
+    // Regular display: data-rotate="*"
     for (var _i = 0, _Object$entries = Object.entries(this.rotates); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-rotate='" + key + "'] {\n  transform: rotate(" + value + "deg);\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.rotates); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "  *[data-" + name + "-rotate='" + _key + "'] {\n    transform: rotate(" + _value2 + "deg);\n  }\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return RotatesGenerator;
 }(AbstractGenerator);
 
 var MaxHeightsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   _inheritsLoose(MaxHeightsGenerator, _AbstractGenerator);
-
   function MaxHeightsGenerator(config) {
     var _this;
-
     _this = _AbstractGenerator.call(this, 'Max heights') || this;
     _this.maxHeights = config.maxHeights;
     _this.breakpoints = config.breakpoints;
     return _this;
   }
-
   var _proto = MaxHeightsGenerator.prototype;
-
   _proto.generateCss = function generateCss() {
-    var output = ''; // Regular display: data-max-height="*"
-
+    var output = '';
+    // Regular display: data-max-height="*"
     for (var _i = 0, _Object$entries = Object.entries(this.maxHeights); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _Object$entries[_i],
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
       output += "*[data-max-height='" + key + "'] {\n  max-height: " + value + ";\n}\n";
     }
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _Object$entries2[_i2],
-          name = _Object$entries2$_i[0],
-          _value = _Object$entries2$_i[1];
+        name = _Object$entries2$_i[0],
+        _value = _Object$entries2$_i[1];
       output += "@media (max-width: " + _value + "px) {\n";
-
       for (var _i3 = 0, _Object$entries3 = Object.entries(this.maxHeights); _i3 < _Object$entries3.length; _i3++) {
         var _Object$entries3$_i = _Object$entries3[_i3],
-            _key = _Object$entries3$_i[0],
-            _value2 = _Object$entries3$_i[1];
+          _key = _Object$entries3$_i[0],
+          _value2 = _Object$entries3$_i[1];
         output += "*[data-" + name + "-max-height='" + _key + "'] {\n  max-height: " + _value2 + ";\n}\n";
       }
-
       output += "}\n";
     }
-
     return output;
   };
-
   return MaxHeightsGenerator;
 }(AbstractGenerator);
 
@@ -2814,13 +2467,10 @@ var Rotates = {
 
 var GeneratorProcessor = /*#__PURE__*/function () {
   function GeneratorProcessor() {}
-
   var _proto = GeneratorProcessor.prototype;
-
   _proto.process = /*#__PURE__*/function () {
     var _process = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(generators) {
       var output, _iterator, _step, generator;
-
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -2829,116 +2479,96 @@ var GeneratorProcessor = /*#__PURE__*/function () {
               _context.t0 = output;
               _context.next = 4;
               return new File('src/ui/button.css').read();
-
             case 4:
               output = _context.t0 += _context.sent;
               _context.t1 = output;
               _context.next = 8;
               return new File('src/ui/input.css').read();
-
             case 8:
               output = _context.t1 += _context.sent;
               _context.t2 = output;
               _context.next = 12;
               return new File('src/ui/label.css').read();
-
             case 12:
               output = _context.t2 += _context.sent;
               _context.t3 = output;
               _context.next = 16;
               return new File('src/ui/link.css').read();
-
             case 16:
               output = _context.t3 += _context.sent;
               _context.t4 = output;
               _context.next = 20;
               return new File('src/ui/select.css').read();
-
             case 20:
               output = _context.t4 += _context.sent;
               _context.t5 = output;
               _context.next = 24;
               return new File('src/ui/checkbox.css').read();
-
             case 24:
               output = _context.t5 += _context.sent;
               _context.t6 = output;
               _context.next = 28;
               return new File('src/ui/textarea.css').read();
-
             case 28:
               output = _context.t6 += _context.sent;
               _context.t7 = output;
               _context.next = 32;
               return new File('src/ui/anima.css').read();
-
             case 32:
               output = _context.t7 += _context.sent;
               _context.t8 = output;
               _context.next = 36;
               return new File('src/ui/range.css').read();
-
             case 36:
               output = _context.t8 += _context.sent;
               _context.t9 = output;
               _context.next = 40;
               return new File('src/ui/badge.css').read();
-
             case 40:
               output = _context.t9 += _context.sent;
               _context.t10 = output;
               _context.next = 44;
               return new File('src/ui/file-explorer.css').read();
-
             case 44:
               output = _context.t10 += _context.sent;
               _context.t11 = output;
               _context.next = 48;
               return new File('src/ui/visually-hidden.css').read();
-
             case 48:
               output = _context.t11 += _context.sent;
               _context.t12 = output;
               _context.next = 52;
               return new File('src/ui/switch.css').read();
-
             case 52:
               output = _context.t12 += _context.sent;
               _context.t13 = output;
               _context.next = 56;
               return new File('src/rules/title-truncate.css').read();
-
             case 56:
               output = _context.t13 += _context.sent;
               _context.t14 = output;
               _context.next = 60;
               return new File('src/rules/target-blank-referer.css').read();
-
             case 60:
               output = _context.t14 += _context.sent;
               _context.t15 = output;
               _context.next = 64;
               return new File('src/rules/image-alt.css').read();
-
             case 64:
               output = _context.t15 += _context.sent;
               _context.t16 = output;
               _context.next = 68;
               return new File('src/rules/button-icon-title.css').read();
-
             case 68:
               output = _context.t16 += _context.sent;
-
               for (_iterator = _createForOfIteratorHelperLoose(generators); !(_step = _iterator()).done;) {
                 generator = _step.value;
                 output += generator.generateHeader();
                 output += generator.generateCss();
                 output += generator.generateFooter();
               }
-
               _context.next = 72;
               return new File('dist/main.css').save(output);
-
             case 72:
             case "end":
               return _context.stop();
@@ -2946,21 +2576,16 @@ var GeneratorProcessor = /*#__PURE__*/function () {
         }
       }, _callee);
     }));
-
     function process(_x) {
       return _process.apply(this, arguments);
     }
-
     return process;
   }();
-
   return GeneratorProcessor;
 }();
-
 function main() {
   return _main.apply(this, arguments);
 }
-
 function _main() {
   _main = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
     var config;
@@ -3005,7 +2630,6 @@ function _main() {
             };
             _context2.next = 3;
             return new GeneratorProcessor().process([new Margins(config), new Paddings(config), new DisplaysGenerator(config), new AxisPlacementsGenerator(config), new FlexWrapGenerator(config), new FlexDirectionsGenerator(config), new FlexGrowsGenerator(config), new FlexShrinksGenerator(config), new GapGenerator(config), new WidthsGenerator(config), new PositionsGenerator(config), new ZIndexGenerator(config), new FontSizeGenerator(config), new FontWeightGenerator(config), new FontColorsGenerator(config), new LineHeightsGenerator(config), new LetterSpacingsGenerator(config), new BackgroundsGenerator(config), new BorderWidthsGenerator(config), new BorderColorsGenerator(config), new BorderRadiusesGenerator(config), new MaxWidthsGenerator(config), new TransformsGenerator(config), new OverflowsGenerator(config), new PositionersGenerator(config), new HeightsGenerator(config), new CursorsGenerator(config), new PointerEventsGenerator(config), new BackdropsGenerator(config), new ObjectFitsGenerator(config), new ObjectPositionsGenerator(config), new RotatesGenerator(config), new MaxHeightsGenerator(config)]);
-
           case 3:
           case "end":
             return _context2.stop();