@hyphen/hyphen-components 6.4.0 → 6.5.0

package/dist/hyphen-components.esm.js

@@ -1918,8 +1918,9 @@ var styles$l = {"drawer":"Drawer-module_drawer__IKoOm","hide-overlay-right":"Dra
 var _excluded$v = ["defaultIsOpen", "open", "onOpenChange", "className", "children"],
   _excluded2$3 = ["asChild", "onClick"],
   _excluded3$2 = ["className"],
-  _excluded4$2 = ["className", "onClick", "onClose"],
-  _excluded5$2 = ["className"];
+  _excluded4$2 = ["className"],
+  _excluded5$2 = ["className", "onClick", "onClose"],
+  _excluded6$2 = ["className"];
 var DrawerContext = /*#__PURE__*/createContext(null);
 function useDrawer() {
   var context = useContext(DrawerContext);
@@ -2091,7 +2092,8 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   }, children)))));
 });
 var DrawerHeader = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
-  var props = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
+  var className = _ref4.className,
+    props = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
   return React__default.createElement(Box, _extends({
     ref: ref,
     "data-drawer": "header",
@@ -2101,23 +2103,26 @@ var DrawerHeader = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref)
     padding: {
       base: '2xl 2xl 0 2xl',
       tablet: '3xl 3xl 0 3xl'
-    }
+    },
+    className: className
   }, props));
 });
 DrawerHeader.displayName = 'DrawerHeader';
 var DrawerTitle = /*#__PURE__*/React__default.forwardRef(function (_ref5, ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+  var className = _ref5.className,
+    props = _objectWithoutPropertiesLoose(_ref5, _excluded4$2);
   return React__default.createElement(Box, _extends({
     ref: ref,
     "data-drawer": "title",
-    fontWeight: "bold"
+    fontWeight: "bold",
+    className: className
   }, props));
 });
 var DrawerCloseButton = /*#__PURE__*/forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
     onClick = _ref6.onClick,
     onClose = _ref6.onClose,
-    rest = _objectWithoutPropertiesLoose(_ref6, _excluded4$2);
+    rest = _objectWithoutPropertiesLoose(_ref6, _excluded5$2);
   var context = useContext(DrawerContext);
   var isStandalone = !context;
   var handleClick = function handleClick(event) {
@@ -2144,7 +2149,8 @@ var DrawerCloseButton = /*#__PURE__*/forwardRef(function (_ref6, ref) {
 });
 DrawerCloseButton.displayName = 'DrawerCloseButton';
 var DrawerContent = /*#__PURE__*/React__default.forwardRef(function (_ref7, ref) {
-  var props = _objectWithoutPropertiesLoose(_ref7, _excluded5$2);
+  var className = _ref7.className,
+    props = _objectWithoutPropertiesLoose(_ref7, _excluded6$2);
   return React__default.createElement(Box, _extends({
     ref: ref,
     "data-drawer": "content",
@@ -2155,7 +2161,8 @@ var DrawerContent = /*#__PURE__*/React__default.forwardRef(function (_ref7, ref)
       base: '2xl',
       tablet: '3xl'
     },
-    gap: "md"
+    gap: "md",
+    className: className
   }, props));
 });