@trackunit/react-drawer 1.24.1 → 1.24.2

package/index.cjs.js

@@ -319,10 +319,11 @@ const getIconName = (open, position) => {
  * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {DrawerPosition} props.position - The position of the button relative to its container
  * @param props.ref - Ref forwarded to the root DOM element
+ * @param props.style - Inline styles applied to the root DOM element
  */
-const DrawerToggle = ({ open, position, onClick = NOOP, ref }) => {
+const DrawerToggle = ({ open, position, onClick = NOOP, ref, style }) => {
     const name = getIconName(open, position);
-    return (jsxRuntime.jsx("div", { className: cvaToggleContainer({ position }), ref: ref, children: jsxRuntime.jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsxRuntime.jsx(reactComponents.Icon, { name: name }) }) }));
+    return (jsxRuntime.jsx("div", { className: cvaToggleContainer({ position }), ref: ref, style: style, children: jsxRuntime.jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsxRuntime.jsx(reactComponents.Icon, { name: name }) }) }));
 };
 const cvaDrawerToggle = cssClassVarianceUtilities.cvaMerge([
     "flex",

package/index.esm.js

@@ -317,10 +317,11 @@ const getIconName = (open, position) => {
  * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {DrawerPosition} props.position - The position of the button relative to its container
  * @param props.ref - Ref forwarded to the root DOM element
+ * @param props.style - Inline styles applied to the root DOM element
  */
-const DrawerToggle = ({ open, position, onClick = NOOP, ref }) => {
+const DrawerToggle = ({ open, position, onClick = NOOP, ref, style }) => {
     const name = getIconName(open, position);
-    return (jsx("div", { className: cvaToggleContainer({ position }), ref: ref, children: jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsx(Icon, { name: name }) }) }));
+    return (jsx("div", { className: cvaToggleContainer({ position }), ref: ref, style: style, children: jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsx(Icon, { name: name }) }) }));
 };
 const cvaDrawerToggle = cvaMerge([
     "flex",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-drawer",
-  "version": "1.24.1",
+  "version": "1.24.2",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/DrawerToggle/DrawerToggle.d.ts

@@ -1,7 +1,7 @@
-import { Refable } from "@trackunit/react-components";
+import { Refable, type Styleable } from "@trackunit/react-components";
 import { MouseEvent } from "react";
 import { type DrawerPosition } from "../../types";
-interface DrawerToggleProps extends Refable<HTMLDivElement> {
+interface DrawerToggleProps extends Refable<HTMLDivElement>, Styleable {
     open: boolean;
     onClick?: (event: MouseEvent) => void;
     position: DrawerPosition;
@@ -17,6 +17,7 @@ interface DrawerToggleProps extends Refable<HTMLDivElement> {
  * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {DrawerPosition} props.position - The position of the button relative to its container
  * @param props.ref - Ref forwarded to the root DOM element
+ * @param props.style - Inline styles applied to the root DOM element
  */
-export declare const DrawerToggle: ({ open, position, onClick, ref }: DrawerToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerToggle: ({ open, position, onClick, ref, style }: DrawerToggleProps) => import("react/jsx-runtime").JSX.Element;
 export {};