@learningpool/ui 1.8.8 → 1.9.0

package/components/navigation/MobileNavigation/MobileNavigationDrawer.js

@@ -67,24 +67,15 @@ export default function SwipeableTemporaryDrawer(props) {
                             : (_jsx(StreamSuiteLogo, { style: {
                                     fill: getOffsetNavigationContrastText(theme)
                                 } })), _jsx(StyledDrawerLogoText, __assign({ variant: 'body1' }, { children: logoText !== null && logoText !== void 0 ? logoText : 'Site Logo' }))] })), _jsx(List, __assign({ "data-id": dataIds.MobileNavDrawerPrimaryList }, { children: items && items.length > 0 && items.map(function (item, index) {
-                        var label = item.label, children = item.children;
+                        var label = item.label, children = item.children, onClick = item.onClick;
                         return (_jsxs(StyledListItem, __assign({ "data-id": dataIds.MobileNavDrawerPrimaryItem, disablePadding: true, 
                             // @ts-expect-error
-                            component: animated.li, style: animationRefs.current[index] }, { children: [_jsx(StyledListItemButton
-                                // whileHover={{ scale: 1.02 }}
-                                // whileTap={{ scale: 0.95 }}
-                                , __assign({}, item, { children: _jsx(StyledListItemText, { primary: label }) })), children && children.length > 0 && (_jsx(StyledChildList, __assign({ "data-id": dataIds.MobileNavDrawerPrimaryChildList, "aria-label": label }, { children: children.map(function (childItem) { return (_jsx(StyledChildListItem, __assign({ "data-id": dataIds.MobileNavDrawerPrimaryChildItem }, { children: _jsx(StyledChildListItemButton
-                                        // whileHover={{ scale: 1.02 }}
-                                        // whileTap={{ scale: 0.95 }}
-                                        , __assign({}, childItem, { children: _jsx(StyledChildListItemText, { primary: childItem.label }, childItem.label) })) }), childItem.label)); }) })))] }), label));
+                            component: animated.li, style: animationRefs.current[index] }, { children: [_jsx(StyledListItemButton, __assign({ onClick: onClick }, { children: _jsx(StyledListItemText, { primary: label }) })), children && children.length > 0 && (_jsx(StyledChildList, __assign({ "data-id": dataIds.MobileNavDrawerPrimaryChildList, "aria-label": label }, { children: children.map(function (childItem) { return (_jsx(StyledChildListItem, __assign({ "data-id": dataIds.MobileNavDrawerPrimaryChildItem }, { children: _jsx(StyledChildListItemButton, __assign({ onClick: childItem === null || childItem === void 0 ? void 0 : childItem.onClick }, { children: _jsx(StyledChildListItemText, { primary: childItem === null || childItem === void 0 ? void 0 : childItem.label }, childItem === null || childItem === void 0 ? void 0 : childItem.label) })) }), childItem === null || childItem === void 0 ? void 0 : childItem.label)); }) })))] }), label));
                     }) })), secondaryItems && secondaryItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(animated.div, __assign({ style: animationRefs.current[((_a = items === null || items === void 0 ? void 0 : items.length) !== null && _a !== void 0 ? _a : 0) + 1] }, { children: _jsx(StyledDivider, {}) })), _jsx(StyledListSecondaryList, __assign({ "data-id": dataIds.MobileNavDrawerSecondaryList }, { children: secondaryItems && secondaryItems.length > 0 && secondaryItems.map(function (item, index) {
                                 var _a;
                                 return (_jsx(StyledListSecondaryItem, __assign({ "data-id": dataIds.MobileNavDrawerSecondaryItem, disablePadding: true, 
                                     // @ts-expect-error
-                                    component: animated.li, style: animationRefs.current[((_a = items === null || items === void 0 ? void 0 : items.length) !== null && _a !== void 0 ? _a : 0) + index + 2] }, { children: _jsx(StyledListSecondaryButton
-                                    // whileHover={{ scale: 1.02 }}
-                                    // whileTap={{ scale: 0.95, boxShadow: '0 6px 15px rgb(36 37 38 / 0%);' }}
-                                    , __assign({}, item, { children: _jsx(ListItemText, { primary: item.label }) })) }), item.label));
+                                    component: animated.li, style: animationRefs.current[((_a = items === null || items === void 0 ? void 0 : items.length) !== null && _a !== void 0 ? _a : 0) + index + 2] }, { children: _jsx(StyledListSecondaryButton, __assign({ onClick: item === null || item === void 0 ? void 0 : item.onClick }, { children: _jsx(ListItemText, { primary: item.label }) })) }), item.label));
                             }) }))] }))] })));
     };
     return (_jsx("aside", { children: _jsx(StyledSwipeableDrawer, __assign({ "data-id": dataIds.MobileNavDrawerPanel, anchor: 'bottom', open: isOpen, onClose: toggleDrawer(false), hideBackdrop: true, ModalProps: {

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

@@ -16,6 +16,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         alignItems?: import("csstype").Property.AlignItems | undefined;
         alignSelf?: import("csstype").Property.AlignSelf | undefined;
         alignTracks?: import("csstype").Property.AlignTracks | undefined;
+        animationComposition?: import("csstype").Property.AnimationComposition | undefined;
         animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         animationDirection?: import("csstype").Property.AnimationDirection | undefined;
         animationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -95,6 +96,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         breakInside?: import("csstype").Property.BreakInside | undefined;
         captionSide?: import("csstype").Property.CaptionSide | undefined;
         caretColor?: import("csstype").Property.CaretColor | undefined;
+        caretShape?: import("csstype").Property.CaretShape | undefined;
         clear?: import("csstype").Property.Clear | undefined;
         clipPath?: import("csstype").Property.ClipPath | undefined;
         color?: import("csstype").Property.Color | undefined;
@@ -109,6 +111,12 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         columnSpan?: import("csstype").Property.ColumnSpan | undefined;
         columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
         contain?: import("csstype").Property.Contain | undefined;
+        containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
+        containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
+        containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
+        containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
+        containerName?: import("csstype").Property.ContainerName | undefined;
+        containerType?: import("csstype").Property.ContainerType | undefined;
         content?: import("csstype").Property.Content | undefined;
         contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
         counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
@@ -130,6 +138,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         fontKerning?: import("csstype").Property.FontKerning | undefined;
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
+        fontPalette?: import("csstype").Property.FontPalette | undefined;
         fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
@@ -140,6 +149,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
         fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
         fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
+        fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
         fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
         fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
         fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
@@ -159,6 +169,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
         height?: import("csstype").Property.Height<string | number> | undefined;
         hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
+        hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
         hyphens?: import("csstype").Property.Hyphens | undefined;
         imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
         imageRendering?: import("csstype").Property.ImageRendering | undefined;
@@ -166,11 +177,8 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         initialLetter?: import("csstype").Property.InitialLetter | undefined;
         inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
         inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
         insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
         insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
         insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
         insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
         isolation?: import("csstype").Property.Isolation | undefined;
@@ -186,16 +194,15 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
         listStyleType?: import("csstype").Property.ListStyleType | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
         marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
         marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
         marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
         marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
         marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
         marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
         marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
+        marginTrim?: import("csstype").Property.MarginTrim | undefined;
         maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
         maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
         maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -211,6 +218,8 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
         maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
         maskType?: import("csstype").Property.MaskType | undefined;
+        mathDepth?: import("csstype").Property.MathDepth | undefined;
+        mathShift?: import("csstype").Property.MathShift | undefined;
         mathStyle?: import("csstype").Property.MathStyle | undefined;
         maxBlockSize?: import("csstype").Property.MaxBlockSize<string | number> | undefined;
         maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
@@ -230,6 +239,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
         offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
         offsetPath?: import("csstype").Property.OffsetPath | undefined;
+        offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
         offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
         offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
         opacity?: import("csstype").Property.Opacity | undefined;
@@ -251,23 +261,21 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
         overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
         overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
         paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
         paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
         paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
         paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
         paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
         paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
         paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
         paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
+        page?: import("csstype").Property.Page | undefined;
         pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
         pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
         pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
         paintOrder?: import("csstype").Property.PaintOrder | undefined;
         perspective?: import("csstype").Property.Perspective<string | number> | undefined;
         perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-        placeContent?: import("csstype").Property.PlaceContent | undefined;
         pointerEvents?: import("csstype").Property.PointerEvents | undefined;
         position?: import("csstype").Property.Position | undefined;
         printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
@@ -281,36 +289,31 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         rubyPosition?: import("csstype").Property.RubyPosition | undefined;
         scale?: string | number | readonly [number, number] | undefined;
         scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
-        scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-        scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
         scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
         scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
         scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-        scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
         scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
         scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
         scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
         scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
         scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-        scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
-        scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
         scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
         scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
         scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
-        scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
         scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
         scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
         scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
         scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
         scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
         scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
-        scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
         scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
         scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
         scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
         scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
         scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
         scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
+        scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
+        scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
         scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
         scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
         scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
@@ -328,7 +331,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | undefined;
         textDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
         textDecorationThickness?: import("csstype").Property.TextDecorationThickness<string | number> | undefined;
-        textDecorationWidth?: import("csstype").Property.TextDecorationThickness<string | number> | undefined;
         textEmphasisColor?: import("csstype").Property.TextEmphasisColor | undefined;
         textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | undefined;
         textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | undefined;
@@ -356,6 +358,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
         userSelect?: import("csstype").Property.UserSelect | undefined;
         verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+        viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
         visibility?: import("csstype").Property.Visibility | undefined;
         whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
         widows?: import("csstype").Property.Widows | undefined;
@@ -387,8 +390,11 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         borderStyle?: import("csstype").Property.BorderStyle | undefined;
         borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
         borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+        caret?: import("csstype").Property.Caret | undefined;
         columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         columns?: import("csstype").Property.Columns<string | number> | undefined;
+        containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
+        container?: import("csstype").Property.Container | undefined;
         flex?: import("csstype").Property.Flex<string | number> | undefined;
         flexFlow?: import("csstype").Property.FlexFlow | undefined;
         font?: import("csstype").Property.Font | undefined;
@@ -398,9 +404,14 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         gridColumn?: import("csstype").Property.GridColumn | undefined;
         gridRow?: import("csstype").Property.GridRow | undefined;
         gridTemplate?: import("csstype").Property.GridTemplate | undefined;
+        inset?: import("csstype").Property.Inset<string | number> | undefined;
+        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
         lineClamp?: import("csstype").Property.LineClamp | undefined;
         listStyle?: import("csstype").Property.ListStyle | undefined;
         margin?: import("csstype").Property.Margin<string | number> | undefined;
+        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
         mask?: import("csstype").Property.Mask<string | number> | undefined;
         maskBorder?: import("csstype").Property.MaskBorder | undefined;
         motion?: import("csstype").Property.Offset<string | number> | undefined;
@@ -409,8 +420,19 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         overflow?: import("csstype").Property.Overflow | undefined;
         overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
         padding?: import("csstype").Property.Padding<string | number> | undefined;
+        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
+        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
+        placeContent?: import("csstype").Property.PlaceContent | undefined;
         placeItems?: import("csstype").Property.PlaceItems | undefined;
         placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+        scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+        scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
+        scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
+        scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
+        scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
+        scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
+        scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+        scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
         textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
         textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
@@ -424,6 +446,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         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;
         MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
@@ -436,7 +459,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         MozBoxSizing?: import("csstype").Property.BoxSizing | undefined;
         MozColumnCount?: import("csstype").Property.ColumnCount | undefined;
         MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
-        MozColumnGap?: import("csstype").Property.ColumnGap<string | number> | undefined;
         MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
         MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
         MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
@@ -470,7 +492,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         MozWindowDragging?: import("csstype").Property.MozWindowDragging | undefined;
         MozWindowShadow?: import("csstype").Property.MozWindowShadow | undefined;
         msAccelerator?: import("csstype").Property.MsAccelerator | undefined;
-        msAlignSelf?: import("csstype").Property.AlignSelf | undefined;
         msBlockProgression?: import("csstype").Property.MsBlockProgression | undefined;
         msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining | undefined;
         msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax | undefined;
@@ -491,7 +512,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         msHyphenateLimitZone?: import("csstype").Property.MsHyphenateLimitZone<string | number> | undefined;
         msHyphens?: import("csstype").Property.Hyphens | undefined;
         msImeAlign?: import("csstype").Property.MsImeAlign | undefined;
-        msJustifySelf?: import("csstype").Property.JustifySelf | undefined;
         msLineBreak?: import("csstype").Property.LineBreak | undefined;
         msOrder?: import("csstype").Property.Order | undefined;
         msOverflowStyle?: import("csstype").Property.MsOverflowStyle | undefined;
@@ -514,6 +534,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor | undefined;
         msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor | undefined;
         msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor | undefined;
+        msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | undefined;
         msTextAutospace?: import("csstype").Property.MsTextAutospace | undefined;
         msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright | undefined;
         msTextOverflow?: import("csstype").Property.TextOverflow | undefined;
@@ -563,7 +584,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         WebkitClipPath?: import("csstype").Property.ClipPath | undefined;
         WebkitColumnCount?: import("csstype").Property.ColumnCount | undefined;
         WebkitColumnFill?: import("csstype").Property.ColumnFill | undefined;
-        WebkitColumnGap?: import("csstype").Property.ColumnGap<string | number> | undefined;
         WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
         WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
         WebkitColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
@@ -692,7 +712,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
         scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | undefined;
         scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY | undefined;
-        scrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | undefined;
         KhtmlBoxAlign?: import("csstype").Property.BoxAlign | undefined;
         KhtmlBoxDirection?: import("csstype").Property.BoxDirection | undefined;
         KhtmlBoxFlex?: import("csstype").Property.BoxFlex | undefined;
@@ -708,7 +727,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
         MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
         MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-        MozBinding?: import("csstype").Property.MozBinding | undefined;
         MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
         MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
         MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
@@ -739,7 +757,6 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
         MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
         MozUserInput?: import("csstype").Property.MozUserInput | undefined;
         msImeMode?: import("csstype").Property.ImeMode | undefined;
-        msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | undefined;
         OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
         OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         OAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
@@ -831,25 +848,30 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -864,50 +886,50 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
+    'aria-busy'?: (boolean | "false" | "true") | undefined;
+    'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-expanded'?: (boolean | "false" | "true") | undefined;
     'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "false" | "true") | undefined;
+    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     'aria-level'?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-modal'?: (boolean | "false" | "true") | undefined;
+    'aria-multiline'?: (boolean | "false" | "true") | undefined;
+    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+    'aria-readonly'?: (boolean | "false" | "true") | undefined;
     'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
     'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-selected'?: (boolean | "false" | "true") | undefined;
     'aria-setsize'?: number | undefined;
     'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
     'aria-valuemax'?: number | undefined;
@@ -1085,7 +1107,7 @@ export declare const StyledDrawerLogo: import("@emotion/styled").StyledComponent
     viewBox?: string | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<string, any> | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledDrawerLogoText: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
     gutterBottom?: boolean | undefined;
@@ -1108,7 +1130,7 @@ export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
     } | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "button" | "children" | "sx" | "alignItems" | "disabled" | "autoFocus" | "selected" | "dense" | "components" | "componentsProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "button" | "autoFocus" | "children" | "sx" | "alignItems" | "disabled" | "selected" | "dense" | "components" | "componentsProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
@@ -1127,7 +1149,7 @@ export declare const StyledListItemButton: import("@emotion/styled").StyledCompo
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledChildList: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
@@ -1150,7 +1172,7 @@ export declare const StyledChildListItem: import("@emotion/styled").StyledCompon
     } | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "button" | "children" | "sx" | "alignItems" | "disabled" | "autoFocus" | "selected" | "dense" | "components" | "componentsProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "button" | "autoFocus" | "children" | "sx" | "alignItems" | "disabled" | "selected" | "dense" | "components" | "componentsProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledChildListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
@@ -1169,7 +1191,7 @@ export declare const StyledChildListItemButton: import("@emotion/styled").Styled
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledChildListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledListSecondaryList: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
@@ -1192,7 +1214,7 @@ export declare const StyledListSecondaryItem: import("@emotion/styled").StyledCo
     } | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "button" | "children" | "sx" | "alignItems" | "disabled" | "autoFocus" | "selected" | "dense" | "components" | "componentsProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "button" | "autoFocus" | "children" | "sx" | "alignItems" | "disabled" | "selected" | "dense" | "components" | "componentsProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledListSecondaryButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
     centerRipple?: boolean | undefined;
@@ -1211,5 +1233,5 @@ export declare const StyledListSecondaryButton: import("@emotion/styled").Styled
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "alignItems" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledDivider: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;