@learningpool/ui 1.15.4 → 1.16.0

package/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 /// <reference types="react" />
-/// <reference types="trusted-types" />
 export declare const StyledSwipeableAvatar: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const StyledBox: import("@emotion/styled").StyledComponent<import("@react-spring/web").AnimatedProps<{
     className?: string | undefined;
@@ -18,6 +17,8 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
         animationName?: import("csstype").Property.AnimationName | undefined;
         animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
+        animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
+        animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
         animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
         animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         appearance?: import("csstype").Property.Appearance | undefined;
@@ -139,6 +140,10 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         fontStretch?: import("csstype").Property.FontStretch | undefined;
         fontStyle?: import("csstype").Property.FontStyle | undefined;
         fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
+        fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
+        fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
+        fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
+        fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
         fontVariant?: import("csstype").Property.FontVariant | undefined;
         fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
         fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
@@ -212,6 +217,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
         maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
         maskType?: import("csstype").Property.MaskType | undefined;
+        masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
         mathDepth?: import("csstype").Property.MathDepth | undefined;
         mathShift?: import("csstype").Property.MathShift | undefined;
         mathStyle?: import("csstype").Property.MathStyle | undefined;
@@ -251,6 +257,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
         overflowX?: import("csstype").Property.OverflowX | undefined;
         overflowY?: import("csstype").Property.OverflowY | undefined;
+        overlay?: import("csstype").Property.Overlay | undefined;
         overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
         overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
         overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
@@ -338,12 +345,15 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         textTransform?: import("csstype").Property.TextTransform | undefined;
         textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
         textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
+        textWrap?: import("csstype").Property.TextWrap | undefined;
+        timelineScope?: import("csstype").Property.TimelineScope | undefined;
         top?: import("csstype").Property.Top<string | number> | undefined;
         touchAction?: import("csstype").Property.TouchAction | undefined;
         transform?: string | undefined;
         transformBox?: import("csstype").Property.TransformBox | undefined;
         transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
         transformStyle?: import("csstype").Property.TransformStyle | undefined;
+        transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
         transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
         transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
         transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
@@ -352,9 +362,14 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
         userSelect?: import("csstype").Property.UserSelect | undefined;
         verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+        viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
+        viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
+        viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
         viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
         visibility?: import("csstype").Property.Visibility | undefined;
         whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
+        whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
+        whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
         widows?: import("csstype").Property.Widows | undefined;
         width?: import("csstype").Property.Width<string | number> | undefined;
         willChange?: import("csstype").Property.WillChange | undefined;
@@ -366,6 +381,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         zoom?: import("csstype").Property.Zoom | undefined;
         all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
+        animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;
         backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
         border?: import("csstype").Property.Border<string | number> | undefined;
@@ -430,6 +446,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
         textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
+        viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
         MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
         MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -439,7 +456,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
         MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         MozAppearance?: import("csstype").Property.MozAppearance | undefined;
-        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBinding?: import("csstype").Property.MozBinding | undefined;
         MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
         MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
@@ -466,20 +482,16 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         MozOrient?: import("csstype").Property.MozOrient | undefined;
         MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
+        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
+        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
+        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
         MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
         MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
         MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
         MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
         MozUserModify?: import("csstype").Property.MozUserModify | undefined;
         MozUserSelect?: import("csstype").Property.UserSelect | undefined;
@@ -659,7 +671,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         MozBorderImage?: import("csstype").Property.BorderImage | undefined;
         MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
-        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
         msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
         msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
         msFlex?: import("csstype").Property.Flex<string | number> | undefined;
@@ -717,6 +729,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
         KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
         KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
+        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
         MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
         MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
@@ -738,17 +751,22 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         MozOpacity?: import("csstype").Property.Opacity | undefined;
         MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
         MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
-        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
-        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
-        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
-        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
-        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
         MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
+        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
+        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
         MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
         MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
         MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
+        MozTransform?: import("csstype").Property.Transform | undefined;
+        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
+        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
+        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
+        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
+        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
+        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserInput?: import("csstype").Property.MozUserInput | undefined;
         msImeMode?: import("csstype").Property.ImeMode | undefined;
         OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -781,8 +799,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
         WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
         WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-        WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
-        WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
         alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
         baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
         clipRule?: import("csstype").Property.ClipRule | undefined;
@@ -1116,6 +1132,8 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
         animationName?: import("csstype").Property.AnimationName | undefined;
         animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
+        animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
+        animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
         animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
         animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         appearance?: import("csstype").Property.Appearance | undefined;
@@ -1237,6 +1255,10 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         fontStretch?: import("csstype").Property.FontStretch | undefined;
         fontStyle?: import("csstype").Property.FontStyle | undefined;
         fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
+        fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
+        fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
+        fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
+        fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
         fontVariant?: import("csstype").Property.FontVariant | undefined;
         fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
         fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
@@ -1310,6 +1332,7 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
         maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
         maskType?: import("csstype").Property.MaskType | undefined;
+        masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
         mathDepth?: import("csstype").Property.MathDepth | undefined;
         mathShift?: import("csstype").Property.MathShift | undefined;
         mathStyle?: import("csstype").Property.MathStyle | undefined;
@@ -1349,6 +1372,7 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
         overflowX?: import("csstype").Property.OverflowX | undefined;
         overflowY?: import("csstype").Property.OverflowY | undefined;
+        overlay?: import("csstype").Property.Overlay | undefined;
         overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
         overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
         overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
@@ -1436,12 +1460,15 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         textTransform?: import("csstype").Property.TextTransform | undefined;
         textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
         textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
+        textWrap?: import("csstype").Property.TextWrap | undefined;
+        timelineScope?: import("csstype").Property.TimelineScope | undefined;
         top?: import("csstype").Property.Top<string | number> | undefined;
         touchAction?: import("csstype").Property.TouchAction | undefined;
         transform?: string | undefined;
         transformBox?: import("csstype").Property.TransformBox | undefined;
         transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
         transformStyle?: import("csstype").Property.TransformStyle | undefined;
+        transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
         transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
         transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
         transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
@@ -1450,9 +1477,14 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
         userSelect?: import("csstype").Property.UserSelect | undefined;
         verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+        viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
+        viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
+        viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
         viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
         visibility?: import("csstype").Property.Visibility | undefined;
         whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
+        whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
+        whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
         widows?: import("csstype").Property.Widows | undefined;
         width?: import("csstype").Property.Width<string | number> | undefined;
         willChange?: import("csstype").Property.WillChange | undefined;
@@ -1464,6 +1496,7 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         zoom?: import("csstype").Property.Zoom | undefined;
         all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
+        animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;
         backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
         border?: import("csstype").Property.Border<string | number> | undefined;
@@ -1528,6 +1561,7 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
         textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
+        viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
         MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
         MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -1537,7 +1571,6 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
         MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         MozAppearance?: import("csstype").Property.MozAppearance | undefined;
-        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBinding?: import("csstype").Property.MozBinding | undefined;
         MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
         MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
@@ -1564,20 +1597,16 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         MozOrient?: import("csstype").Property.MozOrient | undefined;
         MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
+        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
+        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
+        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
         MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
         MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
         MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
         MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
         MozUserModify?: import("csstype").Property.MozUserModify | undefined;
         MozUserSelect?: import("csstype").Property.UserSelect | undefined;
@@ -1757,7 +1786,7 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         MozBorderImage?: import("csstype").Property.BorderImage | undefined;
         MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
-        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
         msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
         msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
         msFlex?: import("csstype").Property.Flex<string | number> | undefined;
@@ -1815,6 +1844,7 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
         KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
         KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
+        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
         MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
         MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
@@ -1836,17 +1866,22 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         MozOpacity?: import("csstype").Property.Opacity | undefined;
         MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
         MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
-        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
-        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
-        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
-        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
-        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
         MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
+        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
+        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
         MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
         MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
         MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
+        MozTransform?: import("csstype").Property.Transform | undefined;
+        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
+        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
+        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
+        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
+        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
+        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserInput?: import("csstype").Property.MozUserInput | undefined;
         msImeMode?: import("csstype").Property.ImeMode | undefined;
         OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -1879,8 +1914,6 @@ export declare const StyledBoxProfile: import("@emotion/styled").StyledComponent
         WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
         WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
         WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-        WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
-        WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
         alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
         baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
         clipRule?: import("csstype").Property.ClipRule | undefined;
@@ -2214,6 +2247,8 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
         animationName?: import("csstype").Property.AnimationName | undefined;
         animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
+        animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
+        animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
         animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
         animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         appearance?: import("csstype").Property.Appearance | undefined;
@@ -2335,6 +2370,10 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         fontStretch?: import("csstype").Property.FontStretch | undefined;
         fontStyle?: import("csstype").Property.FontStyle | undefined;
         fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
+        fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
+        fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
+        fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
+        fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
         fontVariant?: import("csstype").Property.FontVariant | undefined;
         fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
         fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
@@ -2408,6 +2447,7 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
         maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
         maskType?: import("csstype").Property.MaskType | undefined;
+        masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
         mathDepth?: import("csstype").Property.MathDepth | undefined;
         mathShift?: import("csstype").Property.MathShift | undefined;
         mathStyle?: import("csstype").Property.MathStyle | undefined;
@@ -2447,6 +2487,7 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
         overflowX?: import("csstype").Property.OverflowX | undefined;
         overflowY?: import("csstype").Property.OverflowY | undefined;
+        overlay?: import("csstype").Property.Overlay | undefined;
         overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
         overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
         overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
@@ -2534,12 +2575,15 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         textTransform?: import("csstype").Property.TextTransform | undefined;
         textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
         textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
+        textWrap?: import("csstype").Property.TextWrap | undefined;
+        timelineScope?: import("csstype").Property.TimelineScope | undefined;
         top?: import("csstype").Property.Top<string | number> | undefined;
         touchAction?: import("csstype").Property.TouchAction | undefined;
         transform?: string | undefined;
         transformBox?: import("csstype").Property.TransformBox | undefined;
         transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
         transformStyle?: import("csstype").Property.TransformStyle | undefined;
+        transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
         transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
         transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
         transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
@@ -2548,9 +2592,14 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
         userSelect?: import("csstype").Property.UserSelect | undefined;
         verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+        viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
+        viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
+        viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
         viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
         visibility?: import("csstype").Property.Visibility | undefined;
         whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
+        whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
+        whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
         widows?: import("csstype").Property.Widows | undefined;
         width?: import("csstype").Property.Width<string | number> | undefined;
         willChange?: import("csstype").Property.WillChange | undefined;
@@ -2562,6 +2611,7 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         zoom?: import("csstype").Property.Zoom | undefined;
         all?: import("csstype").Globals | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
+        animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;
         backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
         border?: import("csstype").Property.Border<string | number> | undefined;
@@ -2626,6 +2676,7 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
         textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
+        viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
         MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
         MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -2635,7 +2686,6 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
         MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         MozAppearance?: import("csstype").Property.MozAppearance | undefined;
-        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBinding?: import("csstype").Property.MozBinding | undefined;
         MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
         MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
@@ -2662,20 +2712,16 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         MozOrient?: import("csstype").Property.MozOrient | undefined;
         MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
+        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
+        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
+        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
         MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
         MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
         MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
         MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
         MozUserModify?: import("csstype").Property.MozUserModify | undefined;
         MozUserSelect?: import("csstype").Property.UserSelect | undefined;
@@ -2855,7 +2901,7 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         MozBorderImage?: import("csstype").Property.BorderImage | undefined;
         MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
-        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
         msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
         msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
         msFlex?: import("csstype").Property.Flex<string | number> | undefined;
@@ -2913,6 +2959,7 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
         KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
         KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
+        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
         MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
         MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
@@ -2934,17 +2981,22 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         MozOpacity?: import("csstype").Property.Opacity | undefined;
         MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
         MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
-        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
-        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
-        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
-        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
-        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
         MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
+        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
+        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
         MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
         MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
         MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
+        MozTransform?: import("csstype").Property.Transform | undefined;
+        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
+        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
+        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
+        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
+        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
+        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserInput?: import("csstype").Property.MozUserInput | undefined;
         msImeMode?: import("csstype").Property.ImeMode | undefined;
         OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -2977,8 +3029,6 @@ export declare const StyledBoxProfileEdit: import("@emotion/styled").StyledCompo
         WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
         WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
         WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-        WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
-        WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
         alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
         baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
         clipRule?: import("csstype").Property.ClipRule | undefined;

package/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.js

@@ -1,18 +1,76 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { Avatar, Button, ListItemButton, Typography } from '../../../index';
 import { getNavigationBackground, getNavigationContrastText, getOffsetNavigationBackground, getOffsetNavigationContrastText } from '../helpers';
 import Drawer from '@mui/material/Drawer';
 import { styled } from '@mui/material/styles';
 import { animated } from '@react-spring/web';
-export var StyledSwipeableAvatar = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Override the MUI default z-index of the Drawer component\n    to ensure that the drawer is always below the AppBar. */\n  z-index: ", ";\n\n  .MuiPaper-root {\n    height: 100vh;\n    border: none;\n    z-index: 1;\n  }\n"], ["\n  /* Override the MUI default z-index of the Drawer component\n    to ensure that the drawer is always below the AppBar. */\n  z-index: ", ";\n\n  .MuiPaper-root {\n    height: 100vh;\n    border: none;\n    z-index: 1;\n  }\n"])), function (props) { return props.theme.zIndex.appBar - 1; });
-export var StyledBox = styled(animated.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  overflow: auto;\n  padding: 15vh ", ";\n  position: relative;\n"], ["\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  height: 100%;\n  overflow: auto;\n  padding: 15vh ", ";\n  position: relative;\n"])), function (props) { return getOffsetNavigationBackground(props.theme); }, function (props) { return getOffsetNavigationContrastText(props.theme); }, function (props) { return props.theme.spacing(2); });
-export var StyledBoxProfile = styled(animated.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 2rem\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 2rem\n"])));
-export var StyledBoxProfileEdit = styled(animated.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-export var StyledAvatarName = styled(Typography)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.75rem;\n"], ["\n  font-size: 1.75rem;\n"])));
-export var StyledOutlineButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border-color: ", ";\n  color: ", ";\n\n  :hover,\n  :focus-visible {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  border-color: ", ";\n  color: ", ";\n\n  :hover,\n  :focus-visible {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), function (props) { return getOffsetNavigationContrastText(props.theme); }, function (props) { return getOffsetNavigationContrastText(props.theme); }, function (props) { return getOffsetNavigationBackground(props.theme, 0.133); }, function (props) { return getOffsetNavigationContrastText(props.theme); });
-export var StyledAvatar = styled(Avatar)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  font-size: 0.85rem;\n  font-weight: bold;\n"], ["\n  background-color: ", ";\n  color: ", ";\n  font-size: 0.85rem;\n  font-weight: bold;\n"])), function (props) { return getNavigationBackground(props.theme); }, function (props) { return getNavigationContrastText(props.theme); });
-export var StyledListItemButton = styled(ListItemButton)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-radius: 50px;\n  white-space: normal;\n  box-shadow: 0 0 0 0 transparent;\n  transition: all 0.2s ease;\n\n  & .MuiListItemIcon-root {\n    color: ", ";\n  }\n\n  :hover {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  :focus-visible {\n    background-color: ", ";\n    box-shadow: 0 0 0 3px ", ";\n  }\n"], ["\n  border-radius: 50px;\n  white-space: normal;\n  box-shadow: 0 0 0 0 transparent;\n  transition: all 0.2s ease;\n\n  & .MuiListItemIcon-root {\n    color: ", ";\n  }\n\n  :hover {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  :focus-visible {\n    background-color: ", ";\n    box-shadow: 0 0 0 3px ", ";\n  }\n"])), function (props) { return getOffsetNavigationContrastText(props.theme); }, function (props) { return getOffsetNavigationContrastText(props.theme, 0.133); }, function (props) { return getOffsetNavigationBackground(props.theme, 0.133); }, function (props) { return getOffsetNavigationBackground(props.theme, 0.133); }, function (props) { return getOffsetNavigationContrastText(props.theme, 0.133); });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+export const StyledSwipeableAvatar = styled(Drawer) `
+  /* Override the MUI default z-index of the Drawer component
+    to ensure that the drawer is always below the AppBar. */
+  z-index: ${props => props.theme.zIndex.appBar - 1};
+
+  .MuiPaper-root {
+    height: 100vh;
+    border: none;
+    z-index: 1;
+  }
+`;
+export const StyledBox = styled(animated.div) `
+  background-color: ${props => getOffsetNavigationBackground(props.theme)};
+  color: ${props => getOffsetNavigationContrastText(props.theme)};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  height: 100%;
+  overflow: auto;
+  padding: 15vh ${props => props.theme.spacing(2)};
+  position: relative;
+`;
+export const StyledBoxProfile = styled(animated.div) `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 2rem
+`;
+export const StyledBoxProfileEdit = styled(animated.div) `
+  display: flex;
+`;
+export const StyledAvatarName = styled(Typography) `
+  font-size: 1.75rem;
+`;
+export const StyledOutlineButton = styled(Button) `
+  border-color: ${props => getOffsetNavigationContrastText(props.theme)};
+  color: ${props => getOffsetNavigationContrastText(props.theme)};
+
+  :hover,
+  :focus-visible {
+    background-color: ${props => getOffsetNavigationBackground(props.theme, 0.133)};
+    border-color: ${props => getOffsetNavigationContrastText(props.theme)};
+  }
+`;
+export const StyledAvatar = styled(Avatar) `
+  background-color: ${props => getNavigationBackground(props.theme)};
+  color: ${props => getNavigationContrastText(props.theme)};
+  font-size: 0.85rem;
+  font-weight: bold;
+`;
+export const StyledListItemButton = styled(ListItemButton) `
+  border-radius: 50px;
+  white-space: normal;
+  box-shadow: 0 0 0 0 transparent;
+  transition: all 0.2s ease;
+
+  & .MuiListItemIcon-root {
+    color: ${props => getOffsetNavigationContrastText(props.theme)};
+  }
+
+  :hover {
+    color: ${props => getOffsetNavigationContrastText(props.theme, 0.133)};
+    background-color: ${props => getOffsetNavigationBackground(props.theme, 0.133)};
+  }
+
+  :focus-visible {
+    background-color: ${props => getOffsetNavigationBackground(props.theme, 0.133)};
+    box-shadow: 0 0 0 3px ${props => getOffsetNavigationContrastText(props.theme, 0.133)};
+  }
+`;

package/components/navigation/MobileNavigation/MobileNavigationDrawer.d.ts

@@ -26,4 +26,4 @@ export interface ISwipeableTemporaryDrawerProps {
     /** @deprecated This property will be removed in the next major version (2.X) */
     avatarPanelShowHelpLinks?: boolean;
 }
-export default function SwipeableTemporaryDrawer(props: ISwipeableTemporaryDrawerProps): JSX.Element;
+export default function SwipeableTemporaryDrawer(props: ISwipeableTemporaryDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;