oolib 2.26.1 → 2.26.2

package/dist/components/TextInputs/index.js

@@ -93,7 +93,7 @@ var LoadersAndProgress_1 = require("../LoadersAndProgress");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, onClick = _a.onClick, size = _a.size;
     var IconComp = icons_1.icons[icon];
-    return (react_1.default.createElement("div", { style: { cursor: onClick ? 'pointer' : '' }, onMouseDown: onClick || null }, IconComp && react_1.default.createElement(IconComp, { size: size, weight: "bold" })));
+    return (react_1.default.createElement("div", { style: { cursor: onClick ? 'pointer' : '', display: 'flex' }, onMouseDown: onClick || null }, IconComp && react_1.default.createElement(IconComp, { size: size, weight: "bold" })));
 };
 var TextInput = function (props) {
     var id = props.id, invert = props.invert, disabled = props.disabled, icon = props.icon, type = props.type, _a = props.placeholder, placeholder = _a === void 0 ? 'Enter Text...' : _a, value = props.value, onChange = props.onChange, onFocus = props.onFocus, readOnly = props.readOnly, iconOnClick = props.iconOnClick, eyeIcon = props.eyeIcon, S = props.S, validateOnBlur = props.validateOnBlur, actionBtn = props.actionBtn, className = props.className, maxLength = props.maxLength, DEPRECATED_maxNumLimiter = props.maxNumLimiter, forceFocus = props.forceFocus //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage

package/dist/themes/mixins/boxShadows.d.ts

@@ -0,0 +1,3 @@
+export const boxShadow0: any;
+export const boxShadow1: any;
+export const innerShadow0: any;

package/dist/themes/mixins/boxShadows.js

@@ -0,0 +1,11 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.innerShadow0 = exports.boxShadow1 = exports.boxShadow0 = void 0;
+exports.boxShadow0 = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);\n"], ["\n    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);\n"])));
+exports.boxShadow1 = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n"], ["\n    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);\n"])));
+exports.innerShadow0 = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.05);\n"], ["\n    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.05);\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/themes/mixins/index.d.ts

@@ -1,7 +1,8 @@
-export function mediaQuery(point: any): string;
+export { transition } from "./transitions";
 export function getBreakPoint(point: any): 0 | 600 | 800 | 1000 | 1300 | 1600 | "pass a valid breakpoint";
-import { transition } from "./transitions";
+export function mediaQuery(point: any): string;
 export function isElementInViewport(el: any): boolean;
 export const ellipsis: any;
+export function clampText(noOfLines: any): any;
 export function multilineUnderline(color: any, thickness?: string, reverse?: boolean, hovered?: boolean): any;
-export { transition };
+export { boxShadow0, boxShadow1, innerShadow0 } from "./boxShadows";

package/dist/themes/mixins/index.js

@@ -4,10 +4,14 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.multilineUnderline = exports.ellipsis = exports.isElementInViewport = exports.transition = exports.getBreakPoint = exports.mediaQuery = void 0;
+exports.multilineUnderline = exports.clampText = exports.ellipsis = exports.isElementInViewport = exports.mediaQuery = exports.getBreakPoint = exports.innerShadow0 = exports.boxShadow1 = exports.boxShadow0 = exports.transition = void 0;
 var styled_components_1 = require("styled-components");
 var transitions_1 = require("./transitions");
 Object.defineProperty(exports, "transition", { enumerable: true, get: function () { return transitions_1.transition; } });
+var boxShadows_1 = require("./boxShadows");
+Object.defineProperty(exports, "boxShadow0", { enumerable: true, get: function () { return boxShadows_1.boxShadow0; } });
+Object.defineProperty(exports, "boxShadow1", { enumerable: true, get: function () { return boxShadows_1.boxShadow1; } });
+Object.defineProperty(exports, "innerShadow0", { enumerable: true, get: function () { return boxShadows_1.innerShadow0; } });
 var getBreakPoint = function (point) {
     switch (point) {
         case "xs":
@@ -28,7 +32,7 @@ var getBreakPoint = function (point) {
 };
 exports.getBreakPoint = getBreakPoint;
 var mediaQuery = function (point) {
-    return "@media only screen and (min-width: ".concat(getBreakPoint(point), "px)");
+    return "@media only screen and (min-width: ".concat((0, exports.getBreakPoint)(point), "px)");
 };
 exports.mediaQuery = mediaQuery;
 var isElementInViewport = function (el) {
@@ -41,14 +45,17 @@ var isElementInViewport = function (el) {
         rect.right <= (window.innerWidth || document.documentElement.clientWidth));
 };
 exports.isElementInViewport = isElementInViewport;
-var ellipsis = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
-exports.ellipsis = ellipsis;
+exports.ellipsis = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+var clampText = function (noOfLines) { return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: -webkit-box;\n  -webkit-line-clamp: ", ";\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n"], ["\n  display: -webkit-box;\n  -webkit-line-clamp: ", ";\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n"
+    //works only with inline(ish) elements, you need to call it again at hover state & set transition yourself 'background-size'
+])), noOfLines); };
+exports.clampText = clampText;
 //works only with inline(ish) elements, you need to call it again at hover state & set transition yourself 'background-size'
 var multilineUnderline = function (color, thickness, reverse, hovered) {
     if (thickness === void 0) { thickness = '1px'; }
     if (reverse === void 0) { reverse = false; }
     if (hovered === void 0) { hovered = false; }
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject([" \n  background-image: linear-gradient(", ", ", ");\n  background-repeat: no-repeat;\n  background-position: left bottom;\n  background-size: ", " ", ";\n"], [" \n  background-image: linear-gradient(", ", ", ");\n  background-repeat: no-repeat;\n  background-position: left bottom;\n  background-size: ", " ", ";\n"])), color, color, hovered ? (reverse ? '100%' : '0%') : (reverse ? '0%' : '100%'), thickness);
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject([" \n  background-image: linear-gradient(", ", ", ");\n  background-repeat: no-repeat;\n  background-position: left bottom;\n  background-size: ", " ", ";\n"], [" \n  background-image: linear-gradient(", ", ", ");\n  background-repeat: no-repeat;\n  background-position: left bottom;\n  background-size: ", " ", ";\n"])), color, color, hovered ? (reverse ? '100%' : '0%') : (reverse ? '0%' : '100%'), thickness);
 };
 exports.multilineUnderline = multilineUnderline;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/package.json

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