@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/dist/hyphen-components.cjs.development.js +6 -2
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +6 -2
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Box/Box.tsx +1 -1
- package/src/components/Sidebar/Sidebar.tsx +5 -0
|
@@ -481,11 +481,11 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
481
481
|
*/
|
|
482
482
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
483
483
|
var decorateChildren = function decorateChildren(child, i, array) {
|
|
484
|
-
var _child$key;
|
|
484
|
+
var _child$props, _child$key;
|
|
485
485
|
if (i === array.length - 1 || !child || typeof child === 'string' || typeof child === 'number') {
|
|
486
486
|
return child; // Not gap if child is last element or if the children are strings or numbers.
|
|
487
487
|
}
|
|
488
|
-
var childClasses = classNames(child.props.className, [].concat(Array.from(new Set(childGapClasses))));
|
|
488
|
+
var childClasses = classNames((_child$props = child.props) == null ? void 0 : _child$props.className, [].concat(Array.from(new Set(childGapClasses))));
|
|
489
489
|
return React.cloneElement(child, {
|
|
490
490
|
className: childClasses,
|
|
491
491
|
key: (_child$key = child.key) != null ? _child$key : i
|
|
@@ -4058,6 +4058,10 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
4058
4058
|
top: '0',
|
|
4059
4059
|
bottom: '0',
|
|
4060
4060
|
zIndex: 'var(--size-z-index-drawer)',
|
|
4061
|
+
animationTimingFunction: 'var(--sidebar-transition-timing, linear)',
|
|
4062
|
+
transitionTimingFunction: 'var(--sidebar-transition-timing, linear)',
|
|
4063
|
+
transitionDuration: 'var(--sidebar-transition-duration, 200ms)',
|
|
4064
|
+
animationDuration: 'var(--sidebar-transition-duration, 200ms)',
|
|
4061
4065
|
transitionProperty: 'left, right, width',
|
|
4062
4066
|
width: 'var(--sidebar-width)',
|
|
4063
4067
|
height: '100svh'
|