oolib 2.176.3 → 2.176.5

package/dist/index.d.ts

@@ -5,13 +5,13 @@ export * from "./globalStyles/globalVariables";
 export * from "./components/Buttons";
 export * from "./components/Breadcrumbs";
 export * from "./components/InlineAlert";
-export * from "./components/TextInputs";
 export * from "./components/Container";
 export * from "./components/Wrappers";
 export * from "./components/TabBar";
 export * from "./components/Margins";
 export * from "./components/Paddings";
 export * from "./utils/_EXPORTS";
+export * from "./v2/components/TextInputs";
 export * from "./v2/components/cards/CardContent";
 export * from "./v2/components/cards/ListContent";
 export * from "./v2/components/ImagePlaceholder";
@@ -84,5 +84,5 @@ 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";
-export { ButtonPrimary as ButtonPrimaryV2, ButtonSecondary as ButtonSecondaryV2, ButtonTertiary as ButtonTertiaryV2, ButtonGhost as ButtonGhostV2, ButtonPrimaryCompact, ButtonSecondaryCompact, ButtonTertiaryCompact } from "./v2/components/Buttons";
+export { ButtonPrimary as ButtonPrimaryV2, ButtonSecondary as ButtonSecondaryV2, ButtonTertiary as ButtonTertiaryV2, ButtonGhost as ButtonGhostV2, ButtonPrimaryCompact, ButtonSecondaryCompact, ButtonTertiaryCompact, ButtonGhostCompact } from "./v2/components/Buttons";
 export { RadioInput, RadioButton } from "./v2/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index";

package/dist/index.js

@@ -40,7 +40,7 @@ var __importDefault = (this && this.__importDefault) || function (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.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.SwitchDouble = 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.baseStyling = exports.SwitchSingle = exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.DataVizAccordion = exports.BarChart = 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.baseStyling = exports.SwitchSingle = exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.DataVizAccordion = exports.BarChart = exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.colors2 = exports.TabBarV2 = exports.ButtonGhostCompact = 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;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -68,7 +68,7 @@ Object.defineProperty(exports, "TagDisplay", { enumerable: true, get: function (
 __exportStar(require("./components/Breadcrumbs"), exports);
 // export * from './components/BlockLabel';
 __exportStar(require("./components/InlineAlert"), exports);
-__exportStar(require("./components/TextInputs"), exports);
+// export * from './components/TextInputs';
 __exportStar(require("./components/Container"), exports);
 __exportStar(require("./components/Wrappers"), exports);
 var Switches_1 = require("./components/Switches");
@@ -198,6 +198,7 @@ Object.defineProperty(exports, "styledOKELinkCSS", { enumerable: true, get: func
 var TableCellResizer_1 = require("./components/Lexical/Plugins/TableCellResizer");
 Object.defineProperty(exports, "TableCellResizerPlugin", { enumerable: true, get: function () { return __importDefault(TableCellResizer_1).default; } });
 /////// V2 components /themes 
+__exportStar(require("./v2/components/TextInputs"), exports);
 __exportStar(require("./v2/components/cards/CardContent"), exports);
 __exportStar(require("./v2/components/cards/ListContent"), exports);
 __exportStar(require("./v2/components/ImagePlaceholder"), exports);
@@ -218,6 +219,7 @@ Object.defineProperty(exports, "ButtonGhostV2", { enumerable: true, get: functio
 Object.defineProperty(exports, "ButtonPrimaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonPrimaryCompact; } });
 Object.defineProperty(exports, "ButtonSecondaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonSecondaryCompact; } });
 Object.defineProperty(exports, "ButtonTertiaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonTertiaryCompact; } });
+Object.defineProperty(exports, "ButtonGhostCompact", { enumerable: true, get: function () { return Buttons_1.ButtonGhostCompact; } });
 var TabBar_1 = require("./v2/components/TabBar");
 Object.defineProperty(exports, "TabBarV2", { enumerable: true, get: function () { return TabBar_1.TabBarStyle1; } });
 var themes_2 = require("./v2/themes");

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

@@ -184,10 +184,12 @@ var Buttons = function (args) {
                 react_1.default.createElement("div", null,
                     react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonPrimaryCompact }),
                     react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonSecondaryCompact }),
-                    react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonTertiaryCompact })),
+                    react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonTertiaryCompact }),
+                    react_1.default.createElement(GenButtonStory, { args: args, Comp: Buttons_1.ButtonGhostCompact })),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement(GenButtonStory, { args: __assign(__assign({}, args), { responsive: true }), Comp: Buttons_1.ButtonPrimaryCompact }),
                     react_1.default.createElement(GenButtonStory, { args: __assign(__assign({}, args), { responsive: true }), Comp: Buttons_1.ButtonSecondaryCompact }),
-                    react_1.default.createElement(GenButtonStory, { args: __assign(__assign({}, args), { responsive: true }), Comp: Buttons_1.ButtonTertiaryCompact }))))));
+                    react_1.default.createElement(GenButtonStory, { args: __assign(__assign({}, args), { responsive: true }), Comp: Buttons_1.ButtonTertiaryCompact }),
+                    react_1.default.createElement(GenButtonStory, { args: __assign(__assign({}, args), { responsive: true }), Comp: Buttons_1.ButtonGhostCompact }))))));
 };
 exports.Buttons = Buttons;

package/dist/v2/components/Buttons/derivedComps/ButtonGhostCompact.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ButtonGhostCompact: (props: any) => React.JSX.Element;

package/dist/v2/components/Buttons/derivedComps/ButtonGhostCompact.js

@@ -0,0 +1,26 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGhostCompact = void 0;
+var react_1 = __importDefault(require("react"));
+var __1 = require("..");
+var ButtonPrimaryCompact_1 = require("./ButtonPrimaryCompact");
+var mixins_1 = require("../../../../themes/mixins");
+var ButtonGhostCompact = function (props) {
+    var responsive = (0, mixins_1.useResponsiveMobileStyles)(props.responsive);
+    return (react_1.default.createElement(__1.ButtonGhost, __assign({}, props, { typo: "UI_CAPTION_SEMIBOLD_DF", iconSize: responsive ? 16 : 14, style: __assign(__assign({}, (0, ButtonPrimaryCompact_1.generateCompactButtonStyles)(responsive, props.icon)), props.style) })));
+};
+exports.ButtonGhostCompact = ButtonGhostCompact;

package/dist/v2/components/Buttons/index.d.ts

@@ -50,3 +50,4 @@ export declare const ButtonGhost: React.FunctionComponent<ButtonProps>;
 export { ButtonSecondaryCompact } from "./derivedComps/ButtonSecondaryCompact";
 export { ButtonPrimaryCompact } from "./derivedComps/ButtonPrimaryCompact";
 export { ButtonTertiaryCompact } from "./derivedComps/ButtonTertiaryCompact";
+export { ButtonGhostCompact } from "./derivedComps/ButtonGhostCompact";

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

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonTertiaryCompact = exports.ButtonPrimaryCompact = exports.ButtonSecondaryCompact = exports.ButtonGhost = exports.ButtonTertiary = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
+exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonPrimaryCompact = exports.ButtonSecondaryCompact = exports.ButtonGhost = exports.ButtonTertiary = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var react_router_dom_1 = require("react-router-dom");
@@ -94,3 +94,5 @@ var ButtonPrimaryCompact_1 = require("./derivedComps/ButtonPrimaryCompact");
 Object.defineProperty(exports, "ButtonPrimaryCompact", { enumerable: true, get: function () { return ButtonPrimaryCompact_1.ButtonPrimaryCompact; } });
 var ButtonTertiaryCompact_1 = require("./derivedComps/ButtonTertiaryCompact");
 Object.defineProperty(exports, "ButtonTertiaryCompact", { enumerable: true, get: function () { return ButtonTertiaryCompact_1.ButtonTertiaryCompact; } });
+var ButtonGhostCompact_1 = require("./derivedComps/ButtonGhostCompact");
+Object.defineProperty(exports, "ButtonGhostCompact", { enumerable: true, get: function () { return ButtonGhostCompact_1.ButtonGhostCompact; } });

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

@@ -70,13 +70,13 @@ function SwitchDouble(_a) {
         throw new Error("You need to pass a value prop to make SwitchDouble work");
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
-        react_1.default.createElement(StyledSwitchWrapperStyle1, null,
-            react_1.default.createElement(styled_1.STYLED_UI_BODY_SM, { lineHeight: 1,
+        react_1.default.createElement(styled_1.StyledSwitchWrapper, null,
+            react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { lineHeight: 1,
                 semibold: isLeftOptionActive ? true : false }, options[0].display),
             react_1.default.createElement(styled_1.StyledButtonSlider, { disabled: disabled, onClick: handleClick },
                 react_1.default.createElement(styled_1.StyledSwitch, { className: "StyledSwitch" //read in styled.js why we are using an okf-anti-pattern
                     , disabled: disabled, direction: isLeftOptionActive ? "left" : "right" })),
-            react_1.default.createElement(styled_1.STYLED_UI_BODY_SM, { semibold: isLeftOptionActive ? false : true,
+            react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { semibold: isLeftOptionActive ? false : true,
                 lineHeight: 1 }, options[1].display))));
 }
 function SwitchSingle(_a) {

package/package.json

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