@hyphen/hyphen-components 4.3.0 → 4.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hyphen/hyphen-components",
3
- "version": "4.3.0",
3
+ "version": "4.3.2",
4
4
  "license": "MIT",
5
5
  "author": {
6
6
  "name": "@hyphen"
@@ -555,7 +555,7 @@ export const Box: FC<BoxProps> = forwardRef(
555
555
  return child; // Not gap if child is last element or if the children are strings or numbers.
556
556
  }
557
557
 
558
- const childClasses = classNames(child.props.className, [
558
+ const childClasses = classNames(child.props?.className, [
559
559
  ...Array.from(new Set(childGapClasses)),
560
560
  ]);
561
561
 
@@ -236,6 +236,11 @@ const Sidebar = React.forwardRef<
236
236
  top: '0',
237
237
  bottom: '0',
238
238
  zIndex: 'var(--size-z-index-drawer)',
239
+ animationTimingFunction: 'var(--sidebar-transition-timing, linear)',
240
+ transitionTimingFunction:
241
+ 'var(--sidebar-transition-timing, linear)',
242
+ transitionDuration: 'var(--sidebar-transition-duration, 200ms)',
243
+ animationDuration: 'var(--sidebar-transition-duration, 200ms)',
239
244
  transitionProperty: 'left, right, width',
240
245
  width: 'var(--sidebar-width)',
241
246
  height: '100svh',