oolib 2.173.1 → 2.173.3

package/dist/components/DatePicker/index.js

@@ -125,17 +125,32 @@ function DatePicker(props) {
             (0, handlePos_1.handleHorizontalPos)(calenderRef, id);
         }, 500);
     }, [screenWidth]);
+    var isValidDateInput = function (value) {
+        if (!value)
+            return false;
+        var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
+        // Check if we have all parts
+        if (!day || !month || !year)
+            return false;
+        var dateObj = new Date(year, month - 1, day);
+        return !isNaN(dateObj.getTime()) &&
+            dateObj.getDate() === parseInt(day) &&
+            dateObj.getMonth() === parseInt(month) - 1 &&
+            dateObj.getFullYear() === parseInt(year);
+    };
     (0, react_1.useEffect)(function () {
         // buildDateinput return date string in dd/mm/yyyy format if you pass date object
         if (readOnly)
             return;
-        if (value) {
-            inputRef.current.value =
-                value === "Ongoing" ? value : buildDateInput(new Date(value));
-        }
-        else {
-            inputRef.current.value = "";
-            setRange(null);
+        if (!isValidDateInput(inputRef.current.value)) {
+            if (value) {
+                inputRef.current.value =
+                    value === "Ongoing" ? value : buildDateInput(new Date(value));
+            }
+            else {
+                inputRef.current.value = "";
+                setRange(null);
+            }
         }
         if (from) {
             setRange(new Date(calender.year, calender.month, calender.today));
@@ -155,12 +170,14 @@ function DatePicker(props) {
     }, [value]);
     // handle on change month
     var handleChangeMonth = function (e, month) {
+        console.log('change month fired');
         e.preventDefault();
         monthNumber += month;
         setMonthNumber(monthNumber < 0 ? 0 : monthNumber); // if
         (0, buildCalenderObj_1.buildCalenderObj)(from, inputRef, monthNumber, calender, setCalender);
     };
     var handleDayClick = function (e, item) {
+        console.log('day click fired');
         var clickedDate = item;
         inputRef.current.value = buildDateInput(clickedDate);
         monthNumber = 0;
@@ -196,6 +213,8 @@ function DatePicker(props) {
     };
     var handleFocusOut = function () {
         var _a;
+        console.log('focus out fired');
+        console.log({ from: from });
         if (from && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.split("/")[1]) == calender.month + 1) {
             setRange(new Date(calender.year, calender.month, calender.today));
         }
@@ -206,9 +225,11 @@ function DatePicker(props) {
             dateObj = from;
         }
         inputRef.current.value = buildDateInput(dateObj);
+        console.log({ dateObj: dateObj, inpuRefVal: inputRef.current.value });
         onParentChange(id, dateObj.toISOString(), props.passChangeHandlerOps && props);
     };
     var handleOnChange = function () {
+        console.log('input onchange fired');
         autoFormatter();
         setMonthNumber(0);
         var dateObj = (0, buildCalenderObj_1.buildCalenderObj)(from, inputRef, monthNumber, calender, setCalender);
@@ -217,6 +238,7 @@ function DatePicker(props) {
         }
     };
     var handleKeyDown = function (e) {
+        console.log('key down fired');
         if (e.keyCode === 8) {
             flag = false;
         }
@@ -225,6 +247,7 @@ function DatePicker(props) {
         }
     };
     var handlePointerEnter = function (item) {
+        console.log('pointer enter fired');
         setRange(item);
     };
     var wrapCaretLeft = react_1.default.useCallback(function () {

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export { default as MetaBlockV2 } from "./v2/components/MetaBlock";
 export { DateRangePicker as DateRangePickerV2 } from "./v2/components/DateRangePicker";
 export { HomeCover as HomeCoverV2 } from "./v2/components/HomeCover";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";
-export { TagClear, TagLink, TagSelect } from "./components/Tags";
+export { TagClear, TagLink, TagSelect, TagDisplay } from "./components/Tags";
 export { BannerAlert, BannerInfo } from "./components/Banners";
 export { BannerContext, useBannerContext, BannerProvider } from "./components/Banners/bannerContext";
 export { TagDisplay as TagDisplayV2, TagLink as TagLinkV2, TagClear as TagClearV2 } from "./v2/components/Tags";

package/dist/index.js

@@ -17,8 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DataVizAccordion = exports.BarChart = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.colors2 = exports.TabBarV2 = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.HintsProvider = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
+exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DataVizAccordion = exports.BarChart = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagDisplay = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.colors2 = exports.TabBarV2 = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.HintsProvider = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = exports.PDFInput = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -42,6 +42,7 @@ var Tags_1 = require("./components/Tags");
 Object.defineProperty(exports, "TagClear", { enumerable: true, get: function () { return Tags_1.TagClear; } });
 Object.defineProperty(exports, "TagLink", { enumerable: true, get: function () { return Tags_1.TagLink; } });
 Object.defineProperty(exports, "TagSelect", { enumerable: true, get: function () { return Tags_1.TagSelect; } });
+Object.defineProperty(exports, "TagDisplay", { enumerable: true, get: function () { return Tags_1.TagDisplay; } });
 __exportStar(require("./components/Breadcrumbs"), exports);
 // export * from './components/BlockLabel';
 __exportStar(require("./components/InlineAlert"), exports);

package/dist/stories/v2/components/TagDisplay.stories.d.ts

@@ -63,13 +63,28 @@ declare namespace _default {
 }
 export default _default;
 export function Playground(args: any): import("react").JSX.Element;
-export function Tag_Display_Primary(args: any): import("react").JSX.Element;
-export function Tag_Display_Secondary(args: any): import("react").JSX.Element;
-export function Tag_Display_Grey(args: any): import("react").JSX.Element;
-export function Tag_Display_Positive(args: any): import("react").JSX.Element;
-export function Tag_Display_InProgress(args: any): import("react").JSX.Element;
-export function Tag_Display_Warning(args: any): import("react").JSX.Element;
-export function Tag_Display_Negative(args: any): import("react").JSX.Element;
-export function Tag_Display_Special(args: any): import("react").JSX.Element;
+export function Tag_Display(args: any): import("react").JSX.Element;
+export namespace Tag_Display {
+    export namespace args_1 {
+        let variant: string;
+    }
+    export { args_1 as args };
+    export namespace argTypes_1 {
+        export namespace variant_1 {
+            let name_6: string;
+            export { name_6 as name };
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            export let defaultValue: string;
+        }
+        export { variant_1 as variant };
+    }
+    export { argTypes_1 as argTypes };
+}
 declare const availableColors: string[];
 declare const availableTextColors: string[];

package/dist/stories/v2/components/TagDisplay.stories.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag_Display_Special = exports.Tag_Display_Negative = exports.Tag_Display_Warning = exports.Tag_Display_InProgress = exports.Tag_Display_Positive = exports.Tag_Display_Grey = exports.Tag_Display_Secondary = exports.Tag_Display_Primary = exports.Playground = void 0;
+exports.Tag_Display = exports.Playground = void 0;
 var Tags_1 = require("../../../v2/components/Tags");
 var Typo2_1 = require("../../../v2/components/Typo2");
 var themes_1 = require("../../../v2/themes");
@@ -61,7 +61,7 @@ exports.default = {
     },
     args: {
         display: "Tag Display",
-        size: "ExtraSmall",
+        size: "Small",
         value: "text",
         id: "tags",
         tagColor: "",
@@ -73,20 +73,14 @@ var GenTag = function (_a) {
     args[args["size"]] = true;
     args.tagColor = themes_1.colors[args.tagColor];
     args.textColor = themes_1.colors[args.textColor];
-    return (React.createElement("div", null,
+    return (React.createElement("div", { style: { padding: "2rem" } },
         React.createElement(Comp, __assign({}, args, { variant: variant }))));
 };
 var Playground = function (args) {
     return (React.createElement("div", { style: { display: 'flex', flexDirection: "column", gap: '3rem', margin: '2rem 10rem' } },
         React.createElement("div", null,
-            React.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, null, "Primary"),
+            React.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, null, "Default"),
             React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay })),
-        React.createElement("div", null,
-            React.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, null, "Secondary"),
-            React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "secondary" })),
-        React.createElement("div", null,
-            React.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, null, "Grey"),
-            React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "grey" })),
         React.createElement("div", null,
             React.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM, null, "Positive"),
             React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "positive" })),
@@ -104,35 +98,40 @@ var Playground = function (args) {
             React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "special" }))));
 };
 exports.Playground = Playground;
-var Tag_Display_Primary = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay });
-};
-exports.Tag_Display_Primary = Tag_Display_Primary;
-var Tag_Display_Secondary = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "secondary" });
-};
-exports.Tag_Display_Secondary = Tag_Display_Secondary;
-var Tag_Display_Grey = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "grey" });
+var Tag_Display = function (args) {
+    return React.createElement(Tags_1.TagDisplay, __assign({}, args));
 };
-exports.Tag_Display_Grey = Tag_Display_Grey;
-var Tag_Display_Positive = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "positive" });
+exports.Tag_Display = Tag_Display;
+exports.Tag_Display.args = {
+    variant: "default"
 };
-exports.Tag_Display_Positive = Tag_Display_Positive;
-var Tag_Display_InProgress = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "inProgress" });
-};
-exports.Tag_Display_InProgress = Tag_Display_InProgress;
-var Tag_Display_Warning = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "warning" });
-};
-exports.Tag_Display_Warning = Tag_Display_Warning;
-var Tag_Display_Negative = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "negative" });
-};
-exports.Tag_Display_Negative = Tag_Display_Negative;
-var Tag_Display_Special = function (args) {
-    return React.createElement(GenTag, { args: args, Comp: Tags_1.TagDisplay, variant: "special" });
+exports.Tag_Display.argTypes = {
+    variant: {
+        name: "Variant",
+        options: ["positive", "inProgress", "warning", "negative", "special", "default"],
+        control: { type: "select" },
+        defaultValue: "default",
+    },
 };
-exports.Tag_Display_Special = Tag_Display_Special;
+// Tag_Display.parameters = { controls: { exclude: ["value", "tagColor"] } };
+// export const Tag_Display_Secondary = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="secondary" />;
+// };
+// export const Tag_Display_Grey = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="grey" />;
+// };
+// export const Tag_Display_Positive = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="positive" />;
+// };
+// export const Tag_Display_InProgress = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="inProgress" />;
+// };
+// export const Tag_Display_Warning = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="warning" />;
+// };
+// export const Tag_Display_Negative = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="negative" />;
+// };
+// export const Tag_Display_Special = (args) => {
+//   return <GenTag args={args} Comp={TagDisplay} variant="special" />;
+// };

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

@@ -7,7 +7,7 @@ export interface TagDisplayProps {
     XS?: boolean;
     tagColor?: string;
     textColor?: string;
-    variant?: 'primary' | 'secondary' | 'positive' | 'inProgress' | 'warning' | 'negative' | 'special' | 'grey';
+    variant?: 'positive' | 'inProgress' | 'warning' | 'negative' | 'special' | 'grey' | "default";
 }
 /**
  * @component Renders a TagDisplay component with customizable text, style and variant.

package/dist/v2/components/Tags/Comps/TagDisplay/index.js

@@ -22,9 +22,9 @@ var getTypoComp_1 = require("../../utils/getTypoComp");
  * @return {ReactElement} The rendered TagDisplay component.
  */
 var TagDisplay = function (_a) {
-    var display = _a.display, title = _a.title, style = _a.style, M = _a.M, XS = _a.XS, tagColor = _a.tagColor, textColor = _a.textColor, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
+    var display = _a.display, title = _a.title, style = _a.style, M = _a.M, XS = _a.XS, tagColor = _a.tagColor, textColor = _a.textColor, _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
     var size = M ? 'M' : XS ? 'XS' : 'S';
-    var TYPO_COMP = (0, getTypoComp_1.getTypoComp)({ typo: variant === "secondary" ? "caption" : "tag" }); // secondary variant has a different typo - "UI_CAPTION"
+    var TYPO_COMP = (0, getTypoComp_1.getTypoComp)({ typo: "tag" }); // secondary variant has a different typo - "UI_CAPTION"
     return (react_1.default.createElement(styled_1.StyledTagDisplay, { variant: variant, textColor: textColor, tagColor: tagColor, size: size, style: style, title: title },
         react_1.default.createElement(TYPO_COMP, null, display)));
 };

package/dist/v2/components/Tags/Comps/TagDisplay/styled.js

@@ -42,28 +42,37 @@ var styled_components_1 = __importStar(require("styled-components"));
 var styled_1 = require("../styled");
 var themes_1 = require("../../../../themes");
 var grey10 = themes_1.colors.grey10, grey30 = themes_1.colors.grey30, grey40 = themes_1.colors.grey40, white = themes_1.colors.white, grey80 = themes_1.colors.grey80, green = themes_1.colors.green, yellow = themes_1.colors.yellow, blue = themes_1.colors.blue, error = themes_1.colors.error, purple = themes_1.colors.purple;
-exports.StyledTagDisplay = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: max-content;\n  ", "\n  ", "\n"], ["\n  width: max-content;\n  ", "\n  ", "\n"])), function (_a) {
+exports.StyledTagDisplay = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: max-content;\n  ", "\n  ", "\n"], ["\n  width: max-content;\n  ", "\n  ", "\n"])), function (_a) {
     var size = _a.size;
     return (0, styled_1.commonStyle)({ size: size });
 }, function (_a) {
     var variant = _a.variant, size = _a.size, textColor = _a.textColor, tagColor = _a.tagColor;
     switch (variant) {
-        case 'primary':
-            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), tagColor || grey30, textColor || white);
-        case 'secondary':
-            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background: none;\n          border: ", " solid ", ";\n          color: ", ";\n          padding: 4px 10px;\n          border-radius: 3.1rem;\n        "], ["\n          background: none;\n          border: ", " solid ", ";\n          color: ", ";\n          padding: 4px 10px;\n          border-radius: 3.1rem;\n        "])), (size === 'XS' || size === 'S') ? '1px' : '2px', tagColor || grey10, textColor || grey80);
+        // case 'primary':
+        //   return css`
+        //     background-color: ${tagColor || grey40};
+        //     color: ${textColor || white};
+        //   `;
+        // case 'secondary':
+        //   return css`
+        //     background: none;
+        //     border: ${(size === 'XS' || size === 'S') ? '1px' : '2px'} solid ${tagColor || grey10};
+        //     color: ${textColor || grey80};
+        //     padding: 4px 10px;
+        //     border-radius: 3.1rem;
+        //   `;
         case 'positive':
-            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          background-color: ", ";    \n          color: ", ";\n        "], ["\n          background-color: ", ";    \n          color: ", ";\n        "])), green, textColor || white);
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), green, textColor || white);
         case 'inProgress':
-            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          background-color: ", ";    \n          color: ", ";\n        "], ["\n          background-color: ", ";    \n          color: ", ";\n        "])), blue, textColor || white);
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), blue, textColor || white);
         case 'warning':
-            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";    \n          color: ", ";\n        "], ["\n          background-color: ", ";    \n          color: ", ";\n        "])), yellow, textColor || white);
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), yellow, textColor || white);
         case 'negative':
-            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          background-color: ", ";    \n          color: ", ";\n        "], ["\n          background-color: ", ";    \n          color: ", ";\n        "])), tagColor || error, textColor || white);
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), tagColor || error, textColor || white);
         case 'special':
-            return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          background-color: ", ";    \n          color: ", ";\n      "], ["\n          background-color: ", ";    \n          color: ", ";\n      "])), tagColor || purple, textColor || white);
-        case 'grey':
-            return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";  \n        "], ["\n          background-color: ", ";\n          color: ", ";  \n        "])), tagColor || grey40, textColor || white);
+            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n      "], ["\n          background-color: ", ";\n          color: ", ";\n      "])), tagColor || purple, textColor || white);
+        default:
+            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          background-color: ", ";\n          color: ", ";\n        "], ["\n          background-color: ", ";\n          color: ", ";\n        "])), tagColor || grey40, textColor || white);
     }
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/package.json

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