@jobber/components 6.111.6 → 6.112.0

package/dist/Menu/Menu.types.d.ts

@@ -168,7 +168,7 @@ export interface MenuItemIconComposableProps extends IconProps {
 export interface MenuContentComposableProps extends UnsafeProps {
     readonly children: ReactNode;
 }
-export interface MenuTriggerComposableProps {
+export interface MenuTriggerComposableProps extends UnsafeProps {
     /**
      * Accessible name for the trigger.
      */

package/dist/Menu-cjs.js

@@ -295,9 +295,10 @@ function getDerivedAnimation(open, animation) {
     // so the Popover can be removed from the DOM once exit completes.
     return animation === "unmounted" ? "unmounted" : "hidden";
 }
-const MenuTriggerComposable = React.forwardRef(function MenuTriggerComposable({ ariaLabel, children }, ref) {
+const MenuTriggerComposable = React.forwardRef(function MenuTriggerComposable({ ariaLabel, children, UNSAFE_style, UNSAFE_className }, ref) {
+    const className = classnames(styles.triggerWrapper, UNSAFE_className);
     return (React.createElement($3b117e43dc0ca95d$export$27c701ed9e449e99, { "aria-label": ariaLabel },
-        React.createElement("div", { role: "button", className: styles.triggerWrapper, ref: ref }, children)));
+        React.createElement("div", { role: "button", className: className, ref: ref, style: UNSAFE_style }, children)));
 });
 function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
     const { state: animation, setState } = useMenuAnimation();

package/dist/Menu-es.js

@@ -293,9 +293,10 @@ function getDerivedAnimation(open, animation) {
     // so the Popover can be removed from the DOM once exit completes.
     return animation === "unmounted" ? "unmounted" : "hidden";
 }
-const MenuTriggerComposable = React__default.forwardRef(function MenuTriggerComposable({ ariaLabel, children }, ref) {
+const MenuTriggerComposable = React__default.forwardRef(function MenuTriggerComposable({ ariaLabel, children, UNSAFE_style, UNSAFE_className }, ref) {
+    const className = classnames(styles.triggerWrapper, UNSAFE_className);
     return (React__default.createElement($3b117e43dc0ca95d$export$27c701ed9e449e99, { "aria-label": ariaLabel },
-        React__default.createElement("div", { role: "button", className: styles.triggerWrapper, ref: ref }, children)));
+        React__default.createElement("div", { role: "button", className: className, ref: ref, style: UNSAFE_style }, children)));
 });
 function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
     const { state: animation, setState } = useMenuAnimation();

package/dist/styles.css

@@ -733,6 +733,8 @@
   display: -ms-flexbox;
   display: flex;
   height: var(--field--height);
+  -ms-flex-align: center;
+      align-items: center;
   -ms-flex: 1;
       flex: 1;
 }
@@ -1533,8 +1535,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       justify-content: center;
   -ms-flex-align: center;
       align-items: center;
-  -webkit-transform: translateY(50%);
-          transform: translateY(50%);
 }
 
 .YmRTd-KeXv4-:focus {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.111.6",
+  "version": "6.112.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "5e13c04744e67afffde1230699b158b1d3c44fbe"
+  "gitHead": "90895403e005129293895a62760365300e645978"
 }