kiban-design-system 1.0.258-alpha.0 → 1.0.259-alpha.0
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/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +12 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -18254,7 +18254,10 @@ const Item$3 = ({ label, isDisabled, icon, onClick, isActive, subNavigationItems
|
|
|
18254
18254
|
const anchorMarkup = (jsxs(AnchorComponent, Object.assign({}, anchorProps, { target: isExternal ? '_blank' : undefined, onClick: handleClick }, { children: [iconMarkup, labelMarkup] }), void 0));
|
|
18255
18255
|
const tooltipAnchorMarkup = isCollapsed ? (jsx(AlphaTooltip, Object.assign({ content: label, position: 'right' }, { children: anchorMarkup }), void 0)) : null;
|
|
18256
18256
|
const classNames = cssClassName(COMPONENT_NAME$p, isDisabled && 'isDisabled', isActive && 'isActive', truncateText && 'isTruncated', (isCollapsed !== undefined ? isCollapsed : collapsed) && 'isCollapsed');
|
|
18257
|
-
return (jsx(motion.li, Object.assign({ layout: true, className: classNames
|
|
18257
|
+
return (jsx(motion.li, Object.assign({ layout: true, className: classNames, transition: {
|
|
18258
|
+
duration: 0.3,
|
|
18259
|
+
ease: [0.4, 0, 0.2, 1],
|
|
18260
|
+
} }, { children: tooltipAnchorMarkup || anchorMarkup }), void 0));
|
|
18258
18261
|
};
|
|
18259
18262
|
|
|
18260
18263
|
const COMPONENT_NAME$o = 'AlphaSideMenu__Section';
|
|
@@ -18262,7 +18265,10 @@ const Section$1 = ({ items, fill, title, isCollapsed: isCollapsedProp, areSubNav
|
|
|
18262
18265
|
const { collapsed } = useContext(SideMenuContext);
|
|
18263
18266
|
const isCollapsed = isCollapsedProp !== undefined ? isCollapsedProp : collapsed;
|
|
18264
18267
|
const titleClassNames = cssClassName(`${COMPONENT_NAME$o}__TitleWrapper`, (isCollapsed !== undefined ? isCollapsed : collapsed) && 'isCollapsed');
|
|
18265
|
-
const titleMarkup = title ? (jsx(motion.div, Object.assign({ layout: true, className: titleClassNames
|
|
18268
|
+
const titleMarkup = title ? (jsx(motion.div, Object.assign({ layout: true, className: titleClassNames, transition: {
|
|
18269
|
+
duration: 0.3,
|
|
18270
|
+
ease: [0.4, 0, 0.2, 1],
|
|
18271
|
+
} }, { children: jsx(motion.span, Object.assign({ animate: {
|
|
18266
18272
|
opacity: isCollapsed ? 0 : 1,
|
|
18267
18273
|
}, layout: true }, { children: title }), void 0) }), void 0)) : null;
|
|
18268
18274
|
const renderItem = (item, index) => {
|
|
@@ -18271,7 +18277,10 @@ const Section$1 = ({ items, fill, title, isCollapsed: isCollapsedProp, areSubNav
|
|
|
18271
18277
|
};
|
|
18272
18278
|
const itemsMarkup = items && items.length > 0 ? (jsx("ul", Object.assign({ className: `${COMPONENT_NAME$o}__Items` }, { children: items.map(renderItem) }), void 0)) : null;
|
|
18273
18279
|
const classNames = cssClassName(COMPONENT_NAME$o, fill && 'isFill');
|
|
18274
|
-
return (jsxs(motion.div, Object.assign({ className: classNames, layout: true
|
|
18280
|
+
return (jsxs(motion.div, Object.assign({ className: classNames, layout: true, transition: {
|
|
18281
|
+
duration: 0.3,
|
|
18282
|
+
ease: [0.4, 0, 0.2, 1],
|
|
18283
|
+
} }, { children: [titleMarkup, itemsMarkup] }), void 0));
|
|
18275
18284
|
};
|
|
18276
18285
|
|
|
18277
18286
|
const COMPONENT_NAME$n = 'AlphaSideMenu__Tier';
|