oolib 2.132.7 → 2.133.0

package/dist/assets/fonts/style.css

@@ -162,4 +162,4 @@
   src: url('./NotoSansDevanagari-SemiBold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
-}
+}

package/dist/components/MaterialColors/styled.d.ts

@@ -0,0 +1,3 @@
+export const ColorBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const ColorSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const ColorGrid: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/MaterialColors/styled.js

@@ -0,0 +1,16 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorGrid = exports.ColorSection = exports.ColorBox = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var themes_1 = require("../../themes");
+exports.ColorBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 15rem;\n  height: 15rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid ", ";\n  border-radius: 5%;\n  background-color: ", " !important;\n  cursor: pointer;\n"], ["\n  width: 15rem;\n  height: 15rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid ", ";\n  border-radius: 5%;\n  background-color: ", " !important;\n  cursor: pointer;\n"])), themes_1.colors.greyColor15, function (props) { return props.bgColor; });
+exports.ColorSection = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 20px;\n"], ["\n  margin-bottom: 20px;\n"])));
+exports.ColorGrid = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/globalStyles/index.js

@@ -11,5 +11,5 @@ var normalize_1 = require("./normalize");
 var mixins_1 = require("../themes/mixins");
 require("../assets/fonts/style.css");
 var greyColor15 = themes_1.colors.greyColor15, greyColor40 = themes_1.colors.greyColor40, greyColor80 = themes_1.colors.greyColor80, greyColor100 = themes_1.colors.greyColor100;
-exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\na,\na:hover {\n  text-decoration: none !important;\n  color: ", ";\n  cursor: pointer;\n}\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n\n \n"], ["\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\na,\na:hover {\n  text-decoration: none !important;\n  color: ", ";\n  cursor: pointer;\n}\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n\n \n"])), normalize_1.normalize, greyColor100, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ::-webkit-scrollbar { \n    width: 0.7rem;// for vertical bars\n    height: 0.5rem; //for horizontal bars \n  }\n  ::-webkit-scrollbar-track {background-color: ", ";}\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: 0.4rem;\n  }\n  ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n  ", "{\n    ::-webkit-scrollbar { \n      width: 1rem;\n      height: 0.7rem;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 0.5rem;\n    }\n  }"], ["\n  ::-webkit-scrollbar { \n    width: 0.7rem;// for vertical bars\n    height: 0.5rem; //for horizontal bars \n  }\n  ::-webkit-scrollbar-track {background-color: ", ";}\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: 0.4rem;\n  }\n  ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n  ", "{\n    ::-webkit-scrollbar { \n      width: 1rem;\n      height: 0.7rem;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 0.5rem;\n    }\n  }"])), greyColor15, greyColor40, greyColor80, (0, mixins_1.mediaQuery)('md')), greyColor80, themes_1.typo.sansSerif, themes_1.colors.greyColor100, themes_1.typo.sansSerif, themes_1.typo.serif);
+exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n// Fonts CDNs\n// Dm Sans\n@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');\n// Familjen Grotesk\n@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap');\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\na,\na:hover {\n  text-decoration: none !important;\n  color: ", ";\n  cursor: pointer;\n}\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n\n \n"], ["\n\n// Fonts CDNs\n// Dm Sans\n@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');\n// Familjen Grotesk\n@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap');\n\n//some normalize code picked off the internet\n", "\n\nhtml{\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-size:10px;\n  color: ", ";\n  scroll-behavior: smooth;\n}\n\n\n", "\n\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\n}\n\n\n\nbutton:focus, input:focus, textarea:focus{\n  outline: none;\n}\n\n// be sure never to add 'span' to this list.. ( it will mess with base typo styling on RTE )\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6, .p,\np, ul, li, input, label, button {\n  ", "\n  font-weight: normal;\n  font-style: normal;\n  margin: 0;\n  padding: 0;\n}\n\nul, ol { padding-left: 2rem; margin-bottom: 0;}\nli { list-style: none }\n\na,\na:hover {\n  text-decoration: none !important;\n  color: ", ";\n  cursor: pointer;\n}\n\n.sansSerif{\n  ", "\n}\n\n.serif{\n  ", "\n}\n\n.medium {\n  font-weight: 500;\n}\n\n.semibold {\n  font-weight: 600;\n}\n\n.bold{\n  font-weight:bold;\n}\n\n.italic{\n  font-style: italic;\n}\n\nb, strong {\n  font-weight: bold;\n}\n\n\n \n"])), normalize_1.normalize, greyColor100, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ::-webkit-scrollbar { \n    width: 0.7rem;// for vertical bars\n    height: 0.5rem; //for horizontal bars \n  }\n  ::-webkit-scrollbar-track {background-color: ", ";}\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: 0.4rem;\n  }\n  ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n  ", "{\n    ::-webkit-scrollbar { \n      width: 1rem;\n      height: 0.7rem;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 0.5rem;\n    }\n  }"], ["\n  ::-webkit-scrollbar { \n    width: 0.7rem;// for vertical bars\n    height: 0.5rem; //for horizontal bars \n  }\n  ::-webkit-scrollbar-track {background-color: ", ";}\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: 0.4rem;\n  }\n  ::-webkit-scrollbar-thumb:hover {background-color: ", ";}\n  ", "{\n    ::-webkit-scrollbar { \n      width: 1rem;\n      height: 0.7rem;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 0.5rem;\n    }\n  }"])), greyColor15, greyColor40, greyColor80, (0, mixins_1.mediaQuery)('md')), greyColor80, themes_1.typo.sansSerif, themes_1.colors.greyColor100, themes_1.typo.sansSerif, themes_1.typo.serif);
 var templateObject_1, templateObject_2;

package/dist/index.d.ts

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

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("./v2/components/Typo2"), exports);
 __exportStar(require("./globalStyles/globalVariables"), exports);
 ////components
 var LoadersAndProgress_1 = require("./components/LoadersAndProgress");

package/dist/stories/{Accordion.stories.js → Oolib/components/Accordion.stories.js}

@@ -16,10 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 var react_1 = __importDefault(require("react"));
-var Accordion_1 = require("../components/Accordion");
-var themes_1 = require("../themes");
+var Accordion_1 = require("../../../components/Accordion");
+var themes_1 = require("../../../themes");
 var Accordion_mdx_1 = __importDefault(require("./Accordion.mdx"));
-var Typo_1 = require("../components/Typo");
+var Typo_1 = require("../../../components/Typo");
 exports.default = {
     title: "Components/Accordion",
     argTypes: {

package/dist/stories/{ActionMenu.stories.js → Oolib/components/ActionMenu.stories.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionMenu = void 0;
 var react_1 = __importDefault(require("react"));
-var ActionMenu_1 = require("../components/ActionMenu");
-var icons_1 = require("../icons");
-var themes_1 = require("../themes");
+var ActionMenu_1 = require("../../../components/ActionMenu");
+var icons_1 = require("../../../icons");
+var themes_1 = require("../../../themes");
 var ActionMenu_mdx_1 = __importDefault(require("./ActionMenu.mdx"));
 var availableIcons = Object.keys(icons_1.icons).sort();
 exports.default = {

package/dist/stories/{AudioInput.stories.js → Oolib/components/AudioInput.stories.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioInput_ = void 0;
 var react_1 = require("react");
-var Wrappers_1 = require("../components/Wrappers");
-var themes_1 = require("../themes");
-var AudioInput_1 = __importDefault(require("../components/AudioInput"));
+var Wrappers_1 = require("../../../components/Wrappers");
+var themes_1 = require("../../../themes");
+var AudioInput_1 = __importDefault(require("../../../components/AudioInput"));
 exports.default = {
     title: "Components/Audio Input",
     args: {

package/dist/stories/{Banner.stories.js → Oolib/components/Banner.stories.js}

@@ -11,8 +11,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Banner_Info = exports.Banner_Alert = void 0;
 var react_1 = require("react");
-var Banners_1 = require("../components/Banners");
-var icons_1 = require("../icons");
+var Banners_1 = require("../../../components/Banners");
+var icons_1 = require("../../../icons");
 var availableIcons = Object.keys(icons_1.icons).sort();
 exports.default = {
     title: "Components/Banners",

package/dist/stories/{BarChart.stories.js → Oolib/components/BarChart.stories.js}

@@ -5,10 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BarChart = void 0;
 var react_1 = __importDefault(require("react"));
-var BarChart_1 = require("../components/dataViz/comps/BarChart");
-var themes_1 = require("../themes");
+var BarChart_1 = require("../../../components/dataViz/comps/BarChart");
 var BarChart_mdx_1 = __importDefault(require("./BarChart.mdx"));
-var Typo_1 = require("../components/Typo");
 exports.default = {
     title: "Components/BarChart",
     // argTypes: {

package/dist/stories/{BlockLabel.stories.js → Oolib/components/BlockLabel.stories.js}

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Block_Label = void 0;
-var BlockLabel_1 = require("../components/BlockLabel");
-var themes_1 = require("../themes");
+var BlockLabel_1 = require("../../../components/BlockLabel");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/BlockLabel",
     argTypes: {

package/dist/stories/{Breadcrumbs.stories.js → Oolib/components/Breadcrumbs.stories.js}

@@ -10,7 +10,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
-var Breadcrumbs_1 = require("../components/Breadcrumbs");
+var Breadcrumbs_1 = require("../../../components/Breadcrumbs");
 exports.default = {
     title: "Components/Breadcrumbs",
     args: {

package/dist/stories/{Button.stories.js → Oolib/components/Button.stories.js}

@@ -25,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Upload_Button = exports.Google_Login = exports.Button_Custom = exports.Button_Ghost = exports.Button_Secondary = exports.Button_Primary = void 0;
 var react_1 = __importDefault(require("react"));
-var Buttons_1 = require("../components/Buttons");
+var Buttons_1 = require("../../../components/Buttons");
 var Buttons_mdx_1 = __importDefault(require("./Buttons.mdx"));
-var icons_1 = require("../icons");
-var themes_1 = require("../themes");
+var icons_1 = require("../../../icons");
+var themes_1 = require("../../../themes");
 var availableIcons = __spreadArray([undefined], Object.keys(icons_1.icons).sort(), true);
 var availableColors = __spreadArray([undefined], Object.keys(themes_1.colors).sort(), true);
 exports.default = {

package/dist/stories/{Checkbox.stories.js → Oolib/components/Checkbox.stories.js}

@@ -26,10 +26,10 @@ var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = void 0;
 var react_1 = require("react");
-var RadioAndCheckbox_1 = require("../components/RadioAndCheckbox");
+var RadioAndCheckbox_1 = require("../../../components/RadioAndCheckbox");
 var react_json_view_1 = __importDefault(require("react-json-view"));
-var Divider_1 = require("../components/Divider");
-var themes_1 = require("../themes");
+var Divider_1 = require("../../../components/Divider");
+var themes_1 = require("../../../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 var ops = [
     { value: "op1", display: "Squidward" },

package/dist/stories/{Colors.stories.js → Oolib/components/Colors.stories.js}

@@ -33,8 +33,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Colors = void 0;
 var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var Typo_1 = require("../components/Typo");
-var themes_1 = require("../themes");
+var Typo_1 = require("../../../components/Typo");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: 'Components/Colors',
 };

package/dist/stories/{DatePicker.stories.js → Oolib/components/DatePicker.stories.js}

@@ -39,13 +39,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker_ = exports.DatePicker_ = void 0;
 var react_1 = __importStar(require("react"));
-var DateTimePicker_1 = require("../components/DateTimePicker");
-var themes_1 = require("../themes");
-var DatePicker_1 = __importDefault(require("../components/DatePicker"));
-var DateRangePicker_1 = __importDefault(require("../components/DateRangePicker"));
-var DateTimeRangePicker_1 = require("../components/DateTimeRangePicker");
-var TimePicker_1 = require("../components/TimePicker");
-var TimeRangePicker_1 = require("../components/TimeRangePicker");
+var DateTimePicker_1 = require("../../../components/DateTimePicker");
+var themes_1 = require("../../../themes");
+var DatePicker_1 = __importDefault(require("../../../components/DatePicker"));
+var DateRangePicker_1 = __importDefault(require("../../../components/DateRangePicker"));
+var DateTimeRangePicker_1 = require("../../../components/DateTimeRangePicker");
+var TimePicker_1 = require("../../../components/TimePicker");
+var TimeRangePicker_1 = require("../../../components/TimeRangePicker");
 var greyColor100 = themes_1.colors.greyColor100;
 exports.default = {
     title: 'Components/Date Picker',

package/dist/stories/{Divider.stories.js → Oolib/components/Divider.stories.js}

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
-var Divider_1 = require("../components/Divider");
-var themes_1 = require("../themes");
+var Divider_1 = require("../../../components/Divider");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/Divider",
     args: {

package/dist/stories/{Dropdowns.stories.js → Oolib/components/Dropdowns.stories.js}

@@ -48,13 +48,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdowns = void 0;
 var react_1 = __importStar(require("react"));
-var Container_1 = require("../components/Container");
-var DropdownMulti_1 = require("../components/Dropdowns/DropdownMulti");
-var DropdownSingle_1 = require("../components/Dropdowns/DropdownSingle");
-var Paddings_1 = require("../components/Paddings");
-var themes_1 = require("../themes");
+var Container_1 = require("../../../components/Container");
+var DropdownMulti_1 = require("../../../components/Dropdowns/DropdownMulti");
+var DropdownSingle_1 = require("../../../components/Dropdowns/DropdownSingle");
+var Paddings_1 = require("../../../components/Paddings");
+var themes_1 = require("../../../themes");
 var Dropdowns_mdx_1 = __importDefault(require("./Dropdowns.mdx"));
-var icons_1 = require("../icons");
+var icons_1 = require("../../../icons");
 var faker_1 = require("@faker-js/faker");
 var generateRandomCountry = function () { return ({
     display: faker_1.faker.address.country(),

package/dist/stories/{EmptyStates.stories.js → Oolib/components/EmptyStates.stories.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyStates_ = void 0;
-var EmptyStates_1 = require("../components/EmptyStates");
+var EmptyStates_1 = require("../../../components/EmptyStates");
 var emptyStatesConfig = [
     "multipleCollectionsListing",
     "singlePublishingListing",

package/dist/stories/{GroupQuestionsInputSingle.stories.js → Oolib/components/GroupQuestionsInputSingle.stories.js}

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._GroupQuestionsInputSingle = void 0;
 var react_1 = require("react");
-var GroupQuestionsInputSingle_1 = __importDefault(require("../components/GroupQuestionsInputSingle"));
-var themes_1 = require("../themes");
+var GroupQuestionsInputSingle_1 = __importDefault(require("../../../components/GroupQuestionsInputSingle"));
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/GroupQuestionsInputSingle",
     argTypes: {

package/dist/stories/{HomeCover.stories.js → Oolib/components/HomeCover.stories.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HomeCover_ = void 0;
 var react_1 = __importDefault(require("react"));
-var HomeCover_1 = require("../components/HomeCover");
-var Typo_1 = require("../components/Typo");
-var Buttons_1 = require("../components/Buttons");
+var HomeCover_1 = require("../../../components/HomeCover");
+var Typo_1 = require("../../../components/Typo");
+var Buttons_1 = require("../../../components/Buttons");
 exports.default = {
     title: "Components/HomeCover",
     argTypes: {

package/dist/stories/{IFrameInput.stories.js → Oolib/components/IFrameInput.stories.js}

@@ -15,10 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IFrameInput_ = void 0;
-var themes_1 = require("../themes");
-var IFrameInput_1 = __importDefault(require("../components/IFrameInput"));
+var themes_1 = require("../../../themes");
+var IFrameInput_1 = __importDefault(require("../../../components/IFrameInput"));
 var react_1 = require("react");
-var Wrappers_1 = require("../components/Wrappers");
+var Wrappers_1 = require("../../../components/Wrappers");
 exports.default = {
     title: "Components/IFrameInput",
     argTypes: {

package/dist/stories/{ImageInput → Oolib/components/ImageInput}/ImageInput.stories.d.ts

@@ -46,13 +46,7 @@ export namespace ImageInput {
         readOnly: {
             name: string;
             control: string;
-        }; /**
-         * very important, in order to force the component to rerender
-         * when things like aspect ratio are changed.
-         * cuz natively, its not possible to modify the aspect ratio of
-         * an image input after it has rerendered.
-         * Hence this hack
-         */
+        };
         sizeProfile: {
             name: string;
             control: {
@@ -141,13 +135,7 @@ export namespace ImageGallery {
         readOnly: {
             name: string;
             control: string;
-        }; /**
-         * very important, in order to force the component to rerender
-         * when things like aspect ratio are changed.
-         * cuz natively, its not possible to modify the aspect ratio of
-         * an image input after it has rerendered.
-         * Hence this hack
-         */
+        };
         sizeProfile: {
             name: string;
             control: {
@@ -239,13 +227,7 @@ export namespace ProfileImageInput {
         readOnly: {
             name: string;
             control: string;
-        }; /**
-         * very important, in order to force the component to rerender
-         * when things like aspect ratio are changed.
-         * cuz natively, its not possible to modify the aspect ratio of
-         * an image input after it has rerendered.
-         * Hence this hack
-         */
+        };
         sizeProfile: {
             name: string;
             control: {

package/dist/stories/{ImageInput → Oolib/components/ImageInput}/ImageInput.stories.js

@@ -36,15 +36,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProfileImageInput = exports.ImageGallery = exports.ImageInput = void 0;
 var react_1 = __importStar(require("react"));
-var Container_1 = require("../../components/Container");
-var Paddings_1 = require("../../components/Paddings");
-var ImageInput_1 = require("../../components/ImageInput");
-var ProfileImageInput_1 = require("../../components/ImageInput/derivedComps/ProfileImageInput");
-var themes_1 = require("../../themes");
+var Container_1 = require("../../../../components/Container");
+var Paddings_1 = require("../../../../components/Paddings");
+var ImageInput_1 = require("../../../../components/ImageInput");
+var ProfileImageInput_1 = require("../../../../components/ImageInput/derivedComps/ProfileImageInput");
+var themes_1 = require("../../../../themes");
 var imageInputArgTypes_1 = require("./imageInputArgTypes");
 var imageInputParseArgTypes_1 = require("./imageInputParseArgTypes");
-var genRandomHash_1 = require("../../utilsOolib/genRandomHash");
-var excludeKeys_1 = require("../../utilsOolib/excludeKeys");
+var genRandomHash_1 = require("../../../../utilsOolib/genRandomHash");
+var excludeKeys_1 = require("../../../../utilsOolib/excludeKeys");
 exports.default = {
     title: "Components/ImageInput",
 };

package/dist/stories/{InlineAlert.stories.js → Oolib/components/InlineAlert.stories.js}

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineAlert = void 0;
-var InlineAlert_1 = require("../components/InlineAlert");
-var themes_1 = require("../themes");
+var InlineAlert_1 = require("../../../components/InlineAlert");
+var themes_1 = require("../../../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 exports.default = {
     title: "Components/InlineAlert",

package/dist/stories/{Layout.stories.js → Oolib/components/Layout.stories.js}

@@ -43,15 +43,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Padding = exports.Playground = exports.Wrappers = exports.Section = exports.Container = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
-var Container_1 = require("../components/Container");
-var Section_1 = require("../components/Section");
-var WrapperComps = __importStar(require("../components/Wrappers"));
-var themes_1 = require("../themes");
-var mixins_1 = require("../themes/mixins");
+var Container_1 = require("../../../components/Container");
+var Section_1 = require("../../../components/Section");
+var WrapperComps = __importStar(require("../../../components/Wrappers"));
+var themes_1 = require("../../../themes");
+var mixins_1 = require("../../../themes/mixins");
 var Layout_mdx_1 = __importDefault(require("./Layout.mdx"));
-var Paddings_1 = require("../components/Paddings");
-var Margins_1 = require("../components/Margins");
-var Typo_1 = require("../components/Typo");
+var Paddings_1 = require("../../../components/Paddings");
+var Margins_1 = require("../../../components/Margins");
+var Typo_1 = require("../../../components/Typo");
 exports.default = {
     title: "Components/Layout",
     parameters: {

package/dist/stories/{LegendRadioList.stories.js → Oolib/components/LegendRadioList.stories.js}

@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegendCheckBoxList_ = exports.LegendRadioList_ = void 0;
 var react_1 = require("react");
-var LegendRadioList_1 = require("../components/LegendRadioCheckList/LegendRadioList");
-var LegendCheckboxList_1 = require("../components/LegendRadioCheckList/LegendCheckboxList");
-var themes_1 = require("../themes");
+var LegendRadioList_1 = require("../../../components/LegendRadioCheckList/LegendRadioList");
+var LegendCheckboxList_1 = require("../../../components/LegendRadioCheckList/LegendCheckboxList");
+var themes_1 = require("../../../themes");
 var primaryColor100 = themes_1.colors.primaryColor100, greyColor100 = themes_1.colors.greyColor100, lightBlue = themes_1.colors.lightBlue, lightRed = themes_1.colors.lightRed, invertRed = themes_1.colors.invertRed;
 exports.default = {
     title: "Components/LegendRadioList",

package/dist/stories/{Loaders.stories.js → Oolib/components/Loaders.stories.js}

@@ -12,9 +12,9 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._LoaderOverlay = exports._LoaderCircle = void 0;
-var LoaderCircle_1 = require("../components/LoadersAndProgress/LoaderCircle");
-var LoaderOverlay_1 = require("../components/LoadersAndProgress/LoaderOverlay");
-var themes_1 = require("../themes");
+var LoaderCircle_1 = require("../../../components/LoadersAndProgress/LoaderCircle");
+var LoaderOverlay_1 = require("../../../components/LoadersAndProgress/LoaderOverlay");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/Loaders",
 };

package/dist/stories/{Modal.stories.js → Oolib/components/Modal.stories.js}

@@ -13,12 +13,12 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal_Confirm = exports.Modal_ = void 0;
 var react_1 = require("react");
-var ModalConfirm_1 = require("../components/Modals/ModalConfirm");
-var Modal_1 = require("../components/Modals/Modal");
-var TextInputs_1 = require("../components/TextInputs");
-var Paddings_1 = require("../components/Paddings");
-var Typo_1 = require("../components/Typo");
-var DropdownSingle_1 = require("../components/Dropdowns/DropdownSingle");
+var ModalConfirm_1 = require("../../../components/Modals/ModalConfirm");
+var Modal_1 = require("../../../components/Modals/Modal");
+var TextInputs_1 = require("../../../components/TextInputs");
+var Paddings_1 = require("../../../components/Paddings");
+var Typo_1 = require("../../../components/Typo");
+var DropdownSingle_1 = require("../../../components/Dropdowns/DropdownSingle");
 var dropdownOptions = [
     {
         display: "Admin",

package/dist/stories/{ModalConfirmAction.stories.js → Oolib/components/ModalConfirmAction.stories.js}

@@ -12,12 +12,12 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal_Confirm_Action = void 0;
-var Buttons_1 = require("../components/Buttons");
-var ModalConfirmAction_1 = require("../components/Modals/derivedComps/ModalConfirmAction");
-var Banners_1 = require("../components/Banners");
+var Buttons_1 = require("../../../components/Buttons");
+var ModalConfirmAction_1 = require("../../../components/Modals/derivedComps/ModalConfirmAction");
+var Banners_1 = require("../../../components/Banners");
 var react_1 = require("react");
 exports.default = {
-    title: "ModalConfirmAction",
+    title: "Components/ModalConfirmAction",
     args: {
         enabled: true,
         title: "title",

package/dist/stories/{OKELink.stories.js → Oolib/components/OKELink.stories.js}

@@ -25,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OKELink = void 0;
 var react_1 = __importDefault(require("react"));
-var OKELink_1 = require("../components/OKELink");
-var Typo_1 = require("../components/Typo");
-var icons_1 = require("../icons");
-var themes_1 = require("../themes");
+var OKELink_1 = require("../../../components/OKELink");
+var Typo_1 = require("../../../components/Typo");
+var icons_1 = require("../../../icons");
+var themes_1 = require("../../../themes");
 var availableIcons = __spreadArray([
     undefined
 ], Object.keys(icons_1.icons).sort(), true);

package/dist/stories/{PDFInput.stories.js → Oolib/components/PDFInput.stories.js}

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDFInput_ = void 0;
 var react_1 = require("react");
-var PDFInput_1 = __importDefault(require("../components/PDFInput"));
-var Wrappers_1 = require("../components/Wrappers");
-var themes_1 = require("../themes");
+var PDFInput_1 = __importDefault(require("../../../components/PDFInput"));
+var Wrappers_1 = require("../../../components/Wrappers");
+var themes_1 = require("../../../themes");
 exports.default = {
     title: "Components/PDF Input",
     argTypes: {

package/dist/stories/{PageScrollIndicator.stories.js → Oolib/components/PageScrollIndicator.stories.js}

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageScrollIndicator_ = void 0;
 var react_1 = __importDefault(require("react"));
-var PageScrollIndicator_1 = require("../components/PageScrollIndicator");
+var PageScrollIndicator_1 = require("../../../components/PageScrollIndicator");
 exports.default = {
     title: "Components/PageScrollIndicator",
     argTypes: {

package/dist/stories/{PercentBarChart.stories.js → Oolib/components/PercentBarChart.stories.js}

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PercentBarChart_ = void 0;
 var react_1 = __importDefault(require("react"));
-var PercentBarChart_1 = require("../components/PercentBarChart");
+var PercentBarChart_1 = require("../../../components/PercentBarChart");
 exports.default = {
     title: "Components/PercentBarChart",
 };

package/dist/stories/{PercentCompletedPi.stories.js → Oolib/components/PercentCompletedPi.stories.js}

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PercentCompletedPie = void 0;
-var PercentCompletedPie_1 = require("../components/PercentCompletedPie");
+var PercentCompletedPie_1 = require("../../../components/PercentCompletedPie");
 exports.default = {
     title: "Components/PercentCompletedPie",
     args: {

package/dist/stories/{Playground.stories.js → Oolib/components/Playground.stories.js}

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Playground = void 0;
 var react_1 = __importDefault(require("react"));
-var Playground_1 = require("../components/Playground");
+var Playground_1 = require("../../../components/Playground");
 exports.default = {
     title: "Components/Playground",
     argTypes: {

package/dist/stories/{Progress.stories.js → Oolib/components/Progress.stories.js}

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._ProgressBar = void 0;
-var ProgressBar_1 = require("../components/LoadersAndProgress/ProgressBar");
-var themes_1 = require("../themes");
+var ProgressBar_1 = require("../../../components/LoadersAndProgress/ProgressBar");
+var themes_1 = require("../../../themes");
 var sizeArray = Array.from({ length: 10 }, function (_, index) { return "".concat((index + 1) * 10, "vh"); });
 exports.default = {
     title: "Components/Progress",

package/dist/stories/{RadioButton.stories.js → Oolib/components/RadioButton.stories.js}

@@ -25,10 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButton = exports.RadioInput = exports.RadioList = void 0;
 var react_1 = require("react");
-var RadioAndCheckbox_1 = require("../components/RadioAndCheckbox");
+var RadioAndCheckbox_1 = require("../../../components/RadioAndCheckbox");
 var react_json_view_1 = __importDefault(require("react-json-view"));
-var Divider_1 = require("../components/Divider");
-var themes_1 = require("../themes");
+var Divider_1 = require("../../../components/Divider");
+var themes_1 = require("../../../themes");
 var greyColor100 = themes_1.colors.greyColor100;
 var ops = [
     { value: 'op1', display: "Squidward" },