@bgord/design 0.27.3 → 0.27.8

package/dist/design.cjs.development.js

@@ -1954,6 +1954,12 @@ var TransformsGenerator = /*#__PURE__*/function () {
       var _Object$entries$_i = _Object$entries[_i],
           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;
+      }
+
       output += "*[data-transform='" + key + "'] {\n  text-transform: " + value + ";\n}\n";
     }
 
@@ -1967,6 +1973,37 @@ var TransformsGenerator = /*#__PURE__*/function () {
   return TransformsGenerator;
 }();
 
+var OverflowsGenerator = /*#__PURE__*/function () {
+  function OverflowsGenerator(config) {
+    this.overflows = config.overflows;
+  }
+
+  var _proto = OverflowsGenerator.prototype;
+
+  _proto.generateHeader = function generateHeader() {
+    return '/* Overflows */\n\n';
+  };
+
+  _proto.generateCss = function generateCss() {
+    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];
+      output += "*[data-overflow='" + key + "'] {\n  overflow: " + value + ";\n}\n";
+    }
+
+    return output;
+  };
+
+  _proto.generateFooter = function generateFooter() {
+    return '/* ===================== */\n\n';
+  };
+
+  return OverflowsGenerator;
+}();
+
 var Spacing = {
   '0': '0',
   '3': '3px',
@@ -2130,8 +2167,14 @@ var Transforms = {
   uppercase: 'uppercase',
   lowercase: 'lowercase',
   capitalize: 'capitalize',
+  truncate: 'truncate',
   none: 'none'
 };
+var Overflows = {
+  auto: 'auto',
+  scroll: 'scroll',
+  hidden: 'hidden'
+};
 
 var GeneratorProcessor = /*#__PURE__*/function () {
   function GeneratorProcessor() {}
@@ -2185,10 +2228,16 @@ var GeneratorProcessor = /*#__PURE__*/function () {
 
             case 21:
               output = _context.t4 += _context.sent;
-              _context.next = 24;
+              _context.t5 = output;
+              _context.next = 25;
+              return new File('src/ui/checkbox.css').read();
+
+            case 25:
+              output = _context.t5 += _context.sent;
+              _context.next = 28;
               return new File('dist/main.css').save(output);
 
-            case 24:
+            case 28:
             case "end":
               return _context.stop();
           }
@@ -2240,10 +2289,11 @@ function _main() {
               borderColors: BorderColors,
               borderRadiuses: BorderRadiuses,
               maxWidths: MaxWidths,
-              transforms: Transforms
+              transforms: Transforms,
+              overflows: Overflows
             };
             _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), new MaxWidthsGenerator(config), new TransformsGenerator(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), new TransformsGenerator(config), new OverflowsGenerator(config)]);
 
           case 3:
           case "end":