oolib 2.12.3 → 2.12.4

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

@@ -64,9 +64,9 @@ var tabBarTabStyle2 = (0, styled_components_1.css)(templateObject_9 || (template
 //   border-top: ${({ top }) => top && `0.1rem solid ${greyColor5}`};
 //   border-bottom: ${({ bottom }) => bottom && `0.1rem solid ${greyColor5}`};
 // `;
-exports.TabBarStyled = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  z-index: 1000;\n"], ["\n  background-color: ", ";\n  z-index: 1000;\n"])), white);
-exports.TabBarContainerStyled = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: fit-content;\n"], ["\n  width: fit-content;\n"])));
-exports.TabBarRowStyled = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+exports.TabBarStyled = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  z-index: 1000;\n  height: 4rem;\n"], ["\n  background-color: ", ";\n  z-index: 1000;\n  height: 4rem;\n"])), white);
+exports.TabBarContainerStyled = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: fit-content;\n  height: 100%;\n"], ["\n  width: fit-content;\n  height: 100%;\n"])));
+exports.TabBarRowStyled = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n"], ["\n  display: flex;\n  height: 100%;\n"])));
 exports.TabBarTabWrapper = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var tabBarStyle = _a.tabBarStyle;
     return (tabBarStyle === '1'

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

@@ -1,8 +1,5 @@
-export function UserRoleBadge({ role, value, className, theme: { Roles } }: {
+export function UserRoleBadge({ role, value, className }: {
     role: any;
     value: any;
     className: any;
-    theme: {
-        Roles: any;
-    };
 }): JSX.Element;

package/dist/components/UserRoleBadge/index.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserRoleBadge = void 0;
 var react_1 = __importDefault(require("react"));
 var icons_1 = require("../../icons");
+var styled_components_1 = require("styled-components");
 var BadgeAdmin = icons_1.icons.BadgeAdmin, BadgeSuperAdmin = icons_1.icons.BadgeSuperAdmin, BadgeMod = icons_1.icons.BadgeMod, BadgeVetted = icons_1.icons.BadgeVetted;
 var UserRoleBadge = function (_a) {
     var _b;
-    var role = _a.role, value = _a.value, className = _a.className, Roles = _a.theme.Roles;
+    var role = _a.role, value = _a.value, className = _a.className;
     var badges = {
         BadgeSuperAdmin: BadgeSuperAdmin,
         BadgeAdmin: BadgeAdmin,
         BadgeMod: BadgeMod,
         BadgeVetted: BadgeVetted
     };
-    var iconName = (_b = Roles[value || role]) === null || _b === void 0 ? void 0 : _b.badgeIcon;
+    var theme = (0, styled_components_1.useTheme)();
+    var iconName = (_b = theme._Roles[value || role]) === null || _b === void 0 ? void 0 : _b.badgeIcon;
     var Icon = iconName && badges[iconName];
     return (Icon ?
         react_1.default.createElement("div", { className: className },

package/package.json

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