@bgord/design 0.27.40 → 0.27.42

package/README.md

@@ -83,14 +83,17 @@ Breakpoints
 | ---------- | --------------- |
 | data-main  | justify-content |
 | data-cross | align-items     |
-
-| Key      |     Value     |
-| -------- | :-----------: |
-| start    |  flex-start   |
-| end      |   flex-end    |
-| between  | space-between |
-| center   |    center     |
-| baseline |   baseline    |
+| data-self  | align-items     |
+
+| Key      |     Value     | Available for data-self |
+| -------- | :-----------: | :---------------------: |
+| start    |  flex-start   |           yes           |
+| end      |   flex-end    |           yes           |
+| around   | space-around  |           no            |
+| between  | space-between |           no            |
+| evenly   | space-evenly  |           no            |
+| center   |    center     |           yes           |
+| baseline |   baseline    |           yes           |
 
 ## Positions
 

package/dist/design.cjs.development.js

@@ -1,6 +1,9 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var fs = require('fs');
+var pick = _interopDefault(require('lodash.pick'));
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -1302,26 +1305,41 @@ var AxisPlacementsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
           _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="*"
 
-    for (var _i3 = 0, _Object$entries3 = Object.entries(this.breakpoints); _i3 < _Object$entries3.length; _i3++) {
+
+    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],
-          name = _Object$entries3$_i[0],
+          _key2 = _Object$entries3$_i[0],
           _value2 = _Object$entries3$_i[1];
-      output += "@media (max-width: " + _value2 + "px) {\n";
+      output += "*[data-self='" + _key2 + "'] {\n  align-self: " + _value2 + ";\n}\n";
+    }
 
-      for (var _i4 = 0, _Object$entries4 = Object.entries(this.axisPlacements); _i4 < _Object$entries4.length; _i4++) {
-        var _Object$entries4$_i = _Object$entries4[_i4],
-            _key2 = _Object$entries4$_i[0],
-            _value3 = _Object$entries4$_i[1];
-        output += "  *[data-" + name + "-main='" + _key2 + "'] {\n    justify-content: " + _value3 + ";\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];
+      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];
-        output += "  *[data-" + name + "-cross='" + _key3 + "'] {\n    align-items: " + _value4 + ";\n  }\n";
+        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];
+        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];
+        output += "  *[data-" + name + "-self='" + _key5 + "'] {\n    align-self: " + _value6 + ";\n  }\n";
       }
 
       output += "}\n";
@@ -2499,10 +2517,16 @@ var GeneratorProcessor = /*#__PURE__*/function () {
 
             case 41:
               output = _context.t9 += _context.sent;
-              _context.next = 44;
+              _context.t10 = output;
+              _context.next = 45;
+              return new File('src/rules/image-alt.css').read();
+
+            case 45:
+              output = _context.t10 += _context.sent;
+              _context.next = 48;
               return new File('dist/main.css').save(output);
 
-            case 44:
+            case 48:
             case "end":
               return _context.stop();
           }