@nulogy/components 8.13.0 → 8.13.1

package/dist/main.js

@@ -24407,12 +24407,12 @@
           style: style,
           placement: placement
         }, tooltip ? tooltip : children) : null;
-      })), children && !labelHidden && /*#__PURE__*/React__default["default"].createElement(Text, {
+      })), children && !labelHidden && (typeof children === "string" || typeof children === "number" ? /*#__PURE__*/React__default["default"].createElement(Text, {
         fontSize: fontSize,
         mr: "half",
         ml: "half",
         color: color
-      }, children));
+      }, children) : children));
     });
     IconicButton.propTypes = {
       className: PropTypes__default["default"].string,
@@ -25064,7 +25064,7 @@
       var isOpen = _ref.isOpen,
           theme = _ref.theme;
       return {
-        position: "relative",
+        padding: theme.space.x1 + " " + theme.space.x1 + " " + theme.space.x1 + " 12px",
         backgroundColor: isOpen ? theme.colors.lightBlue : "transparent",
         color: isOpen ? theme.colors.darkBlue : theme.colors.darkGrey
       };
@@ -25077,15 +25077,14 @@
       return /*#__PURE__*/React__default["default"].createElement(StyledButton$3, Object.assign({
         isOpen: isOpen,
         ref: ref
-      }, props), name, /*#__PURE__*/React__default["default"].createElement(Icon, {
-        style: {
-          position: "absolute",
-          top: "10px"
-        },
+      }, props), /*#__PURE__*/React__default["default"].createElement(Flex, {
+        gap: "half",
+        justifyContent: "space-between",
+        alignItems: "center"
+      }, name, /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: "rightArrow",
-        size: "20px",
-        p: "2px"
-      }));
+        size: "20px"
+      })));
     });
     SubMenuTriggerButton$1.displayName = "SubMenuTriggerButton";
 

package/dist/main.module.js

@@ -24384,12 +24384,12 @@ var IconicButton = /*#__PURE__*/React__default.forwardRef(function (_a, forwarde
       style: style,
       placement: placement
     }, tooltip ? tooltip : children) : null;
-  })), children && !labelHidden && /*#__PURE__*/React__default.createElement(Text, {
+  })), children && !labelHidden && (typeof children === "string" || typeof children === "number" ? /*#__PURE__*/React__default.createElement(Text, {
     fontSize: fontSize,
     mr: "half",
     ml: "half",
     color: color
-  }, children));
+  }, children) : children));
 });
 IconicButton.propTypes = {
   className: PropTypes.string,
@@ -25041,7 +25041,7 @@ var StyledButton$3 = styled(DropdownButton).withConfig({
   var isOpen = _ref.isOpen,
       theme = _ref.theme;
   return {
-    position: "relative",
+    padding: theme.space.x1 + " " + theme.space.x1 + " " + theme.space.x1 + " 12px",
     backgroundColor: isOpen ? theme.colors.lightBlue : "transparent",
     color: isOpen ? theme.colors.darkBlue : theme.colors.darkGrey
   };
@@ -25054,15 +25054,14 @@ var SubMenuTriggerButton$1 = /*#__PURE__*/React__default.forwardRef(function (_a
   return /*#__PURE__*/React__default.createElement(StyledButton$3, Object.assign({
     isOpen: isOpen,
     ref: ref
-  }, props), name, /*#__PURE__*/React__default.createElement(Icon, {
-    style: {
-      position: "absolute",
-      top: "10px"
-    },
+  }, props), /*#__PURE__*/React__default.createElement(Flex, {
+    gap: "half",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }, name, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "rightArrow",
-    size: "20px",
-    p: "2px"
-  }));
+    size: "20px"
+  })));
 });
 SubMenuTriggerButton$1.displayName = "SubMenuTriggerButton";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.13.0",
+  "version": "8.13.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {