@jobber/components 6.101.4 → 6.102.1-JOB-140909-c308ce9.2

package/dist/Menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import React from "react";
-import type { MenuComposableProps, MenuContentComposableProps, MenuHeaderComposableProps, MenuItemComposableProps, MenuItemIconComposableProps, MenuLegacyProps, MenuSectionComposableProps, MenuSeparatorComposableProps, MenuTriggerComposableProps } from "./Menu.types";
+import type { MenuComposableProps, MenuContentComposableProps, MenuHeaderComposableProps, MenuItemComposableProps, MenuItemIconComposableProps, MenuItemLabelComposableProps, MenuLegacyProps, MenuSectionComposableProps, MenuSeparatorComposableProps, MenuTriggerComposableProps } from "./Menu.types";
 export declare function Menu(props: MenuLegacyProps): ReactElement;
 export declare function Menu(props: MenuComposableProps): ReactElement;
 export declare namespace Menu {
@@ -20,9 +20,7 @@ declare function MenuSeparatorComposable({ UNSAFE_style, UNSAFE_className, }: Me
 declare function MenuSectionComposable({ children, UNSAFE_style, UNSAFE_className, ariaLabel, }: MenuSectionComposableProps): React.JSX.Element;
 declare function MenuHeaderComposable(props: MenuHeaderComposableProps): React.JSX.Element;
 declare function MenuItemIconComposable(props: MenuItemIconComposableProps): React.JSX.Element;
-declare function MenuItemLabelComposable(props: {
-    readonly children: string;
-}): React.JSX.Element;
+declare function MenuItemLabelComposable(props: MenuItemLabelComposableProps): React.JSX.Element;
 declare function MenuHeaderLabel(props: {
     readonly children: React.ReactNode;
 }): React.JSX.Element;

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

@@ -180,4 +180,13 @@ export type AnimationState = "unmounted" | "hidden" | "visible";
 export interface MenuMobileUnderlayProps {
     readonly animation: AnimationState;
 }
+export interface MenuItemLabelComposableProps {
+    /**
+     * Item label content.
+     * This is rendered inside a Typography (span) component, so you MUST supply either
+     * a string or a fragment/utility component that renders down to a raw string (e.g.
+     * translation helpers).
+     */
+    readonly children: React.ReactNode;
+}
 export {};

package/dist/styles.css

@@ -2427,6 +2427,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
   display: block;
   width: 100%;
+  box-sizing: border-box;
   border: 1px solid hsl(200, 13%, 87%);
   border: var(--card--border);
   border-radius: 8px;
@@ -2460,11 +2461,18 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .Iilm5Uhxo50-::before {
   content: " ";
   display: block;
-  margin: 0 calc(-1 * 1px);
-  margin: 0 calc(-1 * var(--border-base));
-  border-top: 0.375rem solid var(--card--accent-color);
+  position: relative;
+  top: 1px;
+  top: var(--border-base);
+  height: calc(0.375rem - 1px * 2);
+  height: calc(0.375rem - var(--border-base) * 2);
+  box-shadow: 0 0 0 1px var(--card--accent-color);
+  box-shadow: 0 0 0 var(--border-base) var(--card--accent-color);
+  margin: 1px 0;
+  margin: var(--border-base) 0;
   border-radius: 8px 8px 0 0;
   border-radius: var(--radius-base) var(--radius-base) 0 0;
+  background-color: var(--card--accent-color);
 }
 
 .Vppn4k0fBsc- {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.101.4",
+  "version": "6.102.1-JOB-140909-c308ce9.2+c308ce9b0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "adc76ab79cbad1b62fa1d3ff35020f061b390292"
+  "gitHead": "c308ce9b02cffe8f154a09a5ab085cccee0eae1d"
 }