@bgord/design 0.27.53 → 0.27.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design.cjs.development.js +40 -8
- package/dist/design.cjs.development.js.map +1 -1
- package/dist/design.cjs.production.min.js +1 -1
- package/dist/design.cjs.production.min.js.map +1 -1
- package/dist/design.esm.js +40 -8
- package/dist/design.esm.js.map +1 -1
- package/dist/main.css +344 -0
- package/dist/main.min.css +1 -1
- package/dist/main.min.css.br +0 -0
- package/dist/main.min.css.gz +0 -0
- package/dist/positioners-generator.d.ts +4 -2
- package/package.json +1 -1
- package/src/generate-css.ts +1 -1
- package/src/positioners-generator.ts +29 -7
|
@@ -2086,19 +2086,51 @@ var OverflowsGenerator = /*#__PURE__*/function (_AbstractGenerator) {
|
|
|
2086
2086
|
var PositionersGenerator = /*#__PURE__*/function (_AbstractGenerator) {
|
|
2087
2087
|
_inheritsLoose(PositionersGenerator, _AbstractGenerator);
|
|
2088
2088
|
|
|
2089
|
-
function PositionersGenerator() {
|
|
2090
|
-
|
|
2089
|
+
function PositionersGenerator(config) {
|
|
2090
|
+
var _this;
|
|
2091
|
+
|
|
2092
|
+
_this = _AbstractGenerator.call(this, 'Positioners') || this;
|
|
2093
|
+
_this.spacing = config.spacing;
|
|
2094
|
+
_this.breakpoints = config.breakpoints;
|
|
2095
|
+
return _this;
|
|
2091
2096
|
}
|
|
2092
2097
|
|
|
2093
2098
|
var _proto = PositionersGenerator.prototype;
|
|
2094
2099
|
|
|
2095
2100
|
_proto.generateCss = function generateCss() {
|
|
2096
2101
|
var output = '';
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
+
|
|
2103
|
+
for (var _i = 0, _Object$entries = Object.entries(this.spacing); _i < _Object$entries.length; _i++) {
|
|
2104
|
+
var _Object$entries$_i = _Object$entries[_i],
|
|
2105
|
+
key = _Object$entries$_i[0],
|
|
2106
|
+
value = _Object$entries$_i[1];
|
|
2107
|
+
output += "*[data-top='" + key + "'] {\n top: " + value + ";\n}\n";
|
|
2108
|
+
output += "*[data-right='" + key + "'] {\n right: " + value + ";\n}\n";
|
|
2109
|
+
output += "*[data-bottom='" + key + "'] {\n bottom: " + value + ";\n}\n";
|
|
2110
|
+
output += "*[data-left='" + key + "'] {\n left: " + value + ";\n}\n";
|
|
2111
|
+
output += "*[data-inset='" + key + "'] {\n inset: " + value + ";\n}\n";
|
|
2112
|
+
}
|
|
2113
|
+
|
|
2114
|
+
for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
|
|
2115
|
+
var _Object$entries2$_i = _Object$entries2[_i2],
|
|
2116
|
+
name = _Object$entries2$_i[0],
|
|
2117
|
+
_value = _Object$entries2$_i[1];
|
|
2118
|
+
output += "@media (max-width: " + _value + "px) {\n";
|
|
2119
|
+
|
|
2120
|
+
for (var _i3 = 0, _Object$entries3 = Object.entries(this.spacing); _i3 < _Object$entries3.length; _i3++) {
|
|
2121
|
+
var _Object$entries3$_i = _Object$entries3[_i3],
|
|
2122
|
+
_key = _Object$entries3$_i[0],
|
|
2123
|
+
_value2 = _Object$entries3$_i[1];
|
|
2124
|
+
output += "*[data-" + name + "-top='" + _key + "'] {\n top: " + _value2 + ";\n}\n";
|
|
2125
|
+
output += "*[data-" + name + "-right='" + _key + "'] {\n right: " + _value2 + ";\n}\n";
|
|
2126
|
+
output += "*[data-" + name + "-bottom='" + _key + "'] {\n bottom: " + _value2 + ";\n}\n";
|
|
2127
|
+
output += "*[data-" + name + "-left='" + _key + "'] {\n left: " + _value2 + ";\n}\n";
|
|
2128
|
+
output += "*[data-" + name + "-inset='" + _key + "'] {\n inset: " + _value2 + ";\n}\n";
|
|
2129
|
+
}
|
|
2130
|
+
|
|
2131
|
+
output += "}\n";
|
|
2132
|
+
}
|
|
2133
|
+
|
|
2102
2134
|
return output;
|
|
2103
2135
|
};
|
|
2104
2136
|
|
|
@@ -2689,7 +2721,7 @@ function _main() {
|
|
|
2689
2721
|
backdrops: Backdrops
|
|
2690
2722
|
};
|
|
2691
2723
|
_context2.next = 3;
|
|
2692
|
-
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)]);
|
|
2724
|
+
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)]);
|
|
2693
2725
|
|
|
2694
2726
|
case 3:
|
|
2695
2727
|
case "end":
|