@yahoo/uds 3.148.0 → 3.150.0

package/dist/components/client/Menu/Menu.ItemBase.cjs

@@ -29,7 +29,7 @@ const buildMenuItemClasses = ({ active, disabled, className }) => {
 * @private This is an internal component shared by [Menu.Item](https://uds.build/docs/components/menu#menu-item) and [Menu.ItemCheckbox](https://uds.build/docs/components/menu#menu-item-checkbox)
 * and may change without notice. Please do not use this component directly.
 */
-const MenuItemBase = (0, react.forwardRef)(function MenuItemBase({ spacing = "0", spacingBottom, spacingEnd, spacingHorizontal = "4", spacingStart, spacingTop, spacingVertical = "3.5", columnGap = "2", className, children, endIcon, startIcon, hideEndIcon, active, disabled, as: RootComponent, name, alignItems = "center", justifyContent = "space-between", slotProps, slots, rootProps, ...props }, ref) {
+const MenuItemBase = (0, react.forwardRef)(function MenuItemBase({ spacing = "0", spacingBottom, spacingEnd, spacingHorizontal = "4", spacingStart, spacingTop, spacingVertical = "3.5", columnGap = "2", className, children, endIcon, startIcon, hideEndIcon, active, disabled, multiline, as: RootComponent, name, alignItems = "center", justifyContent = "space-between", slotProps, slots, rootProps, ...props }, ref) {
 	const hasMultipleChildren = react.Children.count(children) > 1;
 	const menuItemClassName = buildMenuItemClasses({
 		active,
@@ -44,7 +44,7 @@ const MenuItemBase = (0, react.forwardRef)(function MenuItemBase({ spacing = "0"
 	* Get content styles based on children layout needs
 	*/
 	const contentStyles = require_styles_styler.getStyles({
-		className: require_styles_styler.cx(`${ITEM_CLASS_NAME}-content truncate`, textClassName),
+		className: require_styles_styler.cx(`${ITEM_CLASS_NAME}-content`, !multiline && "truncate", textClassName),
 		textAlign: "start",
 		...hasMultipleChildren && {
 			columnGap,

package/dist/components/client/Menu/Menu.ItemBase.js

@@ -27,7 +27,7 @@ const buildMenuItemClasses = ({ active, disabled, className }) => {
 * @private This is an internal component shared by [Menu.Item](https://uds.build/docs/components/menu#menu-item) and [Menu.ItemCheckbox](https://uds.build/docs/components/menu#menu-item-checkbox)
 * and may change without notice. Please do not use this component directly.
 */
-const MenuItemBase = forwardRef(function MenuItemBase({ spacing = "0", spacingBottom, spacingEnd, spacingHorizontal = "4", spacingStart, spacingTop, spacingVertical = "3.5", columnGap = "2", className, children, endIcon, startIcon, hideEndIcon, active, disabled, as: RootComponent, name, alignItems = "center", justifyContent = "space-between", slotProps, slots, rootProps, ...props }, ref) {
+const MenuItemBase = forwardRef(function MenuItemBase({ spacing = "0", spacingBottom, spacingEnd, spacingHorizontal = "4", spacingStart, spacingTop, spacingVertical = "3.5", columnGap = "2", className, children, endIcon, startIcon, hideEndIcon, active, disabled, multiline, as: RootComponent, name, alignItems = "center", justifyContent = "space-between", slotProps, slots, rootProps, ...props }, ref) {
 	const hasMultipleChildren = Children.count(children) > 1;
 	const menuItemClassName = buildMenuItemClasses({
 		active,
@@ -42,7 +42,7 @@ const MenuItemBase = forwardRef(function MenuItemBase({ spacing = "0", spacingBo
 	* Get content styles based on children layout needs
 	*/
 	const contentStyles = getStyles({
-		className: cx(`${ITEM_CLASS_NAME}-content truncate`, textClassName),
+		className: cx(`${ITEM_CLASS_NAME}-content`, !multiline && "truncate", textClassName),
 		textAlign: "start",
 		...hasMultipleChildren && {
 			columnGap,

package/dist/components/client/PaddleNav/PaddleButton.cjs

@@ -37,7 +37,7 @@ const PaddleButton = (0, react.forwardRef)(function PaddleButton({ onClick, disa
 		"data-paddle-button-role": paddleRole,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			"aria-hidden": true,
-			className: require_styles_styler.cx("absolute inset-0 -z-10 pointer-events-none rounded-[length:var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
+			className: require_styles_styler.cx("absolute inset-0 -z-10 pointer-events-none rounded-[var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
 			size: "md",
 			name: resolvedIcon,

package/dist/components/client/PaddleNav/PaddleButton.js

@@ -35,7 +35,7 @@ const PaddleButton = forwardRef(function PaddleButton({ onClick, disabled = fals
 		"data-paddle-button-role": paddleRole,
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: cx("absolute inset-0 -z-10 pointer-events-none rounded-[length:var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
+			className: cx("absolute inset-0 -z-10 pointer-events-none rounded-[var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
 		}), /* @__PURE__ */ jsx(Icon, {
 			size: "md",
 			name: resolvedIcon,

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts

@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts

@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/types/dist/index.d.cts

@@ -816,6 +816,8 @@ interface UniversalMenuItemProps<IconSlotType = UniversalIconSlot> extends Omit<
   active?: boolean;
   /** Whether the menu item is disabled. */
   disabled?: boolean;
+  /** Whether the menu item text should wrap to multiple lines instead of being truncated. */
+  multiline?: boolean;
   /** Render prop slots for customizing internal elements. */
   slots?: {
     root?: (props: HTMLAttributes<any> & {
@@ -1081,6 +1083,7 @@ interface UniversalBottomSheetContentProps extends PropsWithChildren {
 type PopoverPlacement = TooltipPlacement;
 type PopoverSize = 'default';
 type PopoverVariant = 'default';
+/** Shared props for the web Popover root component. */
 interface UniversalPopoverProps {
   /** The PopoverTrigger and PopoverContent elements */
   children: ReactNode;
@@ -1113,10 +1116,12 @@ interface UniversalPopoverProps {
   /** The gap between the popover content and the trigger. @default 4 */
   gutter?: number;
 }
+/** Shared props for the web PopoverTrigger component. */
 interface UniversalPopoverTriggerProps {
   /** The content to display inside the popover trigger. This is what the popover will be anchored to. */
   children: ReactNode;
 }
+/** Shared props for the web PopoverContent component. */
 interface UniversalPopoverContentProps {
   /** The content of the popover. */
   children: ReactNode;

package/dist/types/dist/index.d.ts

@@ -816,6 +816,8 @@ interface UniversalMenuItemProps<IconSlotType = UniversalIconSlot> extends Omit<
   active?: boolean;
   /** Whether the menu item is disabled. */
   disabled?: boolean;
+  /** Whether the menu item text should wrap to multiple lines instead of being truncated. */
+  multiline?: boolean;
   /** Render prop slots for customizing internal elements. */
   slots?: {
     root?: (props: HTMLAttributes<any> & {
@@ -1081,6 +1083,7 @@ interface UniversalBottomSheetContentProps extends PropsWithChildren {
 type PopoverPlacement = TooltipPlacement;
 type PopoverSize = 'default';
 type PopoverVariant = 'default';
+/** Shared props for the web Popover root component. */
 interface UniversalPopoverProps {
   /** The PopoverTrigger and PopoverContent elements */
   children: ReactNode;
@@ -1113,10 +1116,12 @@ interface UniversalPopoverProps {
   /** The gap between the popover content and the trigger. @default 4 */
   gutter?: number;
 }
+/** Shared props for the web PopoverTrigger component. */
 interface UniversalPopoverTriggerProps {
   /** The content to display inside the popover trigger. This is what the popover will be anchored to. */
   children: ReactNode;
 }
+/** Shared props for the web PopoverContent component. */
 interface UniversalPopoverContentProps {
   /** The content of the popover. */
   children: ReactNode;