oolib 2.27.17 → 2.28.0

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

@@ -1,7 +1,6 @@
-export function Comp({ children, className, style, noPadding }: {
+export function Comp({ children, className, style }: {
     children: any;
     className: any;
     style: any;
-    noPadding: any;
 }, ref: any): any;
 export const Container: any;

package/dist/components/Container/index.js

@@ -38,8 +38,8 @@ exports.Container = exports.Comp = void 0;
 var react_1 = __importStar(require("react"));
 var index_styled_1 = require("./index.styled");
 var Comp = function (_a, ref) {
-    var children = _a.children, className = _a.className, style = _a.style, noPadding = _a.noPadding;
-    return (react_1.default.createElement(index_styled_1.StyledContainer, { ref: ref, className: className || '', style: __assign(__assign({}, (noPadding ? { padding: 0 } : {})), style) }, children));
+    var children = _a.children, className = _a.className, style = _a.style;
+    return (react_1.default.createElement(index_styled_1.StyledContainer, { ref: ref, className: className || '', style: __assign({}, style) }, children));
 };
 exports.Comp = Comp;
 exports.Container = (0, react_1.forwardRef)(exports.Comp);

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

@@ -0,0 +1 @@
+export function MarginLeftRightMinus20(props: any): any;

package/dist/components/Margins/index.js

@@ -0,0 +1,22 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarginLeftRightMinus20 = void 0;
+var MarginLeftRight = function (_a) {
+    var margin = _a.margin, marginLeft = _a.marginLeft, marginRight = _a.marginRight, style = _a.style, children = _a.children, className = _a.className, id = _a.id;
+    var _marginLeft = margin || marginLeft || 0;
+    var _marginRight = margin || marginRight || 0;
+    return (React.createElement("div", { id: id, className: className, style: __assign(__assign({}, style), { marginRight: _marginRight + "px", marginLeft: _marginLeft + "px" }) }, children));
+};
+var MarginLeftRightMinus20 = function (props) { return (React.createElement(MarginLeftRight, __assign({}, props, { margin: -20 }))); };
+exports.MarginLeftRightMinus20 = MarginLeftRightMinus20;

package/dist/components/Modals/ModalLarge/index.js

@@ -46,7 +46,7 @@ var ModalHeaderStyle1 = function (_a) {
             !linkTo && title && (react_1.default.createElement("div", null,
                 react_1.default.createElement(Typo_1.SANS_3_4, { semibold: true }, title))),
             linkTo && (react_1.default.createElement(Typo_1.SANS_4, { semibold: true },
-                react_1.default.createElement(OKELink_1.OKELink, { iconAfter: "ArrowLineUpRight", linkType: "action", onClick: function () { return window.open(linkTo); }, iconSize: 24, color: "black" }, title)))),
+                react_1.default.createElement(OKELink_1.OKELink, { iconAfter: "ArrowLineUpRight", linkType: "action", onClick: function () { return window.open(linkTo); }, iconSize: 15, color: "black" }, title)))),
         onClose && (react_1.default.createElement(Buttons_1.ButtonGhost, { icon: "X", onClick: function () { return setAnimPos(initAnimPos); } }))));
 };
 var ModalHeaderStyle2 = function (_a) {

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

@@ -0,0 +1,32 @@
+export function PaddingTopBottom5(props: any): any;
+export function PaddingTopBottom10(props: any): any;
+export function PaddingTopBottom15(props: any): any;
+export function PaddingTopBottom20(props: any): any;
+export function PaddingTopBottom25(props: any): any;
+export function PaddingTopBottom30(props: any): any;
+export function PaddingTopBottom35(props: any): any;
+export function PaddingTopBottom40(props: any): any;
+export function PaddingTopBottom45(props: any): any;
+export function PaddingTopBottom50(props: any): any;
+export function PaddingTopBottom55(props: any): any;
+export function PaddingTopBottom60(props: any): any;
+export function PaddingBottom5(props: any): any;
+export function PaddingBottom10(props: any): any;
+export function PaddingBottom15(props: any): any;
+export function PaddingBottom20(props: any): any;
+export function PaddingBottom25(props: any): any;
+export function PaddingBottom30(props: any): any;
+export function PaddingBottom35(props: any): any;
+export function PaddingBottom40(props: any): any;
+export function PaddingBottom45(props: any): any;
+export function PaddingBottom50(props: any): any;
+export function PaddingTop5(props: any): any;
+export function PaddingTop10(props: any): any;
+export function PaddingTop15(props: any): any;
+export function PaddingTop20(props: any): any;
+export function PaddingTop25(props: any): any;
+export function PaddingTop30(props: any): any;
+export function PaddingTop35(props: any): any;
+export function PaddingTop40(props: any): any;
+export function PaddingTop45(props: any): any;
+export function PaddingTop50(props: any): any;

package/dist/components/Paddings/index.js

@@ -0,0 +1,87 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingTop50 = exports.PaddingTop45 = exports.PaddingTop40 = exports.PaddingTop35 = exports.PaddingTop30 = exports.PaddingTop25 = exports.PaddingTop20 = exports.PaddingTop15 = exports.PaddingTop10 = exports.PaddingTop5 = exports.PaddingBottom50 = exports.PaddingBottom45 = exports.PaddingBottom40 = exports.PaddingBottom35 = exports.PaddingBottom30 = exports.PaddingBottom25 = exports.PaddingBottom20 = exports.PaddingBottom15 = exports.PaddingBottom10 = exports.PaddingBottom5 = exports.PaddingTopBottom60 = exports.PaddingTopBottom55 = exports.PaddingTopBottom50 = exports.PaddingTopBottom45 = exports.PaddingTopBottom40 = exports.PaddingTopBottom35 = exports.PaddingTopBottom30 = exports.PaddingTopBottom25 = exports.PaddingTopBottom20 = exports.PaddingTopBottom15 = exports.PaddingTopBottom10 = exports.PaddingTopBottom5 = void 0;
+var PaddingTopBottom = function (_a) {
+    var padding = _a.padding, paddingBottom = _a.paddingBottom, paddingTop = _a.paddingTop, style = _a.style, children = _a.children, className = _a.className, id = _a.id;
+    var _paddingBottom = padding || paddingBottom || 0;
+    var _paddingTop = padding || paddingTop || 0;
+    return (React.createElement("div", { id: id, className: className, style: __assign(__assign({}, style), { paddingTop: _paddingTop + "px", paddingBottom: _paddingBottom + "px" }) }, children));
+};
+// Padding Top Bottom 5px to 60px
+var PaddingTopBottom5 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 5 }))); };
+exports.PaddingTopBottom5 = PaddingTopBottom5;
+var PaddingTopBottom10 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 10 }))); };
+exports.PaddingTopBottom10 = PaddingTopBottom10;
+var PaddingTopBottom15 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 15 }))); };
+exports.PaddingTopBottom15 = PaddingTopBottom15;
+var PaddingTopBottom20 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 20 }))); };
+exports.PaddingTopBottom20 = PaddingTopBottom20;
+var PaddingTopBottom25 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 25 }))); };
+exports.PaddingTopBottom25 = PaddingTopBottom25;
+var PaddingTopBottom30 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 30 }))); };
+exports.PaddingTopBottom30 = PaddingTopBottom30;
+var PaddingTopBottom35 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 35 }))); };
+exports.PaddingTopBottom35 = PaddingTopBottom35;
+var PaddingTopBottom40 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 40 }))); };
+exports.PaddingTopBottom40 = PaddingTopBottom40;
+var PaddingTopBottom45 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 45 }))); };
+exports.PaddingTopBottom45 = PaddingTopBottom45;
+var PaddingTopBottom50 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 50 }))); };
+exports.PaddingTopBottom50 = PaddingTopBottom50;
+var PaddingTopBottom55 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 55 }))); };
+exports.PaddingTopBottom55 = PaddingTopBottom55;
+var PaddingTopBottom60 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { padding: 60 }))); };
+exports.PaddingTopBottom60 = PaddingTopBottom60;
+// Padding Bottom 5px to 50px
+var PaddingBottom5 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 5 }))); };
+exports.PaddingBottom5 = PaddingBottom5;
+var PaddingBottom10 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 10 }))); };
+exports.PaddingBottom10 = PaddingBottom10;
+var PaddingBottom15 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 15 }))); };
+exports.PaddingBottom15 = PaddingBottom15;
+var PaddingBottom20 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 20 }))); };
+exports.PaddingBottom20 = PaddingBottom20;
+var PaddingBottom25 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 25 }))); };
+exports.PaddingBottom25 = PaddingBottom25;
+var PaddingBottom30 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 30 }))); };
+exports.PaddingBottom30 = PaddingBottom30;
+var PaddingBottom35 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 35 }))); };
+exports.PaddingBottom35 = PaddingBottom35;
+var PaddingBottom40 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 40 }))); };
+exports.PaddingBottom40 = PaddingBottom40;
+var PaddingBottom45 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 45 }))); };
+exports.PaddingBottom45 = PaddingBottom45;
+var PaddingBottom50 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingBottom: 50 }))); };
+exports.PaddingBottom50 = PaddingBottom50;
+// Padding Top 5px to 50px
+var PaddingTop5 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 5 }))); };
+exports.PaddingTop5 = PaddingTop5;
+var PaddingTop10 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 10 }))); };
+exports.PaddingTop10 = PaddingTop10;
+var PaddingTop15 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 15 }))); };
+exports.PaddingTop15 = PaddingTop15;
+var PaddingTop20 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 20 }))); };
+exports.PaddingTop20 = PaddingTop20;
+var PaddingTop25 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 25 }))); };
+exports.PaddingTop25 = PaddingTop25;
+var PaddingTop30 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 30 }))); };
+exports.PaddingTop30 = PaddingTop30;
+var PaddingTop35 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 35 }))); };
+exports.PaddingTop35 = PaddingTop35;
+var PaddingTop40 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 40 }))); };
+exports.PaddingTop40 = PaddingTop40;
+var PaddingTop45 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 45 }))); };
+exports.PaddingTop45 = PaddingTop45;
+var PaddingTop50 = function (props) { return (React.createElement(PaddingTopBottom, __assign({}, props, { paddingTop: 50 }))); };
+exports.PaddingTop50 = PaddingTop50;

package/dist/components/Switches/index.js

@@ -33,7 +33,9 @@ function SwitchDouble(_a) {
             onChange(id, saveValueAsString ? otherOption.value : otherOption);
     };
     var props = arguments[0];
-    var isLeftOptionActive = options[0].value === (value === null || value === void 0 ? void 0 : value.value);
+    var isLeftOptionActive = value === undefined || options[0].value === (value === null || value === void 0 ? void 0 : value.value);
+    if (value === undefined)
+        throw new Error('You need to pass a value prop to make SwitchDouble work');
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
         react_1.default.createElement(styled_1.StyledSwitchWrapperStyle1, null,

package/dist/index.d.ts

@@ -13,6 +13,8 @@ export * from "./components/Switches";
 export * from "./components/TabBar";
 export * from "./components/Banners";
 export * from "./components/RadioAndCheckbox";
+export * from "./components/Margins";
+export * from "./components/Paddings";
 export * from "./utils/_EXPORTS";
 export { colors } from "./themes";
 export { icons } from "./icons";

package/dist/index.js

@@ -43,6 +43,8 @@ __exportStar(require("./components/Switches"), exports);
 __exportStar(require("./components/TabBar"), exports);
 __exportStar(require("./components/Banners"), exports);
 __exportStar(require("./components/RadioAndCheckbox"), exports);
+__exportStar(require("./components/Margins"), exports);
+__exportStar(require("./components/Paddings"), exports);
 var Section_1 = require("./components/Section");
 Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return Section_1.Section; } });
 var UserRoleBadge_1 = require("./components/UserRoleBadge");

package/package.json

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