oolib 2.215.0 → 2.215.2

package/dist/icons/index.d.ts

@@ -51,6 +51,7 @@ export namespace icons {
     export { Wrench };
     export { CheckSquare };
     export { CheckSquareOffset };
+    export { RadioButton };
     export { Cards };
     export { SignOut };
     export { Swap };
@@ -104,6 +105,7 @@ export namespace icons {
     export { LightbulbFilament };
     export { Keyboard };
     export { TextAa };
+    export { TextT };
     export { ThumbsUp };
     export { ChatText };
     export { SlackLogo };
@@ -138,6 +140,7 @@ export namespace icons {
     export { Stack };
     export { Sparkle };
     export { Chat };
+    export { Numpad };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -256,6 +259,7 @@ import { GearSixIcon as GearSix } from '@phosphor-icons/react';
 import { WrenchIcon as Wrench } from '@phosphor-icons/react';
 import { CheckSquareIcon as CheckSquare } from '@phosphor-icons/react';
 import { CheckSquareOffsetIcon as CheckSquareOffset } from '@phosphor-icons/react';
+import { RadioButtonIcon as RadioButton } from '@phosphor-icons/react';
 import { CardsIcon as Cards } from '@phosphor-icons/react';
 import { SignOutIcon as SignOut } from '@phosphor-icons/react';
 import { SwapIcon as Swap } from '@phosphor-icons/react';
@@ -309,6 +313,7 @@ import { BinocularsIcon as Binoculars } from '@phosphor-icons/react';
 import { LightbulbFilamentIcon as LightbulbFilament } from '@phosphor-icons/react';
 import { KeyboardIcon as Keyboard } from '@phosphor-icons/react';
 import { TextAaIcon as TextAa } from '@phosphor-icons/react';
+import { TextTIcon as TextT } from '@phosphor-icons/react';
 import { ThumbsUpIcon as ThumbsUp } from '@phosphor-icons/react';
 import { ChatTextIcon as ChatText } from '@phosphor-icons/react';
 import { SlackLogoIcon as SlackLogo } from '@phosphor-icons/react';
@@ -343,6 +348,7 @@ import { SlidersHorizontalIcon as SlidersHorizontal } from '@phosphor-icons/reac
 import { StackIcon as Stack } from '@phosphor-icons/react';
 import { SparkleIcon as Sparkle } from '@phosphor-icons/react';
 import { ChatIcon as Chat } from '@phosphor-icons/react';
+import { NumpadIcon as Numpad } from '@phosphor-icons/react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -56,6 +56,7 @@ exports.icons = {
     Wrench: react_1.WrenchIcon,
     CheckSquare: react_1.CheckSquareIcon,
     CheckSquareOffset: react_1.CheckSquareOffsetIcon,
+    RadioButton: react_1.RadioButtonIcon,
     Cards: react_1.CardsIcon,
     SignOut: react_1.SignOutIcon,
     Swap: react_1.SwapIcon,
@@ -109,6 +110,7 @@ exports.icons = {
     LightbulbFilament: react_1.LightbulbFilamentIcon,
     Keyboard: react_1.KeyboardIcon,
     TextAa: react_1.TextAaIcon,
+    TextT: react_1.TextTIcon,
     ThumbsUp: react_1.ThumbsUpIcon,
     ChatText: react_1.ChatTextIcon,
     SlackLogo: react_1.SlackLogoIcon,
@@ -143,6 +145,7 @@ exports.icons = {
     Stack: react_1.StackIcon,
     Sparkle: react_1.SparkleIcon,
     Chat: react_1.ChatIcon,
+    Numpad: react_1.NumpadIcon,
     //custom icons
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/dist/v2/components/Dropdowns/comps/SelectDropdown/index.js

@@ -27,6 +27,7 @@ var SelectDropdown = function (_a) {
         value: value,
         isTagsStyle: false,
     });
+    console.log({ selectConfig: selectConfig, value: value });
     var showElem = function (elem) {
         if (selectConfig === "all")
             return true;
@@ -37,7 +38,7 @@ var SelectDropdown = function (_a) {
     var genSelectComp = function () { return (react_1.default.createElement(styled_1.StyledSelectWrapper, { tabIndex: 0, S: S, isPlaceholder: (Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) < 1) || !value, disabled: disabled, style: selectStyleOverride, variant: variant, showOptions: showOptions, className: "StyledSelectWrapper_styleOverrideHandle" },
         react_1.default.createElement("div", { style: { display: "flex", gap: "1rem", alignItems: "center", zIndex: 1, padding: S ? "0.4rem 0" : "1rem 0" } },
             showElem('color') && (0, genColor_1.genColor)({ color: value === null || value === void 0 ? void 0 : value.color }),
-            showElem("icon") && (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, S: S }),
+            showElem("icon") && (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, S: S, weight: value === null || value === void 0 ? void 0 : value.iconWeight }),
             showElem("display") && (react_1.default.createElement(TypoComp
             // semibold={
             //   dropdownSelectText.desc && showElem("desc") ? true : undefined

package/dist/v2/components/List/comps/ListItem.js

@@ -1,11 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItem = void 0;
 var react_1 = __importDefault(require("react"));
-var styled_components_1 = require("styled-components");
+var styled_components_1 = __importStar(require("styled-components"));
 var TextLoader_1 = require("../../../../components/LoadersAndProgress/TextLoader");
 // import { genProfileImg } from "../../Dropdowns/utils/genProfileImg";
 var genIcon_1 = require("../../Dropdowns/utils/genIcon");
@@ -41,7 +74,7 @@ var ListItem = function (_a) {
         return null;
     };
     return (react_1.default.createElement(styled_1.StyledListItemWrapper, { index: index, isSelected: isSelected, isFocussed: isFocussed, className: "OKE-Dropdown__option", ref: function (el) { return isFocussed && el && scrollFocussedOpIntoView(el); }, onClick: handleClick, S: S, style: { pointerEvents: disabled && "none", cursor: !disabled && "pointer" } },
-        react_1.default.createElement("div", { ref: observerRef, style: {
+        react_1.default.createElement(styled_1.StyledWrapper, { ref: observerRef, style: {
                 display: "flex",
                 alignItems: desc ? "flex-start" : "center",
                 gap: icon ? "0.6rem" : "0.8rem",
@@ -63,7 +96,7 @@ var ListItem = function (_a) {
                     }),
                 color && (0, genColor_1.genColor)({ color: color }))),
             react_1.default.createElement("div", null,
-                react_1.default.createElement(TypoComp, { semibold: desc ? true : false, className: "OKE-Dropdown__optionText ".concat(optionsClassName || ""), style: { color: disabled ? grey40 : grey80 } }, (0, getText_1.getText)(display)),
+                react_1.default.createElement(TypoComp, { title: (0, getText_1.getText)(display), semibold: desc ? true : false, className: "OKE-Dropdown__optionText ".concat(optionsClassName || ""), style: { color: disabled ? grey40 : grey80 } }, (0, getText_1.getText)(display)),
                 desc && (react_1.default.createElement(Typo2_1.UI_CAPTION_DF, { className: "OKE-Dropdown__optionDesc", style: { color: disabled ? grey40 : grey60, marginTop: "0.2rem" } }, (0, getText_1.getText)(desc))))),
         react_1.default.createElement(styled_1.StyledRightSection, null,
             alignCheckbox === "right" && renderCheckBox(),

package/dist/v2/components/List/comps/styled.d.ts

@@ -1,2 +1,3 @@
 export const StyledListItemWrapper: import("styled-components").StyledComponent<"li", any, {}, never>;
 export const StyledRightSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/v2/components/List/comps/styled.js

@@ -3,44 +3,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledRightSection = exports.StyledListItemWrapper = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
+exports.StyledWrapper = exports.StyledRightSection = exports.StyledListItemWrapper = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
 var themes_1 = require("../../../themes");
 var getDynamicColors_1 = require("../../../themes/utils/getDynamicColors");
+var mixins_1 = require("../../../../themes/mixins");
 var grey10 = themes_1.colors.grey10;
 exports.StyledListItemWrapper = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    /* padding: ", "; */\n    padding: 0.8rem;\n    border-radius: 0.4rem;\n    gap: 1rem;\n\n    justify-content: space-between;\n\n    \n    background-color: ", ";\n\n    .OKE-Dropdown__optionText{\n      color: ", "\n    } \n\n    .OKE-Dropdown__optionIcon{\n      color: ", "\n    } \n\n    &:hover{\n      background-color: ", ";\n\n    }\n\n   \n\n    &:first-of-type {\n      /* margin-top: 0.4rem; */\n    }\n\n    &:last-of-type {\n      /* margin-bottom: 0.4rem; */\n    }\n\n    .OKE-Dropdown__optionDesc {\n      @include kp-clamp-text(2);\n      white-space: normal;\n    }\n\n    .OKE-Dropdown__optionImg {\n      flex: 0 0 auto;\n    }\n\n    .OKE-Dropdown__checkboxClickArea {\n      position: absolute;\n      width: 2rem;\n      height: 2rem;\n    }\n    .OKE-Dropdown__checkboxClickArea-box {\n      margin-top: 0.2rem;\n      flex-shrink: 0;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    /* padding: ", "; */\n    padding: 0.8rem;\n    border-radius: 0.4rem;\n    gap: 1rem;\n\n    justify-content: space-between;\n\n    \n    background-color: ", ";\n\n    .OKE-Dropdown__optionText{\n      color: ", "\n    } \n\n    .OKE-Dropdown__optionIcon{\n      color: ", "\n    } \n\n    &:hover{\n      background-color: ", ";\n\n    }\n\n   \n\n    &:first-of-type {\n      /* margin-top: 0.4rem; */\n    }\n\n    &:last-of-type {\n      /* margin-bottom: 0.4rem; */\n    }\n\n    .OKE-Dropdown__optionDesc {\n      @include kp-clamp-text(2);\n      white-space: normal;\n    }\n\n    .OKE-Dropdown__optionImg {\n      flex: 0 0 auto;\n    }\n\n    .OKE-Dropdown__checkboxClickArea {\n      position: absolute;\n      width: 2rem;\n      height: 2rem;\n    }\n    .OKE-Dropdown__checkboxClickArea-box {\n      margin-top: 0.2rem;\n      flex-shrink: 0;\n    }\n"])), function (_a) {
     var S = _a.S;
@@ -59,4 +30,5 @@ exports.StyledListItemWrapper = styled_components_1.default.li(templateObject_1
     return "".concat(grey10);
 });
 exports.StyledRightSection = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 0.1rem;\n  display: flex;\n  gap: 0.5rem;\n  align-self: flex-start;\n  justify-content: space-between;\n"], ["\n  margin-top: 0.1rem;\n  display: flex;\n  gap: 0.5rem;\n  align-self: flex-start;\n  justify-content: space-between;\n"])));
-var templateObject_1, templateObject_2;
+exports.StyledWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), mixins_1.ellipsis);
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/v2/themes/colors.d.ts

@@ -30,11 +30,13 @@ export declare const colors: {
     blue: string;
     yellowBG: string;
     yellowStroke: string;
+    bronze: string;
     success: string;
     error: string;
     hintHover: string;
     hint: string;
     purple: string;
+    purple8: string;
     shadowDefault: string;
     shadowHover: string;
     green: string;

package/dist/v2/themes/colors.js

@@ -33,10 +33,12 @@ var blue = "#2F55FF";
 var yellow = "#DA9A0F";
 var yellowBG = "#FFF7DC";
 var yellowStroke = "#FFE09A";
+var bronze = "#B27120";
 var redBG = "#FFE3E3";
 var red = "#800";
 // const green = "#159300";
-var purple = "#9D13E8";
+var purple = "#8E13E9";
+var purple8 = "#8E13E914";
 var error = "#C41717";
 var success = "#53AC00";
 var shadowDefault = "#0000000f";
@@ -96,11 +98,13 @@ exports.colors = {
     blue: blue,
     yellowBG: yellowBG,
     yellowStroke: yellowStroke,
+    bronze: bronze,
     success: success,
     error: error,
     hintHover: hintHover,
     hint: hint,
     purple: purple,
+    purple8: purple8,
     shadowDefault: shadowDefault,
     shadowHover: shadowHover,
     green: green,

package/package.json

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