npm - @apollion-dsi/core - Versions diffs - 5.7.0 → 5.8.0 - Mend

@apollion-dsi/core 5.7.0 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (222) hide show

package/lib/containers/Notification/Notification.style.d.ts CHANGED Viewed

@@ -132,6 +132,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -150,6 +152,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -294,7 +350,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -333,6 +388,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -352,6 +409,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -371,6 +430,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -390,6 +451,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -889,6 +952,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -907,6 +972,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -1051,7 +1170,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -1090,6 +1208,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -1109,6 +1229,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -1128,6 +1250,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -1147,6 +1271,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -1646,6 +1772,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -1664,6 +1792,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -1808,7 +1990,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -1847,6 +2028,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -1866,6 +2049,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -1885,6 +2070,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -1904,6 +2091,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -2405,6 +2594,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -2423,6 +2614,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -2567,7 +2812,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -2606,6 +2850,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -2625,6 +2871,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -2644,6 +2892,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -2663,6 +2913,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -3162,6 +3414,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -3180,6 +3434,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -3324,7 +3632,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -3363,6 +3670,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -3382,6 +3691,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -3401,6 +3712,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -3420,6 +3733,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -3919,6 +4234,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -3937,6 +4254,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -4081,7 +4452,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -4120,6 +4490,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -4139,6 +4511,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -4158,6 +4532,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -4177,6 +4553,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -4678,6 +5056,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -4696,6 +5076,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -4840,7 +5274,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -4879,6 +5312,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -4898,6 +5333,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -4917,6 +5354,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -4936,6 +5375,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -5435,6 +5876,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -5453,6 +5896,60 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
@@ -5597,7 +6094,6 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -5636,6 +6132,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -5655,6 +6153,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -5674,6 +6174,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -5693,6 +6195,8 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;