@learningpool/ui 1.8.8 → 1.10.0

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

@@ -8,6 +8,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -87,6 +88,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -101,6 +103,12 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -122,6 +130,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -132,6 +141,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -151,6 +161,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -158,11 +169,8 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -178,16 +186,15 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -203,6 +210,8 @@ 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;
+        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;
@@ -222,6 +231,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -243,23 +253,21 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -273,36 +281,31 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -320,7 +323,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -348,6 +350,7 @@ 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;
+        viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
         visibility?: import("csstype").Property.Visibility | undefined;
         whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
         widows?: import("csstype").Property.Widows | undefined;
@@ -379,8 +382,11 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -390,9 +396,14 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -401,8 +412,19 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -416,6 +438,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -428,7 +451,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -462,7 +484,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -483,7 +504,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -506,6 +526,7 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -555,7 +576,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -684,7 +704,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -700,7 +719,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -731,7 +749,6 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
         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;
@@ -823,25 +840,30 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
     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;
@@ -856,50 +878,50 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
     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;

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

@@ -59,7 +59,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
 export declare const DrawerToggle: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
+    color?: "inherit" | "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/components/navigation/VerticalNavigation/VerticalNavigation.d.ts

@@ -1,36 +1,4 @@
 import React from 'react';
-import { IApplication, IAvatarMenuItemProps, IVerticalNavigationItemProps } from '../../../types';
-interface VerticalNavigationProps {
-    logo?: string;
-    logoText?: string;
-    logoOnClick?: any;
-    items?: IVerticalNavigationItemProps[];
-    secondaryItems?: IVerticalNavigationItemProps[];
-    hasStreamHome?: boolean;
-    streamHomeAccessToken?: string;
-    streamHomeBaseUrl?: string;
-    streamHomeApiKey?: string;
-    streamHomeApplications?: IApplication[];
-    avatarName?: string;
-    isDrawerOpen?: boolean;
-    isPersistent?: boolean;
-    setIsPersistent?: any;
-    appRootID?: string;
-    localization?: any;
-    dataAttributes?: any;
-    hasAvatar?: boolean;
-    avatarPanelLogoutString?: string;
-    avatarPanelOnClickSwitchDirection?: any;
-    avatarPanelOnClickLogout?: any;
-    avatarPanelOnClickViewProfile?: any;
-    avatarPanelViewProfileString?: string;
-    avatarPanelOnClickEditProfile?: any;
-    avatarPanelEditProfileString?: string;
-    avatarPanelMenuItems?: Array<IAvatarMenuItemProps>;
-    avatarPanelOnClickMainAction?: any;
-    avatarPanelMainActionString?: string;
-    avatarPanelSettingItems?: Array<IAvatarMenuItemProps>;
-    avatarPanelFootnote?: any;
-}
-declare const VerticalNavigation: (props: VerticalNavigationProps) => React.ReactElement;
+import { IVerticalNavigationProps } from '../../../types';
+declare const VerticalNavigation: (props: IVerticalNavigationProps) => React.ReactElement;
 export default VerticalNavigation;

package/components/navigation/VerticalNavigation/VerticalNavigationAvatar.js

@@ -26,21 +26,28 @@ import { useTheme } from '@mui/material/styles';
 import EditIcon from '@mui/icons-material/Edit';
 import LogoutIcon from '@mui/icons-material/Logout';
 import { handleAvatarInitials, useFadeIn } from '../../../utils/helpers';
-import { Person, Settings } from '@mui/icons-material';
+import { Help, Lightbulb, Person, Phone, Settings } from '@mui/icons-material';
 import { animated } from '@react-spring/web';
 import { FlyoutMenuItemText } from './VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles';
 import { defaultMessages } from '../../../lang/en-us';
 import { defaultAttributes } from '../../../utils/dataAttributes';
 var AvatarPanel = function (props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     var theme = useTheme();
-    var avatarName = props.avatarName, avatarPanelOnClickLogout = props.avatarPanelOnClickLogout, avatarPanelLogoutString = props.avatarPanelLogoutString, avatarPanelOnClickViewProfile = props.avatarPanelOnClickViewProfile, avatarPanelViewProfileString = props.avatarPanelViewProfileString, avatarPanelOnClickEditProfile = props.avatarPanelOnClickEditProfile, avatarPanelEditProfileString = props.avatarPanelEditProfileString, avatarPanelMenuItems = props.avatarPanelMenuItems, avatarPanelOnClickMainAction = props.avatarPanelOnClickMainAction, avatarPanelMainActionString = props.avatarPanelMainActionString, avatarPanelSettingItems = props.avatarPanelSettingItems, avatarPanelFootnote = props.avatarPanelFootnote, isAvatarOpen = props.isAvatarOpen, localization = props.localization, dataAttributes = props.dataAttributes;
+    var avatarName = props.avatarName, avatarPanelOnClickLogout = props.avatarPanelOnClickLogout, avatarPanelLogoutString = props.avatarPanelLogoutString, avatarPanelOnClickViewProfile = props.avatarPanelOnClickViewProfile, avatarPanelViewProfileString = props.avatarPanelViewProfileString, avatarPanelOnClickEditProfile = props.avatarPanelOnClickEditProfile, avatarPanelEditProfileString = props.avatarPanelEditProfileString, avatarPanelMenuItems = props.avatarPanelMenuItems, avatarPanelSettingItems = props.avatarPanelSettingItems, avatarPanelOnClickMainAction = props.avatarPanelOnClickMainAction, avatarPanelMainActionString = props.avatarPanelMainActionString, avatarPanelFootnote = props.avatarPanelFootnote, isAvatarOpen = props.isAvatarOpen, localization = props.localization, dataAttributes = props.dataAttributes, avatarPanelShowHelpLinks = props.avatarPanelShowHelpLinks;
     var messages = __assign(__assign({}, defaultMessages), localization);
     var dataIds = __assign(__assign({}, defaultAttributes), dataAttributes);
     useEffect(function () {
         setAvatarInitials(handleAvatarInitials(avatarName));
     }, [avatarName]);
-    var _e = React.useState((_a = handleAvatarInitials(avatarName)) !== null && _a !== void 0 ? _a : 'AN'), avatarInitials = _e[0], setAvatarInitials = _e[1];
+    var _f = React.useState((_a = handleAvatarInitials(avatarName)) !== null && _a !== void 0 ? _a : 'AN'), avatarInitials = _f[0], setAvatarInitials = _f[1];
+    // Add default helpful links below avatarPanelSettingItems,
+    // these can be toggled on/off with the avatarPanelShowHelpLinks prop
+    var defaultHelpLinks = [
+        { label: messages['help-center'], icon: _jsx(Help, {}), onClick: function () { return window.open('https://learningpool.zendesk.com/', '_blank'); } },
+        { label: messages['feature-request'], icon: _jsx(Lightbulb, {}), onClick: function () { return window.open('https://app.smartsheet.com/b/form/823248624a324630a904e825098ca816', '_blank'); } },
+        { label: messages['contact-us'], icon: _jsx(Phone, {}), onClick: function () { return window.open('https://learningpool.com/support/', '_blank'); } }
+    ];
     // Workaround to handle the react-spring calls without
     // adding additional hook calls on prop or state changes
     // --
@@ -55,7 +62,7 @@ var AvatarPanel = function (props) {
         'avatarPanelOnClickMainAction',
         'avatarPanelFootnote'
     ];
-    var totalItems = __spreadArray(__spreadArray(__spreadArray([], avatarPanelMenuItems !== null && avatarPanelMenuItems !== void 0 ? avatarPanelMenuItems : [], true), avatarPanelSettingItems !== null && avatarPanelSettingItems !== void 0 ? avatarPanelSettingItems : [], true), additionalItems, true);
+    var totalItems = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], avatarPanelMenuItems !== null && avatarPanelMenuItems !== void 0 ? avatarPanelMenuItems : [], true), avatarPanelSettingItems !== null && avatarPanelSettingItems !== void 0 ? avatarPanelSettingItems : [], true), defaultHelpLinks !== null && defaultHelpLinks !== void 0 ? defaultHelpLinks : [], true), additionalItems, true);
     var animationRefs = React.useRef(totalItems && totalItems.map(function (item, index) { return useFadeIn(index, !isAvatarOpen); }));
     return (_jsxs(StyledBox, { children: [avatarPanelOnClickLogout && (_jsx(StyledButton
             // @ts-expect-error
@@ -82,19 +89,30 @@ var AvatarPanel = function (props) {
                     // @ts-expect-error
                     , __assign({ 
                         // @ts-expect-error
-                        component: animated.button, style: animationRefs.current[((_b = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _b !== void 0 ? _b : 0) + 3], variant: 'outlined', color: 'inherit', size: 'medium', onClick: avatarPanelOnClickMainAction, startIcon: _jsx(Settings, {}) }, { children: avatarPanelMainActionString })), _jsx(List, __assign({ "data-id": dataIds.VerticalNavigationFlyoutList, style: { marginBottom: theme.spacing(2) } }, { children: avatarPanelSettingItems &&
-                            avatarPanelSettingItems.length > 0 &&
-                            avatarPanelSettingItems.map(function (avatarMenuItem, index) {
-                                var _a;
-                                return (_jsx(ListItem, __assign({ "data-id": dataIds.VerticalNavigationFlyoutListItem, component: animated.div, style: animationRefs.current[((_a = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _a !== void 0 ? _a : 0) + index + 3], disablePadding: true }, { children: _jsxs(StyledListItemButton
-                                    // TODO: figure out if these are links or buttons
-                                    // @ts-expect-error
-                                    , __assign({ 
+                        component: animated.button, style: animationRefs.current[((_b = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _b !== void 0 ? _b : 0) + 3], variant: 'outlined', color: 'inherit', size: 'medium', onClick: avatarPanelOnClickMainAction, startIcon: _jsx(Settings, {}) }, { children: avatarPanelMainActionString })), _jsxs(List, __assign({ "data-id": dataIds.VerticalNavigationFlyoutList, style: { marginBottom: theme.spacing(2), marginTop: theme.spacing(2) } }, { children: [avatarPanelSettingItems &&
+                                avatarPanelSettingItems.length > 0 &&
+                                avatarPanelSettingItems.map(function (avatarMenuItem, index) {
+                                    var _a;
+                                    return (_jsx(ListItem, __assign({ "data-id": dataIds.VerticalNavigationFlyoutListItem, component: animated.div, style: animationRefs.current[((_a = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _a !== void 0 ? _a : 0) + index + 3], disablePadding: true }, { children: _jsxs(StyledListItemButton
                                         // TODO: figure out if these are links or buttons
                                         // @ts-expect-error
-                                        component: Link, role: 'link', onClick: avatarMenuItem.onClick }, { children: [_jsx(ListItemIcon, __assign({ "aria-hidden": true, style: {
-                                                    minWidth: theme.spacing(5)
-                                                } }, { children: avatarMenuItem.icon })), _jsx(ListItemText, { primary: avatarMenuItem.label })] })) }), "".concat(avatarMenuItem.label, " - ").concat(index)));
-                            }) }))] })), _jsx(Box, __assign({ "data-id": dataIds.VerticalNavigationFlyoutFootnote, className: 'avatar-panel-footnote', style: animationRefs.current[((_c = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _c !== void 0 ? _c : 0) + ((_d = avatarPanelSettingItems === null || avatarPanelSettingItems === void 0 ? void 0 : avatarPanelSettingItems.length) !== null && _d !== void 0 ? _d : 0) + 4] }, { children: avatarPanelFootnote && avatarPanelFootnote }))] }));
+                                        , __assign({ 
+                                            // TODO: figure out if these are links or buttons
+                                            // @ts-expect-error
+                                            component: Link, role: 'link', onClick: avatarMenuItem.onClick }, { children: [_jsx(ListItemIcon, __assign({ "aria-hidden": true, style: {
+                                                        minWidth: theme.spacing(5)
+                                                    } }, { children: avatarMenuItem.icon })), _jsx(ListItemText, { primary: avatarMenuItem.label })] })) }), "".concat(avatarMenuItem.label, " - ").concat(index)));
+                                }), avatarPanelShowHelpLinks && defaultHelpLinks &&
+                                defaultHelpLinks.length > 0 &&
+                                defaultHelpLinks.map(function (avatarMenuItem, index) {
+                                    var _a, _b;
+                                    return (_jsx(ListItem, __assign({ "data-id": dataIds.VerticalNavigationFlyoutListItem, component: animated.div, style: animationRefs.current[((_a = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _a !== void 0 ? _a : 0) + ((_b = avatarPanelSettingItems === null || avatarPanelSettingItems === void 0 ? void 0 : avatarPanelSettingItems.length) !== null && _b !== void 0 ? _b : 0) + index + 3], disablePadding: true }, { children: _jsxs(StyledListItemButton
+                                        // @ts-expect-error
+                                        , __assign({ 
+                                            // @ts-expect-error
+                                            component: Link, role: 'link', onClick: avatarMenuItem.onClick }, { children: [_jsx(ListItemIcon, __assign({ "aria-hidden": true, style: {
+                                                        minWidth: theme.spacing(5)
+                                                    } }, { children: avatarMenuItem.icon })), _jsx(ListItemText, { primary: avatarMenuItem.label })] })) }), "".concat(avatarMenuItem.label, " - ").concat(index)));
+                                })] }))] })), _jsx(Box, __assign({ "data-id": dataIds.VerticalNavigationFlyoutFootnote, className: 'avatar-panel-footnote', style: animationRefs.current[((_c = avatarPanelMenuItems === null || avatarPanelMenuItems === void 0 ? void 0 : avatarPanelMenuItems.length) !== null && _c !== void 0 ? _c : 0) + ((_d = avatarPanelSettingItems === null || avatarPanelSettingItems === void 0 ? void 0 : avatarPanelSettingItems.length) !== null && _d !== void 0 ? _d : 0) + ((_e = defaultHelpLinks === null || defaultHelpLinks === void 0 ? void 0 : defaultHelpLinks.length) !== null && _e !== void 0 ? _e : 0) + 4] }, { children: avatarPanelFootnote && avatarPanelFootnote }))] }));
 };
 export default AvatarPanel;