oolib 2.218.5 → 2.220.0

package/dist/icons/index.d.ts

@@ -147,6 +147,8 @@ export namespace icons {
     export { Folder };
     export { Users };
     export { Power };
+    export { ListChecks };
+    export { ArrowElbowDownLeft };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -361,6 +363,8 @@ import { NotebookIcon as Notebook } from '@phosphor-icons/react';
 import { FolderIcon as Folder } from '@phosphor-icons/react';
 import { UsersIcon as Users } from '@phosphor-icons/react';
 import { PowerIcon as Power } from '@phosphor-icons/react';
+import { ListChecksIcon as ListChecks } from '@phosphor-icons/react';
+import { ArrowElbowDownLeftIcon as ArrowElbowDownLeft } from '@phosphor-icons/react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -152,6 +152,8 @@ exports.icons = {
     Folder: react_1.FolderIcon,
     Users: react_1.UsersIcon,
     Power: react_1.PowerIcon,
+    ListChecks: react_1.ListChecksIcon,
+    ArrowElbowDownLeft: react_1.ArrowElbowDownLeftIcon,
     //custom icons
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/dist/v2/components/InlineAlert/index.js

@@ -18,7 +18,7 @@ exports.InlineAlert = void 0;
 var react_1 = __importDefault(require("react"));
 var colors_1 = require("../../themes/colors");
 var utilsOolib_1 = require("../../../utilsOolib");
-var success = colors_1.colors.success, error = colors_1.colors.error, 
+var green = colors_1.colors.green, red = colors_1.colors.red, 
 // invertRed, 
 white = colors_1.colors.white, 
 // invertGreen, 
@@ -38,8 +38,8 @@ var InlineAlert = function (_a) {
     var text = _a.text, link = _a.link, _b = _a.type, type = _b === void 0 ? 'neutral' : _b, style = _a.style, invert = _a.invert;
     var localize = (0, utilsOolib_1.useLocale)();
     var typeColor = {
-        success: { normal: success },
-        danger: { normal: error },
+        success: { normal: green },
+        danger: { normal: red },
         neutral: { normal: black },
         neutralInactive: { normal: grey70 },
     };

package/dist/v2/components/TabBar/index.styled.js

@@ -42,7 +42,7 @@ var styled_components_1 = __importStar(require("styled-components"));
 var mixins_1 = require("../../../themes/mixins");
 var themes_1 = require("../../themes");
 var getDynamicColors_1 = require("../../themes/utils/getDynamicColors");
-var onSecondary = themes_1.colors.onSecondary, white = themes_1.colors.white, black = themes_1.colors.black, grey80 = themes_1.colors.grey80, grey40 = themes_1.colors.grey40, grey10 = themes_1.colors.grey10, errorColor = themes_1.colors.error, redBG = themes_1.colors.redBG;
+var onSecondary = themes_1.colors.onSecondary, white = themes_1.colors.white, black = themes_1.colors.black, grey80 = themes_1.colors.grey80, grey40 = themes_1.colors.grey40, grey10 = themes_1.colors.grey10, errorColor = themes_1.colors.red, redBG = themes_1.colors.redBG;
 exports.wrapperStyles = {
     style1: (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    :first-of-type {\n      border-radius: 1px 0 0 2px;\n    }\n    :last-of-type {\n      border-radius: 0 2px 2px 0;\n    }\n\n    background-color: white;\n    color: ", ";\n    \n    ", "  \n\n    ", "\n\n    ", "\n\n   \n  "], ["\n    :first-of-type {\n      border-radius: 1px 0 0 2px;\n    }\n    :last-of-type {\n      border-radius: 0 2px 2px 0;\n    }\n\n    background-color: white;\n    color: ", ";\n    \n    ", "  \n\n    ", "\n\n    ", "\n\n   \n  "])), function (_a) {
         var error = _a.error, active = _a.active, disabled = _a.disabled;

package/dist/v2/components/Tags/Comps/TagDisplay/getTagDisplayStyles.d.ts

@@ -1,7 +1,7 @@
 export function getTagDisplayStyles({ colorPreset }: {
     colorPreset: any;
 }): {
-    backgroundColor: string;
+    backgroundColor: any;
     backdropFilter?: undefined;
 } | {
     backgroundColor: string;

package/dist/v2/components/TextInputs/index.js

@@ -208,7 +208,7 @@ function TextInput(_a) {
                 (clearBtn && clearBtnEnabled) && (react_1.default.createElement(Buttons_1.ButtonSecondaryCompact, { onClick: function () { return onChange(id, ""); }, value: (clearBtn === null || clearBtn === void 0 ? void 0 : clearBtn.text) || "Clear", disabled: !clearBtnEnabled, style: { marginRight: size === "S" ? '-0.4rem' : '-0.2rem' } /** so that it stays ahead of the before element inside InputContainerStyled */ })),
                 actionBtn && (react_1.default.createElement(Buttons_1.ButtonPrimaryCompact, { value: (actionBtn === null || actionBtn === void 0 ? void 0 : actionBtn.text) || "Action", onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled, style: { marginRight: size === "S" ? '-0.4rem' : '-0.2rem' } /** so that it stays ahead of the before element inside InputContainerStyled */ }))),
             displayValidationMsg && (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.msg) && (react_1.default.createElement(index_styled_1.MsgContainerStyled, { status: validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type },
-                (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "error" && (react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 12, icon: "WarningDiamond", weight: "fill", color: themes_1.colors.error })),
+                (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "error" && (react_1.default.createElement(DisplayIcon_1.DisplayIcon, { size: 12, icon: "WarningDiamond", weight: "fill", color: themes_1.colors.red })),
                 react_1.default.createElement(Typo2_1.UI_HELPTEXT, null,
                     react_1.default.createElement("div", { style: { display: 'flex' } },
                         !((validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "success") && validationStatus.msg,

package/dist/v2/components/TextInputs/index.styled.js

@@ -42,7 +42,7 @@ var styled_components_1 = __importStar(require("styled-components"));
 var themes_1 = require("../../themes");
 var globalStyles_1 = require("../../themes/globalStyles");
 var getColorValue = function (status) {
-    return status === "error" ? themes_1.colors.error : status === "success" && themes_1.colors.green;
+    return status === "error" ? themes_1.colors.red : status === "success" && themes_1.colors.green;
 };
 exports.MsgContainerStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: 2px;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  ", "\n"], ["\n  margin-top: 2px;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  ", "\n"])), function (_a) {
     var status = _a.status;

package/dist/v2/components/cards/CardContent/index.js

@@ -23,7 +23,7 @@ var Tags_1 = require("../../Tags");
 var styled_2 = require("./styled");
 var ImagePlaceholder_1 = require("../../ImagePlaceholder");
 var Star = icons_1.icons.Star, CrownSimple = icons_1.icons.CrownSimple;
-var success = themes_1.colors.success, white = themes_1.colors.white;
+var white = themes_1.colors.white;
 var CardLabelTag = function (_a) {
     var label = _a.label, isEmbedPresent = _a.isEmbedPresent, isHighlightPresent = _a.isHighlightPresent, labelTagColorPreset = _a.labelTagColorPreset, bothTagsDisplayTogether = _a.bothTagsDisplayTogether;
     return label ? (react_1.default.createElement(styled_2.StyledCardLabelWrapper, { isEmbedPresent: isEmbedPresent, isHighlightPresent: isHighlightPresent, bothTagsDisplayTogether: bothTagsDisplayTogether },

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

@@ -28,11 +28,12 @@ export declare const colors: {
     white: string;
     yellow: string;
     blue: string;
+    bronze: string;
     yellowBG: string;
     yellowStroke: string;
-    bronze: string;
-    success: string;
-    error: string;
+    red: string;
+    redBG: string;
+    redText: string;
     hintHover: string;
     hint: string;
     purple: string;
@@ -41,9 +42,8 @@ export declare const colors: {
     shadowHover: string;
     green: string;
     greenBG: string;
+    greenText: string;
     greenStroke: string;
-    redBG: string;
-    red: string;
 };
 export interface Colors2Type {
     primary: string;

package/dist/v2/themes/colors.js

@@ -34,19 +34,18 @@ var yellow = "#DA9A0F";
 var yellowBG = "#FFF7DC";
 var yellowStroke = "#FFE09A";
 var bronze = "#B27120";
+var red = "#E21114";
 var redBG = "#FFE3E3";
-var red = "#800";
-// const green = "#159300";
-var purple = "#8E13E9";
+var redText = "#880000";
+var purple = "#9D13E8";
 var purple8 = "#8E13E914";
-var error = "#C41717";
-var success = "#53AC00";
 var shadowDefault = "#0000000f";
 var shadowHover = "#0000001f";
 var hintHover = "#F4E8C3";
 var hint = "#B77222";
-var green = '#53AC00';
+var green = "#53AC00";
 var greenBG = '#E8F6DA';
+var greenText = '#3D7E00';
 var greenStroke = '#C4DAAF';
 exports.dataVizColors = [
     "#FF665D",
@@ -96,11 +95,12 @@ exports.colors = {
     white: white,
     yellow: yellow,
     blue: blue,
+    bronze: bronze,
     yellowBG: yellowBG,
     yellowStroke: yellowStroke,
-    bronze: bronze,
-    success: success,
-    error: error,
+    red: red,
+    redBG: redBG,
+    redText: redText,
     hintHover: hintHover,
     hint: hint,
     purple: purple,
@@ -109,7 +109,6 @@ exports.colors = {
     shadowHover: shadowHover,
     green: green,
     greenBG: greenBG,
+    greenText: greenText,
     greenStroke: greenStroke,
-    redBG: redBG,
-    red: red,
 };

package/package.json

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