@bgord/design 0.27.56 → 0.27.57

package/README.md

@@ -241,6 +241,17 @@ Possible values: see the Colors section.
 | 1     |   1   |
 | unset | unset |
 
+## Flex shrinks
+
+| Definition  | Value       |
+| ----------- | ----------- |
+| data-shrink | flex-shrink |
+
+| Key   | Value |
+| ----- | :---: |
+| 0     |   0   |
+| unset | unset |
+
 ## Border widths
 
 | Definition | Value                     |

package/dist/design.cjs.development.js

@@ -1553,7 +1553,7 @@ var FontWeightGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   function FontWeightGenerator(config) {
     var _this;
 
-    _this = _AbstractGenerator.call(this, 'Font sizes') || this;
+    _this = _AbstractGenerator.call(this, 'Font weights') || this;
     _this.fontWeights = config.fontWeights;
     return _this;
   }
@@ -1744,7 +1744,7 @@ var FlexGrowsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   function FlexGrowsGenerator(config) {
     var _this;
 
-    _this = _AbstractGenerator.call(this, 'Line heights') || this;
+    _this = _AbstractGenerator.call(this, 'Flex grows') || this;
     _this.flexGrows = config.flexGrows;
     _this.breakpoints = config.breakpoints;
     return _this;
@@ -1784,6 +1784,52 @@ var FlexGrowsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   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="*"
+
+    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];
+      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];
+      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];
+        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);
 
@@ -2281,7 +2327,7 @@ var PointerEventsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   function PointerEventsGenerator(config) {
     var _this;
 
-    _this = _AbstractGenerator.call(this, 'Cursors') || this;
+    _this = _AbstractGenerator.call(this, 'Pointer events') || this;
     _this.pointerEvents = config.pointerEvents;
     _this.breakpoints = config.breakpoints;
     return _this;
@@ -2497,6 +2543,10 @@ var FlexGrows = {
   '1': '1',
   unset: 'unset'
 };
+var FlexShrinks = {
+  '0': '0',
+  unset: 'unset'
+};
 var BorderWidths = {
   '1': 1,
   '2': 2,
@@ -2709,6 +2759,7 @@ function _main() {
               breakpoints: Breakpoints,
               letterSpacings: LetterSpacings,
               flexGrows: FlexGrows,
+              flexShrinks: FlexShrinks,
               borderWidths: BorderWidths,
               borderColors: BorderColors,
               borderRadiuses: BorderRadiuses,
@@ -2721,7 +2772,7 @@ function _main() {
               backdrops: Backdrops
             };
             _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 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)]);
+            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)]);
 
           case 3:
           case "end":