@bgord/design 0.25.0 → 0.27.0

package/dist/border-colors-generator.d.ts

@@ -1,6 +1,9 @@
 import { GeneratorInterface, GeneratorConfigType } from './generator';
 export declare class BorderColorsGenerator implements GeneratorInterface {
     borderColors: GeneratorConfigType['borderColors'];
+    greens: GeneratorConfigType['greens'];
+    oranges: GeneratorConfigType['oranges'];
+    reds: GeneratorConfigType['reds'];
     constructor(config: GeneratorConfigType);
     generateHeader(): string;
     generateCss(): string;

package/dist/design.cjs.development.js

@@ -1784,6 +1784,9 @@ var BorderWidthsGenerator = /*#__PURE__*/function () {
 var BorderColorsGenerator = /*#__PURE__*/function () {
   function BorderColorsGenerator(config) {
     this.borderColors = config.borderColors;
+    this.greens = config.greens;
+    this.oranges = config.oranges;
+    this.reds = config.reds;
   }
 
   var _proto = BorderColorsGenerator.prototype;
@@ -1795,7 +1798,7 @@ var BorderColorsGenerator = /*#__PURE__*/function () {
   _proto.generateCss = function generateCss() {
     var output = '';
 
-    for (var _i = 0, _Object$entries = Object.entries(this.borderColors); _i < _Object$entries.length; _i++) {
+    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];
@@ -1885,6 +1888,37 @@ var BorderRadiusesGenerator = /*#__PURE__*/function () {
   return BorderRadiusesGenerator;
 }();
 
+var MaxWidthsGenerator = /*#__PURE__*/function () {
+  function MaxWidthsGenerator(config) {
+    this.maxWidths = config.maxWidths;
+  }
+
+  var _proto = MaxWidthsGenerator.prototype;
+
+  _proto.generateHeader = function generateHeader() {
+    return '/* Max widths */\n\n';
+  };
+
+  _proto.generateCss = function generateCss() {
+    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];
+      output += "*[data-max-width='" + key + "'] {\n  max-width: " + value + ";\n}\n";
+    }
+
+    return output;
+  };
+
+  _proto.generateFooter = function generateFooter() {
+    return '/* ===================== */\n\n';
+  };
+
+  return MaxWidthsGenerator;
+}();
+
 var Spacing = {
   '0': '0',
   '3': '3px',
@@ -2039,6 +2073,11 @@ var BorderRadiuses = {
   '4': '4px',
   '50%': '50%'
 };
+var MaxWidths = {
+  '100%': '100%',
+  '768': '768px',
+  unset: 'unset'
+};
 
 var GeneratorProcessor = /*#__PURE__*/function () {
   function GeneratorProcessor() {}
@@ -2145,10 +2184,11 @@ function _main() {
               flexGrows: FlexGrows,
               borderWidths: BorderWidths,
               borderColors: BorderColors,
-              borderRadiuses: BorderRadiuses
+              borderRadiuses: BorderRadiuses,
+              maxWidths: MaxWidths
             };
             _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 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)]);
+            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 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)]);
 
           case 3:
           case "end":