@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
|
@@ -457,11 +457,11 @@ var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
457
457
|
*/
|
|
458
458
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
459
459
|
var decorateChildren = function decorateChildren(child, i, array) {
|
|
460
|
-
var _child$key;
|
|
460
|
+
var _child$props, _child$key;
|
|
461
461
|
if (i === array.length - 1 || !child || typeof child === 'string' || typeof child === 'number') {
|
|
462
462
|
return child; // Not gap if child is last element or if the children are strings or numbers.
|
|
463
463
|
}
|
|
464
|
-
var childClasses = classNames(child.props.className, [].concat(Array.from(new Set(childGapClasses))));
|
|
464
|
+
var childClasses = classNames((_child$props = child.props) == null ? void 0 : _child$props.className, [].concat(Array.from(new Set(childGapClasses))));
|
|
465
465
|
return cloneElement(child, {
|
|
466
466
|
className: childClasses,
|
|
467
467
|
key: (_child$key = child.key) != null ? _child$key : i
|
|
@@ -4034,6 +4034,10 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
|
|
|
4034
4034
|
top: '0',
|
|
4035
4035
|
bottom: '0',
|
|
4036
4036
|
zIndex: 'var(--size-z-index-drawer)',
|
|
4037
|
+
animationTimingFunction: 'var(--sidebar-transition-timing, linear)',
|
|
4038
|
+
transitionTimingFunction: 'var(--sidebar-transition-timing, linear)',
|
|
4039
|
+
transitionDuration: 'var(--sidebar-transition-duration, 200ms)',
|
|
4040
|
+
animationDuration: 'var(--sidebar-transition-duration, 200ms)',
|
|
4037
4041
|
transitionProperty: 'left, right, width',
|
|
4038
4042
|
width: 'var(--sidebar-width)',
|
|
4039
4043
|
height: '100svh'
|