oolib 2.70.2 → 2.71.0

package/dist/components/AudioInput/styled.js

@@ -15,6 +15,6 @@ exports.StyledAudioEmbedPlayed = styled_components_1.default.div(templateObject_
 exports.StyledAudioElement = styled_components_1.default.audio(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 300px;\n    height: 40px;\n    background-color: ", ";\n    &::-webkit-media-controls-enclosure {\n        border-radius: 0;\n    }\n\n    &::-webkit-media-controls-panel {\n        background-color: ", ";\n    }\n    /* -webkit-appearance: none; */\n    \n    /* Reset webkit border-radius to 0 */\n    /* -webkit-border-radius: 0; */\n"], ["\n    width: 300px;\n    height: 40px;\n    background-color: ", ";\n    &::-webkit-media-controls-enclosure {\n        border-radius: 0;\n    }\n\n    &::-webkit-media-controls-panel {\n        background-color: ", ";\n    }\n    /* -webkit-appearance: none; */\n    \n    /* Reset webkit border-radius to 0 */\n    /* -webkit-border-radius: 0; */\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10);
 exports.StyledAudioPlayerWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    width: inherit;\n    margin: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    width: inherit;\n    margin: ", ";\n"])), function (_a) {
     var isInRTE = _a.isInRTE;
-    return !isInRTE ? '2rem 0rem' : '0rem';
+    return !isInRTE ? '1rem 0rem 2rem' : '0rem';
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Dropdowns/utils/genTagComp.js

@@ -13,7 +13,7 @@ var genTagComp = function (id, d, options) {
     var showOptions = options.showOptions;
     switch (true) {
         case !options.display:
-            return (react_1.default.createElement("div", { tabIndex: 0, onFocus: function (e) { return !showOptions && e.stopPropagation(); } },
+            return (react_1.default.createElement("div", { tabIndex: 0, style: { minWidth: 0 }, onFocus: function (e) { return !showOptions && e.stopPropagation(); } },
                 react_1.default.createElement(Tags_1.TagClear, { XS: options.S, grey: true, invert: options.invert, display: d.display, onClick: function (e) {
                         e.stopPropagation();
                         options.handleSelect(options.single_multi === "single" ? undefined : d);

package/dist/icons/custom/index.d.ts

@@ -20,7 +20,7 @@ export declare const BadgeVetted: (props: any) => React.JSX.Element;
 export declare const IndiaFlag: (props: any) => React.JSX.Element;
 export declare const NigeriaFlag: (props: any) => React.JSX.Element;
 export declare const KenyaFlag: (props: any) => React.JSX.Element;
-export declare const ModalBulbIcon: () => React.JSX.Element;
+export declare const ModalBulbIcon: (props: any) => React.JSX.Element;
 export declare const Location14: (props: any) => React.JSX.Element;
 export declare const Person14: (props: any) => React.JSX.Element;
 export declare const Index: () => React.JSX.Element;

package/dist/icons/custom/index.js

@@ -19,7 +19,7 @@ exports.IndonesiaFlag = void 0;
 var react_1 = __importDefault(require("react"));
 var themes_1 = require("../../themes");
 var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
-var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100, primaryColor100 = themes_1.colors.primaryColor100, white = themes_1.colors.white, black = themes_1.colors.black;
+var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100, primaryColor100 = themes_1.colors.primaryColor100, black = themes_1.colors.black;
 var IndexIcon = function (_a) {
     var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
     return (react_1.default.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -123,7 +123,7 @@ var KenyaFlag = function (props) { return (react_1.default.createElement("svg",
         react_1.default.createElement("path", { fill: "#F7FCFF", fillRule: "evenodd", d: "M20.266 29.813v-8.038c-.573.38-1.005 2.035-1.005 4.02 0 1.983.432 3.638 1.005 4.018zM20.266 19.255v-8.038c-.573.38-1.005 2.035-1.005 4.02 0 1.983.432 3.638 1.005 4.018z", clipRule: "evenodd" }),
         react_1.default.createElement("path", { fill: "#272727", d: "M23.627 20.515c0-1.813.632-3.487 1.703-4.842.836 1.412 1.406 3.025 1.425 4.838.02 1.813-.586 3.395-1.425 4.847-1.07-1.355-1.703-3.03-1.703-4.843zM17.374 20.515c0-1.813-.633-3.487-1.703-4.842-.836 1.412-1.407 3.025-1.426 4.838-.02 1.813.586 3.395 1.425 4.847 1.07-1.355 1.704-3.03 1.704-4.843z" })))); };
 exports.KenyaFlag = KenyaFlag;
-var ModalBulbIcon = function () {
+var ModalBulbIcon = function (props) {
     return (react_1.default.createElement("div", { style: {
             width: "4rem",
             height: "4rem",
@@ -135,7 +135,7 @@ var ModalBulbIcon = function () {
             justifyContent: "center",
         } },
         react_1.default.createElement("div", { style: { position: "absolute" } },
-            react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 20, weight: "regular", color: "white", icon: "LightbulbFilament" }))));
+            react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 20, weight: "regular", color: props.stroke || greyColor100, icon: "LightbulbFilament" }))));
 };
 exports.ModalBulbIcon = ModalBulbIcon;
 // export const ModalBulbIcon = (props) => (
@@ -184,19 +184,19 @@ var Index = function () {
 exports.Index = Index;
 var Download__nofill = function (props) {
     return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", fill: "none" }, props),
-        react_1.default.createElement("path", { stroke: props.stroke || white, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", d: "M10 14V3M4.5 10l4.793 4.793a1 1 0 001.414 0L15.5 10M6 17h8" })));
+        react_1.default.createElement("path", { stroke: props.stroke || greyColor100, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", d: "M10 14V3M4.5 10l4.793 4.793a1 1 0 001.414 0L15.5 10M6 17h8" })));
 };
 exports.Download__nofill = Download__nofill;
 var Download = function (props) {
     return (react_1.default.createElement("svg", __assign({ width: 42, height: 42, viewBox: "0 0 42 42", fill: "none" }, props),
-        react_1.default.createElement("circle", { cx: 21, cy: 21, r: 21, fill: white }),
+        react_1.default.createElement("circle", { cx: 21, cy: 21, r: 21, fill: greyColor100 }),
         react_1.default.createElement("path", { d: "M17.052 20.053L21 24l4-4", stroke: primaryColor100, strokeLinecap: "round" }),
         react_1.default.createElement("path", { stroke: primaryColor100, strokeLinecap: "round", strokeLinejoin: "round", d: "M20.982 23.502v-9.857M27.285 22.144v5.714H14.714v-5.714" })));
 };
 exports.Download = Download;
 var UploadSM = function (props) {
     return (react_1.default.createElement("svg", __assign({ width: 21, height: 21, viewBox: "0 0 21 21", fill: "none" }, props),
-        react_1.default.createElement("path", { stroke: props.stroke || white, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", d: "M10.816 4.96v11M16.316 8.96l-4.793-4.793a1 1 0 00-1.414 0L5.316 8.96M14.816 17.96h-8" })));
+        react_1.default.createElement("path", { stroke: props.stroke || greyColor100, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", d: "M10.816 4.96v11M16.316 8.96l-4.793-4.793a1 1 0 00-1.414 0L5.316 8.96M14.816 17.96h-8" })));
 };
 exports.UploadSM = UploadSM;
 var AddXS = function (props) {
@@ -341,8 +341,8 @@ var VideoEmbedIcon = function (props) {
 exports.VideoEmbedIcon = VideoEmbedIcon;
 var AudioEmbedIcon = function (props) {
     return (react_1.default.createElement("svg", __assign({ width: 21, height: 20, viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M5.536 7.318l.018-.012.016-.013 6.533-5.214c.033-.024.09-.034.15-.006a.117.117 0 01.05.038c.004.006.008.015.007.035v15.868a.083.083 0 01-.016.051.157.157 0 01-.064.05c-.068.03-.126.018-.158-.005L5.54 12.896l-.017-.013-.018-.012a1.156 1.156 0 00-.646-.207H1.115a.137.137 0 01-.032-.003.229.229 0 01-.02-.111V7.639c0-.065.02-.098.028-.107a.026.026 0 01.003-.004h.001l.004-.002a.075.075 0 01.016 0h3.744c.271 0 .52-.103.677-.208z", stroke: white }),
-        react_1.default.createElement("path", { d: "M17.609 5.406a6.625 6.625 0 011.953 4.689 6.626 6.626 0 01-1.953 4.688M15.319 6.5a4.99 4.99 0 011.485 3.595c0 1.367-.547 2.617-1.485 3.594", stroke: white, strokeLinecap: "round", strokeLinejoin: "round" })));
+        react_1.default.createElement("path", { d: "M5.536 7.318l.018-.012.016-.013 6.533-5.214c.033-.024.09-.034.15-.006a.117.117 0 01.05.038c.004.006.008.015.007.035v15.868a.083.083 0 01-.016.051.157.157 0 01-.064.05c-.068.03-.126.018-.158-.005L5.54 12.896l-.017-.013-.018-.012a1.156 1.156 0 00-.646-.207H1.115a.137.137 0 01-.032-.003.229.229 0 01-.02-.111V7.639c0-.065.02-.098.028-.107a.026.026 0 01.003-.004h.001l.004-.002a.075.075 0 01.016 0h3.744c.271 0 .52-.103.677-.208z", stroke: props.stroke || greyColor100 }),
+        react_1.default.createElement("path", { d: "M17.609 5.406a6.625 6.625 0 011.953 4.689 6.626 6.626 0 01-1.953 4.688M15.319 6.5a4.99 4.99 0 011.485 3.595c0 1.367-.547 2.617-1.485 3.594", stroke: props.stroke || greyColor100, strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 exports.AudioEmbedIcon = AudioEmbedIcon;
 var BrazilFlag = function (props) {

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { GlobalStyles } from "./globalStyles";
 export * from "./themes/mixins";
 export * from "./components/Typo";
+export * from "./globalStyles/globalVariables";
 export * from "./components/Buttons";
 export * from "./components/Tags";
 export * from "./components/Breadcrumbs";

package/dist/index.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "colors", { enumerable: true, get: function () {
 var icons_1 = require("./icons");
 Object.defineProperty(exports, "icons", { enumerable: true, get: function () { return icons_1.icons; } });
 __exportStar(require("./components/Typo"), exports);
+__exportStar(require("./globalStyles/globalVariables"), exports);
 ////components
 var LoadersAndProgress_1 = require("./components/LoadersAndProgress");
 Object.defineProperty(exports, "LoaderCircle", { enumerable: true, get: function () { return LoadersAndProgress_1.LoaderCircle; } });

package/package.json

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