@galaxy-io/dls 1.5.8 → 1.5.10

package/dist/buttons/Button.d.ts

@@ -1,4 +1,5 @@
 import { type Icon as PhosphorIcon } from "@phosphor-icons/react";
+import { DropdownPosition } from "../dropdown/Dropdown";
 export interface ButtonProps {
     /** Button text. Omit for an icon-only button and set `ariaLabel` instead. */
     label?: string;
@@ -31,6 +32,8 @@ export interface ButtonProps {
     contentWhenDropdown?: React.ReactNode | ((args: {
         close: () => void;
     }) => React.ReactNode);
+    /** Placement of the caret dropdown. @default DropdownPosition.BOTTOM_END */
+    dropdownPosition?: DropdownPosition;
     /** Accessible name for the caret segment. @default "More actions" */
     dropdownAriaLabel?: string;
     /** Accessible name — required when the button renders an icon with no label. */
@@ -64,5 +67,5 @@ export declare enum ButtonSize {
  * With `contentWhenDropdown`, renders as a split button: a caret segment after
  * a hairline divider opens an anchored dropdown of advanced actions.
  */
-declare const Button: ({ label, icon, variant, size, onClick, onMouseEnter, onMouseLeave, fillWidth, isLoading, isDisabled, isIconTrailing, isIconFilled, isEllipsis, cursor, contentWhenDropdown, dropdownAriaLabel, ariaLabel, ariaExpanded, ariaControls, ariaHasPopup, }: ButtonProps) => import("react").JSX.Element;
+declare const Button: ({ label, icon, variant, size, onClick, onMouseEnter, onMouseLeave, fillWidth, isLoading, isDisabled, isIconTrailing, isIconFilled, isEllipsis, cursor, contentWhenDropdown, dropdownPosition, dropdownAriaLabel, ariaLabel, ariaExpanded, ariaControls, ariaHasPopup, }: ButtonProps) => import("react").JSX.Element;
 export default Button;

package/dist/buttons/Button.js

@@ -140,7 +140,7 @@ var BUTTON_SIZE_TO_ICON_SIZE_MAP = {
 * With `contentWhenDropdown`, renders as a split button: a caret segment after
 * a hairline divider opens an anchored dropdown of advanced actions.
 */
-var Button = ({ label, icon, variant = "PRIMARY", size = "MEDIUM", onClick, onMouseEnter, onMouseLeave, fillWidth, isLoading, isDisabled, isIconTrailing, isIconFilled, isEllipsis, cursor, contentWhenDropdown, dropdownAriaLabel, ariaLabel, ariaExpanded, ariaControls, ariaHasPopup }) => {
+var Button = ({ label, icon, variant = "PRIMARY", size = "MEDIUM", onClick, onMouseEnter, onMouseLeave, fillWidth, isLoading, isDisabled, isIconTrailing, isIconFilled, isEllipsis, cursor, contentWhenDropdown, dropdownPosition = DropdownPosition.BOTTOM_END, dropdownAriaLabel, ariaLabel, ariaExpanded, ariaControls, ariaHasPopup }) => {
 	const { activeTheme } = useGalaxyTheme();
 	const [isDropdownOpen, setIsDropdownOpen] = useState(false);
 	const handleClick = useCallback((e) => {
@@ -241,7 +241,8 @@ var Button = ({ label, icon, variant = "PRIMARY", size = "MEDIUM", onClick, onMo
 					body: dropdownBody,
 					isOpen: isDropdownOpen,
 					onClose: closeDropdown,
-					position: DropdownPosition.BOTTOM_END,
+					position: dropdownPosition,
+					noPadding: true,
 					children: /* @__PURE__ */ jsx(StyledButton, {
 						$variant: variant,
 						$size: size,

package/dist/dropdown/Dropdown.js

@@ -133,6 +133,7 @@ var Dropdown = ({ children, variant = "BASE", header, body, footer, position = "
 		appendTo: () => document.body,
 		disabled: isDisabled,
 		zIndex: 1e4,
+		maxWidth: "none",
 		children: /* @__PURE__ */ jsx(DropdownTriggerWrapper, {
 			onClick: handleClick,
 			$isOpen: visible,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-io/dls",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",