oolib 2.11.5 → 2.12.2

package/dist/components/ActionMenu/index.d.ts

@@ -0,0 +1,8 @@
+export function ActionMenu({ icon, invert, actions, align, buttonText, sideEffect }: {
+    icon: any;
+    invert: any;
+    actions: any;
+    align?: string;
+    buttonText: any;
+    sideEffect: any;
+}): JSX.Element;

package/dist/components/ActionMenu/index.js

@@ -0,0 +1,70 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionMenu = void 0;
+var react_1 = __importStar(require("react"));
+var Buttons_1 = require("../Buttons");
+var Typo_1 = require("../Typo");
+var utils_1 = require("./utils");
+var styled_1 = require("./styled");
+var ActionMenu = function (_a) {
+    var icon = _a.icon, invert = _a.invert, actions = _a.actions, _b = _a.align, align = _b === void 0 ? 'left' : _b, buttonText = _a.buttonText, sideEffect = _a.sideEffect;
+    var actionMenuRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(false), showActions = _c[0], setShowActions = _c[1];
+    (0, utils_1.useTrackFocus)(actionMenuRef, setShowActions);
+    (0, react_1.useEffect)(function () {
+        // if you want this click to trigger a sideeffect in parent.
+        //e.g in table elem we set table overflow to unset when action menu is open
+        sideEffect && sideEffect(showActions);
+    }, [showActions]);
+    if (!actions || actions.length === 0)
+        return null;
+    return (react_1.default.createElement(styled_1.StyledActionMenu, { ref: actionMenuRef },
+        react_1.default.createElement(Buttons_1.ButtonGhost, { icon: icon || 'DotsThree', children: buttonText, invert: invert, onClick: function (e) {
+                e.stopPropagation();
+                setShowActions(!showActions);
+            } }),
+        react_1.default.createElement(styled_1.StyledActionsDropMenu, __assign({ unfold: showActions }, { align: align, invert: invert }), actions.map(function (action) {
+            console.log(action);
+            var ActionButton = action.buttonComp || styled_1.StyledActionBtn;
+            return (react_1.default.createElement(ActionButton, __assign({ style: { justifyContent: 'left' } }, action, { onClick: function (ev) {
+                    action.onClick && action.onClick(ev);
+                    setShowActions(false);
+                }, key: action.display, invert: invert }),
+                react_1.default.createElement(Typo_1.SANS_2, null, action.display)));
+        }))));
+};
+exports.ActionMenu = ActionMenu;

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

@@ -0,0 +1,3 @@
+export const StyledActionMenu: any;
+export const StyledActionsDropMenu: any;
+export const StyledActionBtn: any;

package/dist/components/ActionMenu/styled.js

@@ -0,0 +1,60 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledActionBtn = exports.StyledActionsDropMenu = exports.StyledActionMenu = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var themes_1 = require("../../themes");
+var mixins_1 = require("../../themes/mixins");
+var Buttons_1 = require("../Buttons");
+var greyColor5 = themes_1.colors.greyColor5, white = themes_1.colors.white, greyColor10 = themes_1.colors.greyColor10, greyColor80 = themes_1.colors.greyColor80;
+exports.StyledActionMenu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: max-content;\n"], ["\n  position: relative;\n  width: max-content;\n"])));
+exports.StyledActionsDropMenu = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  bottom: -5px;\n  transform-origin: left top; \n  transform: translateY(100%) ", ";\n  ", "\n\n  ", "\n  box-shadow: 2px 2px 10px  rgba(0, 0, 0, 0.05);\n  border: 1px solid ", ";\n  background-color: ", ";\n\n  \n\n  &::after{\n      content: '';\n      width: 0;\n      height: 0;\n      position: absolute;\n      bottom: 100%;\n\n      ", "\n      border: 1rem solid transparent;\n      border-bottom: 1rem solid ", ";\n  }\n"], ["\n  position: absolute;\n  bottom: -5px;\n  transform-origin: left top; \n  transform: translateY(100%) ", ";\n  ", "\n\n  ", "\n  box-shadow: 2px 2px 10px  rgba(0, 0, 0, 0.05);\n  border: 1px solid ", ";\n  background-color: ", ";\n\n  \n\n  &::after{\n      content: '';\n      width: 0;\n      height: 0;\n      position: absolute;\n      bottom: 100%;\n\n      ", "\n      border: 1rem solid transparent;\n      border-bottom: 1rem solid ", ";\n  }\n"])), function (_a) {
+    var unfold = _a.unfold;
+    return "scaleY(".concat(Number(unfold), ")");
+}, (0, mixins_1.transition)('transform'), function (_a) {
+    var align = _a.align;
+    return align == 'center' ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    left: 2rem;\n    transform: translate(-50%, 100%) ", ";;\n  "], ["\n    left: 2rem;\n    transform: translate(-50%, 100%) ", ";;\n  "])), function (_a) {
+        var unfold = _a.unfold;
+        return "scaleY(".concat(Number(unfold), ")");
+    }) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ": 0;"], ["", ": 0;"])), align);
+}, greyColor5, function (_a) {
+    var invert = _a.invert;
+    return invert ? greyColor80 : white;
+}, function (_a) {
+    var align = _a.align;
+    return align == 'center' ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          left: 50%;\n          transform: translateX(-50%);\n        "], ["\n          left: 50%;\n          transform: translateX(-50%);\n        "]))) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", ": 1rem;"], ["", ": 1rem;"])), align);
+}, greyColor10);
+exports.StyledActionBtn = (0, styled_components_1.default)(Buttons_1.ButtonGhost)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  white-space: nowrap;\n  width: 100%;\n  text-align: ", ";\n  padding: 1rem 1.6rem;\n  background-color: transparent;\n  color: ", ";\n  ", ";\n  &:hover{\n    background-color: ", ";\n  }\n"], ["\n  white-space: nowrap;\n  width: 100%;\n  text-align: ", ";\n  padding: 1rem 1.6rem;\n  background-color: transparent;\n  color: ", ";\n  ", ";\n  &:hover{\n    background-color: ", ";\n  }\n"])), function (_a) {
+    var align = _a.align;
+    return align === 'center' ? 'center' : 'left';
+}, function (_a) {
+    var invert = _a.invert;
+    return invert ? white : greyColor80;
+}, (0, mixins_1.transition)('background-color'), greyColor10);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/ActionMenu/utils.d.ts

@@ -0,0 +1 @@
+export function useTrackFocus(ref: any, setShowOptions: any, options?: {}): void;

package/dist/components/ActionMenu/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTrackFocus = void 0;
+var react_1 = require("react");
+var useTrackFocus = function (ref, setShowOptions, options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.enabled, enabled = _a === void 0 ? true : _a;
+    var handleClickOutside = function (event) {
+        if (!enabled)
+            return;
+        if (ref.current && !ref.current.contains(event.target)) {
+            //clicked outside editor
+            setShowOptions(false);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('mousedown', handleClickOutside); //its very important for this to be mousedown. 'click' acts unpredictable
+        return function () { return document.removeEventListener('mousedown', handleClickOutside); };
+    }, [enabled]);
+};
+exports.useTrackFocus = useTrackFocus;

package/dist/components/Tooltip/styled.js

@@ -35,10 +35,10 @@ var util_1 = require("./util");
 exports.StyledWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative; // made this wrapper with styled.component to ensure its\n  width: fit-content; // engine will make this 'fit-content' compatible with firefox/safari\n"], ["\n  position: relative; // made this wrapper with styled.component to ensure its\n  width: fit-content; // engine will make this 'fit-content' compatible with firefox/safari\n"])));
 var greyColor15 = themes_1.colors.greyColor15, white = themes_1.colors.white;
 var clipPaths = {
-    top: "0% 0%, 50% 65.4%, 100% 0%",
-    bottom: '50% 34.6%, 100% 100%, 0% 100%',
-    right: '100% 0%, 50% 50%, 100% 100%',
-    left: '0% 0%, 50% 50%, 0% 100%',
+    top: "0% 0%, 47% 65.4%, 52% 65.4%, 100% 0",
+    bottom: '47% 34.6%, 50% 34.6%, 100% 100%, 0% 100%',
+    right: '100% 0%, 50% 47%, 50% 52%, 100% 100%',
+    left: '0% 0%, 50% 47%, 50% 52%, 0% 100%',
 };
 exports.StyledTooltip = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  ", "\n\n  padding: 0.4rem 1rem;\n  white-space: nowrap;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 2px;\n  position: absolute;\n  ", "\n\n  \n"], ["\n  ", ";\n  ", "\n\n  padding: 0.4rem 1rem;\n  white-space: nowrap;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 2px;\n  position: absolute;\n  ", "\n\n  \n"])), function (_a) {
     var show = _a.show;
@@ -47,14 +47,14 @@ exports.StyledTooltip = styled_components_1.default.div(templateObject_4 || (tem
     var position = _a.position;
     return (0, util_1.positionTooltip)(position);
 });
-exports.StyledArrowOutline = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  width: 1.3rem;\n  height: 1.3rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"], ["\n  background-color: ", ";\n  width: 1.3rem;\n  height: 1.3rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"])), greyColor15, function (_a) {
+exports.StyledArrowOutline = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  width: 1rem;\n  height: 1rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"], ["\n  background-color: ", ";\n  width: 1rem;\n  height: 1rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"])), greyColor15, function (_a) {
     var position = _a.position;
     return clipPaths[position];
 }, function (_a) {
     var position = _a.position;
     return (0, util_1.positionArrowBorder)(position);
 });
-exports.StyledArrow = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([" // the the white part\n  background-color: ", ";\n  display:inline-block;\n  width: 0.9rem;\n  height: 0.9rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"], [" // the the white part\n  background-color: ", ";\n  display:inline-block;\n  width: 0.9rem;\n  height: 0.9rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"])), white, function (_a) {
+exports.StyledArrow = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([" // the the white part\n  background-color: ", ";\n  display:inline-block;\n  width: 0.85rem;\n  height: 0.85rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"], [" // the the white part\n  background-color: ", ";\n  display:inline-block;\n  width: 0.85rem;\n  height: 0.85rem;\n  position: absolute;\n  clip-path: polygon(", ");\n  ", "\n"])), white, function (_a) {
     var position = _a.position;
     return clipPaths[position];
 }, function (_a) {

package/dist/components/Tooltip/util/index.js

@@ -21,10 +21,10 @@ var positionArrowBorder = function (position) {
     switch (position) {
         case 'top':
         case 'bottom':
-            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", ";\n        left: 50%;\n        transform: translateX(-6.5px); // 13/2     \n      "], ["\n        ", ";\n        left: 50%;\n        transform: translateX(-6.5px); // 13/2     \n      "])), position + ': 100.5%');
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", ";\n        left: 50%;\n        transform: translateX(-5px); // 13/2 - 1.5 of the arrow itself    \n      "], ["\n        ", ";\n        left: 50%;\n        transform: translateX(-5px); // 13/2 - 1.5 of the arrow itself    \n      "])), position + ': 100%');
         case 'left':
         case 'right':
-            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", ";\n        top: 50%;\n        transform: translateY(-6.5px); // 13/2\n      "], ["\n        ", ";\n        top: 50%;\n        transform: translateY(-6.5px); // 13/2\n      "])), position + ': 100.5%');
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", ";\n        top: 50%;\n        transform: translateY(-5px); // 13/2\n      "], ["\n        ", ";\n        top: 50%;\n        transform: translateY(-5px); // 13/2\n      "])), position + ': 100%');
     }
 };
 exports.positionArrowBorder = positionArrowBorder;
@@ -32,10 +32,10 @@ var positionArrow = function (position) {
     switch (position) {
         case 'top':
         case 'bottom':
-            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", ";\n        left: 14%;\n      "], ["\n        ", ";\n        left: 14%;\n      "])), position + ': 9%');
+            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", ";\n        left: 8%;\n      "], ["\n        ", ";\n        left: 8%;\n      "])), position + ': -2%');
         case 'left':
         case 'right':
-            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        ", ";\n        top: 14%;\n      "], ["\n        ", ";\n        top: 14%;\n      "])), position + ': 7%');
+            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        ", ";\n        top: 8%;\n      "], ["\n        ", ";\n        top: 8%;\n      "])), position + ': -2%');
     }
 };
 exports.positionArrow = positionArrow;

package/dist/globalStyles/index.js

@@ -8,8 +8,8 @@ exports.GlobalStyles = void 0;
 var styled_components_1 = require("styled-components");
 var themes_1 = require("../themes");
 var normalize_1 = require("./normalize");
-require("../assets/fonts/style.css");
 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_1 || (templateObject_1 = __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::-webkit-scrollbar { \n  width: 0.7rem;// for vertical bars;\n  height: 0.5rem; //for vertical 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\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\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\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//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::-webkit-scrollbar { \n  width: 0.7rem;// for vertical bars;\n  height: 0.5rem; //for vertical 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\nhr {\n  border: none;\n  border-bottom: 0.1rem solid ", ";\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\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"])), normalize_1.normalize, greyColor100, greyColor15, greyColor40, greyColor80, (0, mixins_1.mediaQuery)('md'), greyColor80, themes_1.typo.sansSerif, themes_1.typo.sansSerif, themes_1.typo.serif);
+exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __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\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\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/*::-webkit-scrollbar { \n  width: 0.7rem;// for vertical bars\n  height: 0.5rem; //for vertical 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 \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\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\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/*::-webkit-scrollbar { \n  width: 0.7rem;// for vertical bars\n  height: 0.5rem; //for vertical 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 \n"])), normalize_1.normalize, greyColor100, greyColor80, themes_1.typo.sansSerif, themes_1.typo.sansSerif, themes_1.typo.serif, greyColor15, greyColor40, greyColor80, (0, mixins_1.mediaQuery)('md'));
 var templateObject_1;

package/dist/index.d.ts

@@ -19,3 +19,4 @@ export { Section } from "./components/Section";
 export { UserRoleBadge } from "./components/UserRoleBadge";
 export { OKELink } from "./components/OKELink";
 export { Tooltip } from "./components/Tooltip";
+export { ActionMenu } from "./components/ActionMenu";

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.icons = exports.colors = exports.GlobalStyles = void 0;
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
 __exportStar(require("./components/Typo"), exports);
@@ -40,6 +40,8 @@ var OKELink_1 = require("./components/OKELink");
 Object.defineProperty(exports, "OKELink", { enumerable: true, get: function () { return OKELink_1.OKELink; } });
 var Tooltip_1 = require("./components/Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+var ActionMenu_1 = require("./components/ActionMenu");
+Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return ActionMenu_1.ActionMenu; } });
 __exportStar(require("./components/TabBar"), exports);
 __exportStar(require("./components/Banners"), exports);
 __exportStar(require("./themes/mixins"), exports);

package/package.json

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