oolib 2.7.8 → 2.8.0

package/dist/components/Section/index.d.ts

@@ -0,0 +1 @@
+export function Section(props: any): JSX.Element;

package/dist/components/Section/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+var react_1 = __importDefault(require("react"));
+var index_styled_1 = require("./index.styled");
+/*
+especially meant for usecases where
+the page container has a max width, but we need its bottom border to stretch the full
+width of the screen
+*/
+/**
+ * props can be any valid color value,
+ * can be borderBottom/Top/Left/Right
+ * can be style, className & children
+ */
+var Section = function (props) {
+    return (react_1.default.createElement(index_styled_1.StyledSection, __assign({}, props), props.children));
+};
+exports.Section = Section;

package/dist/components/Section/index.styled.d.ts

@@ -0,0 +1 @@
+export const StyledSection: any;

package/dist/components/Section/index.styled.js

@@ -0,0 +1,37 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledSection = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var colors_1 = require("../../themes/colors");
+var setBorder = function (_a) {
+    var _b;
+    var props = _a.props;
+    var borderStyles = "";
+    var greyColor15 = (((_b = props.theme) === null || _b === void 0 ? void 0 : _b.colors) || colors_1.colors).greyColor15;
+    if (props.borderTop || props.borderRight || props.borderLeft || props.borderBottom) {
+        if (props.borderTop)
+            borderStyles += "border-top: 1px solid ".concat(greyColor15, ";");
+        if (props.borderLeft)
+            borderStyles += "border-left: 1px solid ".concat(greyColor15, ";");
+        if (props.borderRight)
+            borderStyles += "border-right: 1px solid ".concat(greyColor15, ";");
+        if (props.borderBottom)
+            borderStyles += "border-bottom: 1px solid ".concat(greyColor15, ";");
+    }
+    return borderStyles;
+};
+var setFill = function (_a) {
+    var props = _a.props;
+    var colorsObj = props.theme.colors || colors_1.colors;
+    var colorKey = Object.keys(props).find(function (p) { return !!colorsObj[p]; });
+    return colorKey ? "background-color: ".concat(colorsObj[colorKey], ";") : '';
+};
+exports.StyledSection = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (props) { return setBorder({ props: props }); }, function (props) { return setFill({ props: props }); });
+var templateObject_1;

package/dist/index.d.ts

@@ -12,3 +12,4 @@ export * from "./components/Wrappers";
 export * from "./themes/mixins";
 export { colors } from "./themes";
 export { phosphorIcons } from "./icons";
+export { Section } from "./components/Section";

package/dist/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.phosphorIcons = exports.colors = exports.GlobalStyles = void 0;
+exports.Section = exports.phosphorIcons = exports.colors = exports.GlobalStyles = void 0;
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
 __exportStar(require("./components/Typo"), exports);
@@ -27,4 +27,6 @@ __exportStar(require("./components/InlineAlert"), exports);
 __exportStar(require("./components/TextInputs"), exports);
 __exportStar(require("./components/Container"), exports);
 __exportStar(require("./components/Wrappers"), exports);
+var Section_1 = require("./components/Section");
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return Section_1.Section; } });
 __exportStar(require("./themes/mixins"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.7.8",
+  "version": "2.8.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",