@bgord/design 0.27.45 → 0.27.47

package/README.md

@@ -453,3 +453,14 @@ Orange
 | auto        |    auto     |
 | pointer     |   pointer   |
 | not-allowed | not-allowed |
+
+## Backdrops
+
+| Definition    | Value    |
+| ------------- | -------- |
+| data-backdrop | backdrop |
+
+| Key   |        Value        |
+| ----- | :-----------------: |
+| black | rgba(0, 0, 0, 0.75) |
+| none  |        none         |

package/dist/backdrops-generator.d.ts

@@ -0,0 +1,6 @@
+import { AbstractGenerator, GeneratorConfigType } from './generator';
+export declare class BackdropsGenerator extends AbstractGenerator {
+    backdrops: GeneratorConfigType['backdrops'];
+    constructor(config: GeneratorConfigType);
+    generateCss(): string;
+}

package/dist/design.cjs.development.js

@@ -2289,6 +2289,35 @@ var PointerEventsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
   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="*"
+
+    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];
+      output += "*[data-backdrop='" + key + "']::backdrop {\n  backgound: " + value + ";\n}\n";
+    }
+
+    return output;
+  };
+
+  return BackdropsGenerator;
+}(AbstractGenerator);
+
 var Spacing = {
   '0': '0',
   '3': '3px',
@@ -2486,6 +2515,10 @@ var PointerEvents = {
   none: 'none',
   auto: 'auto'
 };
+var Backdrops = {
+  black: 'rgba(0, 0, 0, 0.75)',
+  none: 'none'
+};
 
 var GeneratorProcessor = /*#__PURE__*/function () {
   function GeneratorProcessor() {}
@@ -2640,10 +2673,11 @@ function _main() {
               overflows: Overflows,
               heights: Heights,
               cursors: Cursors,
-              pointerEvents: PointerEvents
+              pointerEvents: PointerEvents,
+              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(), new HeightsGenerator(config), new CursorsGenerator(config), new PointerEventsGenerator(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 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(), new HeightsGenerator(config), new CursorsGenerator(config), new PointerEventsGenerator(config), new BackdropsGenerator(config)]);
 
           case 3:
           case "end":