@auth0/quantum-product 1.5.6 → 1.5.8

package/identicons/icons/icon-user.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIdenticonProps } from '../common';
-export declare const IdenticonUser: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IdenticonUser: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/identicons/icons/icon-users.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIdenticonProps } from '../common';
-export declare const IdenticonUsers: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IdenticonUsers: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/identicons/icons/icon-video.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIdenticonProps } from '../common';
-export declare const IdenticonVideo: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IdenticonVideo: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/identicons/icons/icon-web-app.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIdenticonProps } from '../common';
-export declare const IdenticonWebApp: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IdenticonWebApp: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/identicons/icons/icon-webauthn.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIdenticonProps } from '../common';
-export declare const IdenticonWebauthn: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IdenticonWebauthn: import("styled-components").StyledComponent<({ color, ...props }: IIdenticonProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/experienced-user.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationExperiencedUser: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationExperiencedUser: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/new-auth0-user-a.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationNewAuth0UserA: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationNewAuth0UserA: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/notifications.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationNotifications: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationNotifications: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/roles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationRoles: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationRoles: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/single-sign-on.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationSingleSignOn: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationSingleSignOn: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/streams-logs.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationStreamsLogs: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationStreamsLogs: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/illustrations/components/users.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IIllustrationProps } from '../common';
-export declare const IllustrationUsers: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const IllustrationUsers: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/image/image.d.ts

@@ -12,7 +12,7 @@ export declare type IImageProps = IStyledComponentProps<{
     };
     defaultComponent: 'img';
 }>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const Image: import("styled-components").StyledComponent<"img", import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme> & {
     fit?: ImageFitType | undefined;
     /** Sets the image width to auto */
     disableResponsive?: boolean | undefined;

package/input/input.d.ts

@@ -17,7 +17,7 @@ export declare type IMaskedInputProps = Pick<IInputProps, 'disabled' | 'placehol
 export declare const getMaskedInputProps: (masked: boolean | undefined, inputProps: Pick<IInputProps, 'masked' | 'value' | 'defaultValue'>) => IMaskedInputProps;
 export declare const Root: import("styled-components").StyledComponent<((props: OutlinedInputProps) => JSX.Element) & {
     muiName: string;
-}, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & IStyledOwnerStateProps<{
+}, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme> & IStyledOwnerStateProps<{
     code?: boolean | undefined;
 }>, never>;
 export declare const Input: React.ForwardRefExoticComponent<Pick<IInputProps, "code" | "label" | "slot" | "style" | "title" | "type" | "error" | "disabled" | "hidden" | "size" | "icon" | "translate" | "margin" | "className" | "classes" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "fullWidth" | "endAdornment" | "components" | "componentsProps" | "max" | "autoFocus" | "name" | "value" | "required" | "multiline" | "autoComplete" | "disableInjectingGlobalStyles" | "inputComponent" | "inputProps" | "inputRef" | "readOnly" | "renderSuffix" | "rows" | "maxRows" | "minRows" | "startAdornment" | "min" | "actions" | "masked" | "suffix"> & React.RefAttributes<unknown>>;

package/logo/logo.d.ts

@@ -3,7 +3,7 @@ import { IStyledComponentProps, IStyledOwnerStateProps } from '../styled';
 import { LogoClasses } from './logo-classes';
 export declare type LogoSize = 'xsmall' | 'small' | 'medium';
 export declare type LogoColor = 'default' | 'dark' | 'light' | 'white';
-export declare const Root: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & IStyledOwnerStateProps<{
+export declare const Root: import("styled-components").StyledComponent<"div", import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme> & IStyledOwnerStateProps<{
     size?: LogoSize | undefined;
     color: LogoColor;
 }>, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-product",
-  "version": "1.5.6",
+  "version": "1.5.8",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {

package/page/page-header/page-header.d.ts

@@ -5,7 +5,7 @@ import { IRowLayoutProps } from '../../row-layout';
 import { ITextProps } from '../../text';
 import { PageHeaderClasses } from './page-header-classes';
 export declare type IPageHeaderOwnerState = Partial<IPageContextValue>;
-export declare const Actions: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const Actions: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
 export interface IPageHeaderProps extends Omit<IRowLayoutProps, 'title'>, Pick<IAvatarBlockProps, 'titleTypographyProps' | 'descriptionTypographyProps'> {
     title: React.ReactNode;
     metadata?: React.ReactNode;

package/panel-layout/panel/panel.d.ts

@@ -4,7 +4,7 @@ export interface IPanelProps extends GridProps {
     position?: any;
     children?: React.ReactChild | React.ReactChild[];
 }
-export declare const Root: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").GridTypeMap<{}, "div">>, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const Root: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").GridTypeMap<{}, "div">>, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme> & {
     position: 'start' | 'end' | undefined;
 }, never>;
 export declare const Panel: React.ForwardRefExoticComponent<Pick<IPanelProps, "p" | "slot" | "style" | "title" | "color" | "border" | "boxShadow" | "hidden" | "left" | "right" | "bottom" | "top" | "flex" | "wrap" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "typography" | "spacing" | "className" | "classes" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "container" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & React.RefAttributes<HTMLDivElement>>;

package/panel-layout/panel-body/panel-body.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 export interface IPanelBodyProps {
     children?: React.ReactChild;
 }
-export declare const Root: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const Root: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
 export declare const PanelBody: React.ForwardRefExoticComponent<IPanelBodyProps & React.RefAttributes<HTMLDivElement>>;

package/panel-layout/panel-title/panel-title.d.ts

@@ -6,7 +6,7 @@ export declare type IPanelTitleProps = IStyledComponentProps<{
     };
     defaultComponent: 'div';
 }>;
-export declare const Root: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const Root: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
 export declare const PanelTitle: React.ForwardRefExoticComponent<{
     children?: React.ReactChild | undefined;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "children"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/quantum-provider/index.d.ts

@@ -1,4 +1,4 @@
 export { QuantumProvider } from './quantum-provider';
 export type { IQuantumProviderProps } from './quantum-provider';
 export { QuantumContext, useQuantumContext } from './quantum-context';
-export type { IQuantumContextValue } from './quantum-context';
+export type { IQuantumContextValue, ThemeColorMode } from './quantum-context';

package/quantum-provider/quantum-provider.d.ts

@@ -9,5 +9,5 @@ export interface IQuantumProviderProps {
     onColorModeChange?(colorMode: ThemeColorMode): void;
     children?: React.ReactNode | ((ctx: IQuantumContextValue) => React.ReactNode);
 }
-export declare const getCurrentColorModeFromStorage: (defaultColorMode: ThemeColorMode) => ThemeColorMode;
+export declare const getCurrentColorModeFromStorage: () => ThemeColorMode;
 export declare const QuantumProvider: React.FC<IQuantumProviderProps>;

package/quantum-provider/quantum-provider.js

@@ -47,12 +47,13 @@ var use_media_query_1 = require("../use-media-query");
 var quantum_context_1 = require("./quantum-context");
 var DEFAULT_COLOR_MODE_STORAGE_KEY = 'quantum:color-mode';
 exports.PREFERS_DARK_MODE_QUERY = '(prefers-color-scheme: dark)';
-var getCurrentColorModeFromStorage = function (defaultColorMode) {
+var validColorModes = new Set(['light', 'dark', 'system']);
+var getCurrentColorModeFromStorage = function () {
     try {
-        return window.localStorage.getItem(DEFAULT_COLOR_MODE_STORAGE_KEY);
+        return window.localStorage.getItem(DEFAULT_COLOR_MODE_STORAGE_KEY) || quantum_context_1.DEFAULT_COLOR_MODE;
     }
     catch (_err) {
-        return defaultColorMode;
+        return quantum_context_1.DEFAULT_COLOR_MODE;
     }
 };
 exports.getCurrentColorModeFromStorage = getCurrentColorModeFromStorage;
@@ -67,13 +68,19 @@ var setCurrentColorModeInStorage = function (mode) {
 var computePaletteMode = function (currentColorMode, prefersDarkMode) {
     return currentColorMode === 'system' ? (prefersDarkMode ? 'dark' : 'light') : currentColorMode;
 };
+var isValidColorMode = function (colorMode) {
+    return validColorModes.has(colorMode);
+};
+var computeValidColorMode = function (colorMode) {
+    return isValidColorMode(colorMode) ? colorMode : quantum_context_1.DEFAULT_COLOR_MODE;
+};
 var QuantumProvider = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? default_theme_1.defaultQuantumTheme : _b, children = _a.children, onColorModeChange = _a.onColorModeChange, propColorMode = _a.colorMode, _c = _a.defaultColorMode, defaultColorMode = _c === void 0 ? quantum_context_1.DEFAULT_COLOR_MODE : _c;
-    var _d = __read(React.useState(function () {
-        return propColorMode || (0, exports.getCurrentColorModeFromStorage)(defaultColorMode);
-    }), 2), colorMode = _d[0], setColorMode = _d[1];
+    var _b = _a.theme, theme = _b === void 0 ? default_theme_1.defaultQuantumTheme : _b, children = _a.children, onColorModeChange = _a.onColorModeChange, propColorMode = _a.colorMode, defaultColorMode = _a.defaultColorMode;
+    var _c = __read(React.useState(function () {
+        return propColorMode || defaultColorMode || (0, exports.getCurrentColorModeFromStorage)();
+    }), 2), colorMode = _c[0], setColorMode = _c[1];
     var prefersDarkMode = (0, use_media_query_1.useMediaQuery)(exports.PREFERS_DARK_MODE_QUERY);
-    var currentColorMode = propColorMode || colorMode;
+    var currentColorMode = computeValidColorMode(propColorMode || colorMode);
     React.useEffect(function () {
         var _a;
         var mode = computePaletteMode(currentColorMode, prefersDarkMode);
@@ -81,7 +88,7 @@ var QuantumProvider = function (_a) {
     }, [currentColorMode, prefersDarkMode]);
     var activeTheme = React.useMemo(function () {
         var mode = computePaletteMode(currentColorMode, prefersDarkMode);
-        return theme[mode];
+        return theme[mode] || theme[quantum_context_1.DEFAULT_COLOR_MODE];
     }, [prefersDarkMode, currentColorMode, theme]);
     var handleSetColorMode = React.useCallback(function (mode) {
         setColorMode(mode);

package/select/select-menu-actions/select-menu-actions.d.ts

@@ -4,4 +4,4 @@ export declare type ISelectMenuActionsProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;
-export declare const SelectMenuActions: import("styled-components").StyledComponent<typeof DialogActions, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const SelectMenuActions: import("styled-components").StyledComponent<typeof DialogActions, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/select/select-menu-body/select-menu-body.d.ts

@@ -3,4 +3,4 @@ export declare type ISelectMenuBodyProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;
-export declare const SelectMenuBody: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const SelectMenuBody: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/select/select-menu-header/select-menu-header.d.ts

@@ -3,4 +3,4 @@ export declare type ISelectMenuHeaderProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;
-export declare const SelectMenuHeader: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const SelectMenuHeader: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/stack-layout/stack-layout-item/stack-layout-item.d.ts

@@ -4,4 +4,4 @@ export declare type IStackLayoutItemProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;
-export declare const StackLayoutItem: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const StackLayoutItem: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/stack-layout/stack-layout.d.ts

@@ -5,5 +5,5 @@ export declare type IStackLayoutProps = IStyledComponentProps<{
     props: ILayoutComponentProps;
     defaultComponent: 'div';
 }>;
-export declare const Root: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const Root: import("styled-components").StyledComponent<"div", import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export declare const StackLayout: React.ForwardRefExoticComponent<ILayoutComponentProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | keyof ILayoutComponentProps> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/styled.d.ts

@@ -17,4 +17,4 @@ export interface IStyledOwnerStateProps<Props = {}> {
     ownerState: Props;
 }
 export declare const rootShouldForwardProp: typeof shouldForwardProp;
-export declare const styled: import("@mui/system").CreateMUIStyled<import("@mui/material").Theme>;
+export declare const styled: import("@mui/system").CreateMUIStyled<ITheme>;

package/table/table-empty-state/table-empty-state.d.ts

@@ -3,4 +3,4 @@ export declare type ITableEmptyStateProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;
-export declare const TableEmptyState: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;
+export declare const TableEmptyState: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;

package/theme/create-theme.d.ts

@@ -1,6 +1,9 @@
 import { Palette, Theme, ThemeOptions, Breakpoints } from '@mui/material/styles';
+import { SemanticThemeTokens, GlobalThemeTokens } from './tokens';
+import { ILayout } from './create-layout';
 import { IComponentsOptions } from './create-components';
-import { ITypographyOptions } from './create-typography';
+import { IMixins } from './create-mixins';
+import { ITypography, ITypographyOptions } from './create-typography';
 export declare type IThemeOptions = Omit<ThemeOptions, 'typography'> & {
     components?: IComponentsOptions['components'];
     typography?: ((partialTheme: {
@@ -8,5 +11,15 @@ export declare type IThemeOptions = Omit<ThemeOptions, 'typography'> & {
         breakpoints: Breakpoints;
     }) => ITypographyOptions) | ITypographyOptions;
 };
-export declare type ITheme = Theme;
+interface IThemeCustomProps {
+    layout: ILayout;
+    typography: ITypography;
+    mixins: IMixins;
+    /** Returns spacing as px number value without the unit */
+    spacingPX(factor: number): number;
+    tokens: SemanticThemeTokens;
+    unsafe_globalTokens: GlobalThemeTokens;
+}
+export declare type ITheme = Theme & IThemeCustomProps;
 export declare const createTheme: ({ layout: layoutOptions, components: componentsOptions, palette: paletteOptions, typography: typographyOptions, breakpoints: breakpointsOptions, tokens, ...options }?: IThemeOptions) => ITheme;
+export {};

package/theme/create-typography.d.ts

@@ -9,5 +9,5 @@ export interface ITypography extends Typography {
     input: TypographyStyle;
     fontWeightSemibold: any;
 }
-export declare type ITypographyOptions = TypographyOptions;
-export declare const createTypography: (overrides: TypographyOptions | undefined, tokens: ThemeTokens) => TypographyOptions;
+export declare type ITypographyOptions = TypographyOptions & Partial<ITypography>;
+export declare const createTypography: (overrides: ITypographyOptions | undefined, tokens: ThemeTokens) => ITypographyOptions;

package/theme/default-theme.d.ts

@@ -1,2 +1,2 @@
-export declare const defaultTheme: import("@mui/material").Theme;
+export declare const defaultTheme: import("./create-theme").ITheme;
 export declare const defaultQuantumTheme: import("./create-quantum-theme").IQuantumTheme;

package/theme/use-theme.d.ts

@@ -1 +1 @@
-export declare const useTheme: () => import("@mui/material").Theme;
+export declare const useTheme: () => import("./create-theme").ITheme;