@aurora-ds/components 1.7.12 → 1.7.13
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/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -5648,7 +5648,7 @@ const DRAWER_STYLES = createStyles((theme) => ({
|
|
|
5648
5648
|
display: 'flex',
|
|
5649
5649
|
flexDirection: 'column',
|
|
5650
5650
|
width: isExpanded ? EXPANDED_DRAWER_WIDTH : COLLAPSED_DRAWER_WIDTH,
|
|
5651
|
-
transition: `width ${theme.transition.
|
|
5651
|
+
transition: `width ${theme.transition.normal}`,
|
|
5652
5652
|
overflow: 'hidden',
|
|
5653
5653
|
backgroundColor: theme.colors.surfacePaper,
|
|
5654
5654
|
borderRight: `1px solid ${theme.colors.borderMain}`,
|
|
@@ -5844,7 +5844,7 @@ const DRAWER_ITEM_STYLES = createStyles((theme) => ({
|
|
|
5844
5844
|
outline: 'none',
|
|
5845
5845
|
textDecoration: 'none',
|
|
5846
5846
|
boxSizing: 'border-box',
|
|
5847
|
-
transition: `width ${theme.transition.
|
|
5847
|
+
transition: `width ${theme.transition.normal}, background-color ${theme.transition.fast}, color ${theme.transition.fast}`,
|
|
5848
5848
|
whiteSpace: 'nowrap',
|
|
5849
5849
|
overflow: 'hidden',
|
|
5850
5850
|
height: DEFAULT_DRAWER_ITEM_SIZE,
|
|
@@ -5908,7 +5908,7 @@ const DRAWER_ITEM_STYLES = createStyles((theme) => ({
|
|
|
5908
5908
|
*/
|
|
5909
5909
|
const DrawerItem = ({ startIcon, label, selected = false, endContent, href, onClick, disabled = false, ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaControls, ariaExpanded, ariaHasPopup, ariaCurrent, }) => {
|
|
5910
5910
|
const { isExpanded } = useDrawerContext();
|
|
5911
|
-
const { isVisible: isLabelVisible, isFadingIn: isLabelFadingIn } = useTransitionRender(isExpanded);
|
|
5911
|
+
const { isVisible: isLabelVisible, isFadingIn: isLabelFadingIn } = useTransitionRender(isExpanded, 200);
|
|
5912
5912
|
const rootClassName = DRAWER_ITEM_STYLES.root({ selected, isExpanded });
|
|
5913
5913
|
const computedAriaLabel = ariaLabel ?? (!isExpanded ? label : undefined);
|
|
5914
5914
|
const computedAriaCurrent = ariaCurrent ?? (selected ? 'page' : undefined);
|